Обложка канала

Frontend разработчик. Страница 32

12650 @frontend_1
Открыть

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

  • Frontend разработчик

    🚀Toп 6 CSS фреймворков для ReactJS🖥️ 1. Material UI - React компоненты для быстрой и легкой веб-разработки. Создайте свой собственный дизайн или начните с Material Design. [https://material-ui.com/ru/] 2. AntD - Система дизайна для продуктов корпоративного уровня. Создайте эффективный и приятный опыт работы. [https://ant.design/] 3. React-Bootstrap - Самый популярный интерфейсный фреймворк Перестроен для React. [https://react-bootstrap.github.io/] 4. Semantic UI - Semantic - это среда разработки, которая помогает создавать красивые, гибкие макеты с использованием удобного для человека HTML. [https://semantic-ui.com/] 5. React ToolBox - это набор компонентов React, реализующий спецификацию Google Material Design. Он построен на основе самых модных предложений, таких как модули CSS (написанные на SASS), Webpack и ES6. Библиотека гармонично интегрируется с вашим рабочим процессом Webpack, она легко настраивается и очень гибкая. [http://react-toolbox.io/#/] 6. Elemental UI - Набор инструментов пользовательского интерфейса для веб-сайтов и приложений React.js [http://elemental-ui.com/]

  • Frontend разработчик

    CSS-выражения от контейнера для дизайнеров При работе над дизайном для веба приходится иметь дело с макетами для разных размеров экрана. Опираясь на эти макеты, разработчик определяет ширину или высоту окна браузера медиазапросами, а затем, исходя из этого, меняет макет. Именно так мы верстали веб последние 10 лет, и вот-вот всё станет еще лучше. У меня для вас хорошие новости. CSS-выражения от контейнера — долгожданная для веб-разработчиков фича — скоро появится в CSS и с ней уже можно поэкспериментировать в Chrome Canary. В этой статье мы познакомимся с этой фичей поближе, и узнаем, как она повлияет на вашу работу как дизайнера, и не только. Неважно, пишете ли вы код или нет, если увидите какой-то незнакомый CSS, то можете полностью игнорировать его и идти дальше. #css #frontend

  • Frontend разработчик

    Popper.js - JS библиотека, для реализации всплывающих подсказок на сайтах и web приложениях. Особенности / преимущества: ✔️Легкая библиотека размером около 3 КБ ✔️Расширенная возможность настройки ✔️Легко интегрировать в проект ✔️Удобный API ✔️Открытый исходный код Оф. сайт: https://popper.js.org/ Гит: https://github.com/popperjs/popper-core #библиотеки #js

  • Реклама

  • Frontend разработчик

  • Frontend разработчик

  • Frontend разработчик

    Функция fetch() Функцию Fetch API fetch() можно использовать для создания запросов. Принимая дополнительные аргументы, запрос можно настроить. Например, изменить тип запроса, заголовки, указать тело запроса и многое другое. #javascript Подписывайтесь на канал 👉@coddy_academy

  • Frontend разработчик

    Бегущая лошадь с эффектом замедления при клике. #codepen #scss

  • Frontend разработчик

    ❓Давно хотите разобраться в теме Agile? Тогда ждем вас 19 мая в 20:00 на открытом уроке в OTUS. Начнем с темы «Техники оценки Agile-проектов для различных контекстов». 🔥Что вас ждет на уроке? - Узнаете, какие бывают виды оценок проектов и задач в зависимости от срочности, размера и сложности объёма работ. - Научитесь выбирать к ситуации и применять различные способы оценки: «размеры футболок», человеко-часы, story points, PERT и другие - Познакомитесь с классическим инструментом critical path. 👍Спикер: преподаватель Юлия Белозерова, Technical Program Manager. Вебинар пройдет в рамках онлайн-курса «Agile Project Manager» и будет полезен инженерам, тимлидам и проектным менеджерам. ⚡️Чтобы попасть на мероприятие, нужно зарегистрироваться: https://otus.pw/6zia/

  • Frontend разработчик

    Код жизни: что можно узнать о себе по дате рождения и как пофиксить баги в собственной жизни? — «Ген программиста» идет в паре с трудоголизмом. Как поддерживать уровень энергии и избежать выгорания именно Вам? 🚀 — Больше половины вашего времени занимает работа. Как повысить уровень благополучия, самочувствия и удовлетворенности жизнью? 😻 — Гиперответственность и давление из-за сроков. Как замечать первые признаки стресса Вашего типа и правильно из него выходить? 🔥🙈 — Счастливыми нас делают не деньги и достижения, а связи с людьми. Как повысить уровень удовлетворенности социальными связями и близкими отношениями? Кто подходит именно Вам и как это определить? 👫 — Поговорим и деньгах и о том, как Вам их заработать 💸 Китайская метафизика дает полную картину Вашей личности и позволяет заглянуть в будущее. Хотите чувствовать себя уверенней? Подписывайтесь на канал «Путь в тысячу ли» и получайте прогнозы каждый день!

  • Frontend разработчик

    Наглядная статистика по JavaScript технологиям Из гифки видно динамику изменения с 2016 года по 4 основным категориям: - удовлетворение - интерес - использование - осведомленность информацией Например, программисты все меньше удовлетворены JS фреймворками и их развитием Интерес к альтернативным фреймам, типа Svelte возрастает Использование Angular на уровне, и разумеется он не мертв И прочие интересные моменты. Подробней можете посмотреть на сайте

  • Frontend разработчик

    Создание лейаутов и сеток с помощью Angular CDK и Angular Material В данной статье приведу пример решения с использованием размеров и устройств, которые предлагает Angular CDK. #Angular #frontend

  • Frontend разработчик

    Подборка каналов для IT специалистов 🎯 Системное администрирование 📌 https://t.me/tipsysdmin Типичный Сисадмин (фото железа, было/стало) https://t.me/sysadminof Книги для админов, полезные материалы https://t.me/i_odmin Все для системного администратора https://t.me/i_odmin_book Библиотека Системного Администратора https://t.me/i_odmin_chat Чат системных администраторов https://t.me/i_DevOps DevOps: Пишем о Docker, Kubernetes и др. GitHub Сообщество 📌 https://t.me/Githublib Интересное из GitHub CodePen 📌 https://t.me/codepen_1 Сообщество пользователей CodePen Базы данных (Data Base) 📌 https://t.me/database_info Все про базы данных Вакансии для программистов 📌 https://t.me/progjob Программирование Python 📌 https://t.me/pythonofff Python академия. Учи Python быстро и легко🐍 https://t.me/BookPython Библиотека Python разработчика https://t.me/python_real Python подборки на русском и английском Мобильная разработка: iOS, Android 📌 https://t.me/developer_mobila Мобильная разработка Фронтенд разработка 📌 https://t.me/frontend_1 Подборки для frontend разработчиков Java разработка 📌 https://t.me/BookJava Библиотека Java разработчика Разработка игр 📌 https://t.me/game_devv Все о разработке игр Библиотеки 📌 https://t.me/book_for_dev Книги для программистов Rus https://t.me/programmist_of Книги по программированию https://t.me/proglb Библиотека программиста https://t.me/bfbook Книги для программистов БигДата, машинное обучение 📌 https://t.me/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning Программирование 📌 https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций https://t.me/coddy_academy Полезные советы по программированию QA, тестирование 📌 https://t.me/testlab_qa Библиотека тестировщика Шутки программистов 📌 https://t.me/itumor Шутки программистов Защита, взлом, безопасность 📌 https://t.me/thehaking Канал о кибербезопасности Книги, статьи для дизайнеров 📌 https://t.me/ux_web Статьи, книги для дизайнеров Английский 📌 https://t.me/UchuEnglish Английский с нуля Математика 📌 https://t.me/Pomatematike Канал по математике Арбитраж трафика 📌 https://t.me/partnerochkin CPA и арбитраж трафика Крипта 📌 https://t.me/bitkoinoff Новости криптовалют DeepFake 📌 https://t.me/deepfakenow Публикуем deepfake видео Мир технологий 📌 https://t.me/mir_teh Видео из мира технологий

  • Frontend разработчик

    #вакансия #удалённо #job #remote #parttime #преподаватель #руководитель #javascript #вебанимация #верстка Компания: OTUS – образовательная платформа. Вакансия: преподаватель курсов Веб-анимация, HTML/CSS; преподаватель, руководитель (автор) курса "Буткэмп Fullstack JavaScript". Требуется релевантный опыт от 4-х лет💪 Локация: удаленно; сами определяете нагрузку и выбираете, на какие темы преподавать. 💰Вознаграждение: Ставка за 1 урок (1.5 часа) – от 4000р. до 6000р. Дополнительные активности на Ваше усмотрение, которые оплачиваются отдельно: разработка и переработка материалов вебинара, проверка домашних заданий, менторство и т.д. У нас классная команда 450+ экспертов с уникальными компетенциями из различных компаний. Мы учимся друг у друга, советуемся, помогаем, делимся опытом, обсуждаем новости как в преподавании, так и по проектам. Научим: ✅ работать с аудиторией; ✅ давать обратную связь; ✅ публично выступать; ✅ структурировать свои знания. Вы сможете: 🎁 проходить наши курсы со скидкой; 💪 набирать себе команду из лучших студентов; 💸 совмещать с текущей фулл-тайм загрузкой. Хотите узнать больше? @yu_grin

  • Frontend разработчик

    33 CSS генераторов, библиотек и тулзов упрощающих работу с CSS 1. glassmorphism.com - генератор эффекта глассморфизма (эффект матового стекла) 2. nighteye.app/dark-css-generator/ - генератор тёмных CSS. Вставляем URL сайта - получаем тёмную тему для своей страницы 3. neumorphism.io - создаёт градиенты и тени в стилистике неоморфизма. 4. shapedivider.app - генератор волн, кривых, стрелок и других загогулин 5. utopia.fyi - элегантное масштабирование шрифтов без breakpoints 6. transition.style - генерация Drop-in переходов 7. MoreToggles.css - нужно боооооольше переключателей 8. cssscanpro.com - удобный Devtools позволяющий стянуть понравившиеся CSS с любого сайта 9. shadows.brumm.af - генерация теней 10. stylestage.dev - витрина CSS стилей, попадаются интересные stylesheet 11. spiritapp.io - генерация анимации прямо в браузере 12. border-radius - генерация разных радиусов 13. 10015.io - комбайн, бекграунды, тени, градиенты, кривые, треугольники 14. larsenwork.com/easing-gradients/ - нелинейные градиенты 15. cssgrid-generator.netlify.app - Grid generator 16. accordionslider.com - генерация аккордеон-слайдеров 17. bennettfeely.com/clippy/ - обрезка картинок по трафарету 18. getwaves.io - генерация svg-вектора с заливкой волнообразной формы 19. Background - генератор бекграундов 20. pixelmap.amcharts.com - генератор карт 21. enjoycss.com - комбайн 22. cssfilters.co - фильтры инстаграмма на CSS 23. tridiv.com - 3D-редактор для создания объёмных моделей на чистом CSS 24. howtocenterincss.com - генератор стилей для центрирования 25. javier.xyz/img2css - преобразует изображения в CSS-код 26. pattle.github.io/simpsons-in-css/ - Simpsons чистом CSS 🤭 27. icons8.com/cssload/ru/spinners - подборка индикаторов загрузки 28. bennettfeely.com/flexplorer/ - площадка для демонстрации возможностей модели Flexbox 29. css3d.net/ribbon-generator/ - генератор красивых 3D ленточек 30. border-image.com - генератор CSS3 свойства border-image 31. bestcssbuttongenerator.com - генератор CSS3 кнопок 32. jonassebastianohlsson.com/specificity-graph/ - создание графов для стилей 33. new.s-sd.ru/ - генератор длинных теней
    Dark CSS Theme Generator | Night Eye

    Night Eye

  • Frontend разработчик

    React Hooks простыми словами В этой статье мы не сделаем великого открытия. Наша цель другая – рассказать про React Hooks настолько подробно и просто без трудной терминологии, насколько это возможно. Чтобы после прочтения статьи каждый понял про хуки всё. Эта статья будет полезна как начинающим React-разработчикам, так и тем, кто хочет, не уходя в глубины документации, получить практическую информацию в сжатом виде. #React #Hooks #frontend

  • Реклама

  • Frontend разработчик

    Памятка по современному JavaScript. Этот репозиторий представляет из себя памятку по JavaScript и насчитывает множество ссылок на изучение языка для разного уровня и примеры кода, необходимые в реальной разработке. github.com/mbeaudr…ru-RU.md

  • Frontend разработчик

    ‍Работа с часовыми поясами в JavaScript Недавно я работал над задачей добавления часовых поясов в JS-библиотеку календаря, которую ведёт моя команда. Мне было хорошо известно о никудышной поддержке часовых поясов в JavaScript, но я надеялся, что абстрагирование имеющихся объектов данных позволит легко решить большинство трудностей. Однако мои мечты пошли прахом. Когда я углубился в задачу, то понял, что в этом языке действительно трудно работать с часовыми поясами. Реализовать что-то сложнее простого форматирования отображения времени и вычисления даты с помощью комплексных операций (функции календаря) было чрезвычайно трудным делом. Я получил ценный опыт решения этой проблемы, и это повлекло за собой новые затруднения. В этой статье я хочу обсудить, с чем я столкнулся и как это решал. Пока я писал текст, осознал, что причиной всех невзгод было плохое понимание мной самой темы часовых поясов. В свете этого осознания я предлагаю сначала подробно поговорить об определении и стандартах, а уже потом переходить к JavaScript.

  • Frontend разработчик

    Хотите научиться делать один из самых популярных элементов анимации? 🤔 ⚡️Приглашаем 11 мая в 20:00 мск на открытый урок «Анимация модального окна сайта: основы и полезные фишки» в OTUS. ✨Вместе с Марией Коршуновой, экспертом с опытом более 10 лет в сфере веб-разработки, мы потренируемся в анимации модального окна его открытия и закрытия, чтобы сделать элемент отличным от большинства сайтов. Урок дает возможность попробовать новый онлайн-курс «Веб-анимации». 🚀Регистрация на урок: https://otus.pw/vOcP/