Frontender Libs - обзор библиотек JS / CSS

Руководство по использованию Material UI AutoComplete в React Material UI предоставляет уникальный набор компонентов и утилит, которые помогают разработчикам лучше работать с веб-приложениями. Одним из таких компонентов является компонент MUI <Autocomplete/>. В статье подробно познакомимся с этим компонентом и рассмотрим особенности его использования. 👉 @sWebDev

Друзья, предлагаем вам оценить российский рынок мероприятий для разработчиков. Поделитесь, какие митапы и конференции вам интересны и почему, какие форматы участия вы предпочитаете.  Онлайн-опрос займет не более 3-х минут. За это время вы передохнёте от работы, а в конце мы подарим скидку 25% на крутые образовательные лекции! Пройти опрос 👉 @sWebDev

Hover-эффект с GSAP.js По ссылке эффект наведения на кнопку, выполненный на SCSS, SVG и GSAP.js. 👉 @sWebDev

Vuestic UI Vuestic UI - фреймворк для работы с визуальной составляющей вашего сайта. Из особенностей: полная совместимость с Vue.js; наличие более 50 компонентов с большим набором функций; гибкая настройка компонентов; адаптивность и кроссбраузерность. 👉 @sWebDev

Познакомьтесь с JavaScript на бесплатном онлайн-вебинаре. Регистрируйтесь на встречу с Фронтенд-разработчиком, которая пройдет 17 ноября в 19:00 по московскому времени! За 2 часа вы узнаете:  ✔️Cтоит ли идти во фронтендеры и кому подойдет эта профессия. ✔️Напишите мини-игру, используя базовые конструкции JS. ✔️Какие навыки и знания помогут оставаться в профессии надолго. ✔️Как найти первую работу новичку без опыта. Разобраться в теме поможет профи Алексей Кадочников — с опытом в разработке более 9 лет. Работал в таких крупных компаниях как Mail.ru Group, Wizzard-C. 🎁 Все участники вебинара получат приятные бонусы от Хекслета! Ваше будущее может измениться в лучшую сторону, записывайтесь🤘

Захват изображений и видео с react-webcam Руководство по использованию react-webcam для простой и функциональной работы с веб-камерой. 👉 @sWebDev

Вертикальная прокрутка на GSAP.js Вертикальная прокрутка, выполненная на SCSS и библиотеке GSAP.js. 👉 @sWebDev

Представляем refine — open-source headless React-фреймворк (5.4K ⭐️ на GitHub) для CRUD-приложений. С ним вы можете быстро создать админку или дашбоард, при этом код останется гибким для изменений.✨ refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀 GitHub Repo: https://github.com/refinedev/refine

События маршрутизации Angular Каждый раз, когда в Angular приложении осуществляется навигация, Router сервис инициирует ряд событий: NavigationStart - начало навигации; RoutesRecognized - завершение процесса парсинга URL и распознавания маршрутов; RouteConfigLoadStart - инициируется непосредственно перед асинхронной загрузкой маршрутов; RouteConfigLoadEnd - инициируется непосредственно после асинхронной загрузкой маршрутов; NavigationEnd - завершение навигации; NavigationCancel - навигация отклонена, возникает, когда guard возвращает false; NavigationError - возникновение непредвиденной ошибки в процессе осуществления навигации. Перечисленные выше события могут быть обработаны в любом компоненте или сервисе приложения. Чтобы определить для них обработчики, необходимо "подписаться" на свойство events сервиса Router. 👉 @sWebDev

Успей ухватить 7 дней бесплатного обучения фронтенд-разработке! 15–21 ноября Роман Чернов, веб-разработчик с 8-летним стажем, проведёт онлайн-интенсив с практикой и обратной связью. На эти 7 дней план такой: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг; - Получишь советы по доработке своего проекта. В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов. 👉 Забрать бесплатно 7 дней обучения frontend-разработке А тем, кто ещё только думает переходить в IT, дадим пошаговый план как стать успешным frontend-разработчиком с нуля.

Адаптивное изображение замка Проект адаптивного изображения замка, выполненный на SCSS и GSAP.js. 👉 @sWebDev

📚Век живи, век учись — пора и Angular открыть! ⏰14 ноября в 20:00 пройдёт открытый урок: "Разработка приложений на Angular. Основные преимущества и возможности" 💢Angular - это мощный фреймворк от Google, который используется для создания мобильных приложений. 📌За 1, 5 часа на занятии с опытным экспертом мы: - Познакомимся с Angular CLI, two-way data binding, templates, routing, services; - Как экономить время на разработке c этими технологиями; - Получим расширяемый, легко поддерживаемый и структурированный код. 👨‍🎓Урок проведёт Виктор Березин, Frontend Architect / Senior Full Stack Developer и преподаватель курса “Angular Developer” в OTUS. 🔴 Чтобы записаться на вебинар, пройдите вступительный тест: https://otus.pw/iMI6g/ Это занятие является частью онлайн-курса «Angular Developer» от OTUS.

Как создать экземпляр приложения Vue.js ? Первый шаг при создании приложения на Vue.js - это создать экземпляр. Vue.js обладает специальной функцией для этого. Какой? Если забыли, то вернитесь к нашему посту за 07.11. 👉 @sWebDev

Vaporwave Sketchbook Vaporwave Sketchbook - это генератор фигур, выполненный на CSS, SVG и GSAP.js. 👉 @sWebDev

​​Принципы, которые лежат в основе алгоритмов и структур данных, всегда актуальны для любого стека технологий. Если вы понимаете эти принципы, вам проще писать более эффективный и аккуратный код, а ещё видеть разные варианты решения задачи и сравнивать их по эффективности. Насколько высока ценность алгоритмического багажа для разработчика? На вебинаре Яндекс Практикума «Зачем разработчику алгоритмы?» мы расскажем о том, какие алгоритмические знания и умения на самом деле приносят пользу в работе. Кому будет полезен вебинар? • Тем, кто хочет подготовиться к собеседованиям в компании уровня FAANG (Яндекс, Гугл и др.) • Тем, кто проводит собеседования • Сотрудникам крупных компаний, которые хотят повысить свою производительность • Всем разработчикам, которые хотят развиваться и работать в крупных компаниях • Всем, кому важно знать алгоритмы, чтобы лучше писать код Что сделаем? Чему научим? • Разберем, чем полезно знание алгоритмов и как часто алгоритмы встречаются в практике. • Покажем, что алгоритмы и структуры данных необходимы при работе с большими данными. • Поделимся кейсами, когда правильное использование структур данных упрощает код (шаблонность) • Расскажем, как готовиться к алгоритмическим собеседованиям • Дадим общие советы по решению задач + обзор ресурсов Ждем вас 2022-11-15 в 16.00 Записаться на вебинар

Jest Jest - это фреймворк для тестирования, созданный в Facebook и хорошо принятый сообществом React. Фреймворк является универсальной платформой для тестирования, адаптирующейся к любой библиотеке или фреймворку JavaScript. Преимущество использования Jest заключается в том, что вам требуется нулевая или минимальная конфигурация для того чтобы начать писать тесты. Фреймворк имеет встроенную библиотеку утверждений и поддерживает использование мок функций или шпионов. 👉 @sWebDev

WebGL - Morphing Ball Проект анимированной сцены, реализованный на SCSS и Three.js. 👉 @sWebDev

DgrmJS DgrmJS - это редактор диаграмм, с прицелом на трансформацию в карту знаний. Отличительные особенности: простота и аскетичность, работает на телефонах, открытый исходный код. 👉 @sWebDev

Push.js Библиотека для удобной работы с push-уведомлениями. Push.js имеет хорошую документацию,а установка в проект занимает не более 10 минут. Познакомиться со всеми особенностями библиотеки можно по ссылке. 👉 @sWebDev