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

Всем привет! Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям. @MasterHuBot

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

SurveyJS SurveyJS поможет вам создавать настраиваемые опросы и викторины, которые можно интегрировать с любым JS-приложением. Опросы сильно отличаются от обычных форм, прежде всего тем, что собранные в них данные должны быть затем проверены. Для опросов также существует гораздо больше предварительных настроек по сравнению с обычными формами. Особенности: 1. Позволяет расширять возможности опросов с помощью сторонних виджетов; 2. Опросы, созданные с помощью SurveyJS, можно интегрировать в любое приложение; 3. Можно создавать опросы, содержащие элементы бренда вашего сайта. 👉 @sWebDev

🎯 Хардкорный тест по Node JS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 🎯 Первые шаги мы сделаем уже 8 июня в 20:00 на открытом уроке «Многопоточность и обработка данных в Node.js». 👉 ПРОЙТИ ТЕСТ https://otus.pw/VwCP/

Vue 3 и взаимодействие компонентов Vue 3 позволил разработчикам создавать более гибкую структуру приложений. Часто можно заметить, что разные команды, а порой и разработчики внутри одной, используют целый зоопарк сомнительных подходов для организации взаимодействия между компонентами. Применяют какие-то крайности, либо всё в state manager, либо в composable (composition API), либо мутация props внутри дочерних компонентов. В статье подробно рассмотрим эту тему и изучим варианты взаимодействия компонентов доступные нам во Vue. 👉 @sWebDev

Webix UI Library Webix специализируется исключительно на бизнес-приложениях. Библиотека содержит 100+ UI виджетов, из которых можно собрать абсолютно любое бизнес-приложение. Подробный обзор по ссылке. 👉 @sWebDev

Полное руководство по аутентификации с React Router 6 React Router v6 — популярная и мощная библиотека маршрутизации для приложений React. Она обеспечивает декларативный, основанный на компонентах подход к маршрутизации. Подробное руководство по работе с React Router по ссылке. 👉 @sWebDev

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

Создаем игру на Three.js Благодаря развитию браузерных технологий, аппаратному ускорению и повышению производительности JavaScript, разработка интерактивных игр для браузеров становится распространенным явлением. В статье мы изучим руководство по созданию собственной игры при помощи Three.js. 👉 @sWebDev

Ref() vs Reactive() в Vue 3 В статье наглядный обзор двух методов, возвращающих реактивный объект. Рассмотрим их особенности и различия. 👉 @sWebDev

💻 7 июня в 20:00 мск OTUS приглашает всех разработчиков, знакомых с JavaScript, на открытый вебинар «Объекты в JavaScript». 🎯Преподаватель: Юрий Дворжецкий, ведущий Fullstack разработчик, кандидат физико-математических наук. 📚 Что будет? Рассмотрим особенности современной реализации объектов в JavaScript-движка: свойства, прототипное наследование и другие, а также некоторые аспекты производительности данных решений. 🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁 ➡️ Пройдите небольшой тест на знание JS для участия в мероприятии https://otus.pw/JY5q/

Мемоизация в JavaScript и React В этой статье мы рассмотрим мемоизацию (запоминание). Метод оптимизации, который может помочь сделать тяжелые вычислительные процессы более эффективными. Изучим основы мемоизации и разберемся, когда её стоит применять. 👉 @sWebDev

Intro.js Intro.js - создан для разработки простых и мощных руководств пользователей. Библиотека позволяет продемонстрировать возможности вашего продукта и показать, как им пользоваться. Данную библиотеку используют такие компании, как: Amazon, Nestle и другие. 👉 @sWebDev

Как управлять состоянием в Angular по мере роста приложения? Порой трудно заранее понять, какая архитектура будет удачной, а какая нет. Особую сложность представляет организация управления состоянием. Как лучше всего хранить и синхронизировать данные, которые нужно отображать? Каждый по-своему подходит к решению этой проблемы и либо пишет весь код сам, либо берет готовую библиотеку. Любой из этих способов — со своими плюсами и минусами. В статье рассмотрим один из вариантов решения проблемы управления состоянием на примере разных стадий развития приложения. 👉 @sWebDev

🔥Хардкорный тест по React.js — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете фреймворк. Сможете сдать — пройдёте на продвинутый курс по React.js со скидкой. 👉🏻ПРОЙТИ ТЕСТ ПО REACT 📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатный вебинар «Обзор нововведений в React 18» — 8 июня в 20:00 мск: регистрация

Шаблоны архитектуры React По ссылке доступен обзор популярных архитектур React, которые вы можете использовать в ваших проектах. 👉 @sWebDev

💻 2 июня в OTUS пройдет открытый вебинар для начинающих JS-разработчиков «Основы GraphQL» 🎯 Спикер: Николай Лапшин, Senior Full Stack Developer в компании Power Tech. На вебинаре: ✔️ Разберем основы GraphQL: query, mutation, subscription. ✔️ Сравним REST и GraphQL. ✔️ Поговорим о системе типов. Урок является частью онлайн-курса «JavaScript Developer. Basic» для новичков в программировании. Используйте эту возможность познакомиться с преподавателем и оценить курс. ➡️ РЕГИСТРАЦИЯ https://otus.pw/IeKS/

Remotion Remotion - это инструмент, благодаря которому, можно создавать видео с использованием React. Ознакомиться с подробным обзором можно по ссылке. 👉 @sWebDev

Omniscient.js Эта бесплатная JavaScript библиотека осуществляет рендеринг для всех фронтенд компонентов сверху вниз. Вы можете писать функциональный JS код с нуля и работать с отличной библиотекой пользовательского интерфейса React. 👉 @sWebDev

День открытых дверей направления «Программирование». Бесплатное мероприятие от Яндекс Практикума для тех, кто хочет получить профессию в сфере программирования, но не знает, с чего начать. 30 мая (пн) в 17:00 по Москве Зарегистрироваться