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

Вертикальная прокрутка на 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

Остался в РФ и думаешь о своем будущем? Посмотри на IT! Это отличный шанс для всех, ведь в 2022 году на рынке освободилось место для новых специалистов после оттока айтишников из страны. Поступай в Kata Academy на Frontend-разработчика и плати за обучение только после гарантированного трудоустройства с зарплатой от 80 000₽. Тебя ждут 9 месяцев интенсивного обучения: ты изучишь только нужный стек технологий и будешь полностью подготовлен к выходу на работу в Москве или Санкт-Петербурге, куда тебе предстоит переехать после выпуска по условиям договора со школой. По окончании обучения школа продолжит поддерживать тебя и участвовать в развитии твоей карьеры в течение 2-х лет после выпуска. Поступай в Kata Academy, чтобы стать Frontend-разработчиком уже в июле!

Методы выборки данных с помощью React Многие веб-приложения полагаются на данные из внешних источников, чтобы обеспечить хорошее взаимодействие с пользователем. Знание различных методов выборки данных в React позволит вам принимать обоснованные решения о наилучшем варианте использования вашего приложения. В этой статье мы рассмотрим различные методы получения данных в веб-приложениях, созданных с помощью React. 👉 @sWebDev

We built a 100% open-source, headless React framework(5.2K Stars on GitHub) for CRUD apps, so you can quickly build admin panels and dashboards while still remaining flexible.✨  refine seamlessly works with any custom design or UI framework you favor. For convenience, it ships with ready-made integrations for Ant Design System, Material UI, Mantine, and Chakra UI🚀 GitHub: https://s.refine.dev/refine

Editor.js Editor.js - библиотека, которая может прийти на помощь, если в проекте часто возникает необходимость в текстовом редакторе. Её можно использовать в проектах, написанных на чистом JavaScript, и в проектах, основанных на каких-либо фреймворках, вроде React. 👉 @sWebDev

Создание экземпляра приложения Vue.js Создание любого приложения Vue начинается с создания нового экземпляра приложения с помощью createApp :

   const app = Vue.createApp({
     /* опции */
   })

Экземпляр приложения используется для регистрации «глобальных» вещей, которые будут затем использоваться компонентами внутри этого приложения. 👉 @sWebDev

Разработчик из Яндекс, создал канал, где делится фишками по фронтенд разработке. На сегодняшний день, фронтенд – это одна из самых перспективных ниш в IT. Даже полный лентяй сможет освоить её за 2-3 месяца и начать зарабатывать от 70 000 р. В данном канале есть все для этого: - Примеры анимаций - Тесты на проверку знаний - Статьи по html, css, js Канал читают как новички, так и опытные программисты. Подписывайся скорее - @big_proger