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

Полное руководство по аутентификации с 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 по Москве Зарегистрироваться

Create.js От веб-анимации до диджитал медиа – с помощью Create.js вы можете работать с чем угодно. Это не одна библиотека, а набор, созданных для разных целей. Например, Easel.js работает с HTML5 canvas элементами, Tweet.js помогает создавать анимации. Каждая библиотека из сборки служит для определенной цели и предлагает современные возможности для всех основных браузеров. 👉 @sWebDev

Курс «Английский для разработчиков» от Яндекс Практикума Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде. Рассчитан на специалистов с опытом от года и уровнем английского Intermediate или Upper-Intermediate. Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков: ✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи. 👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи. 📣 Митапы. Сможете понимать на слух доклады и выступать сами. 😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать. 👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее. 💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение. Запишитесь на бесплатную консультацию. Определим ваш уровень языка, расскажем про обучение и ответим на все вопросы

Создаем 3D анимацию на React Рассмотрим, как создать 3D анимацию на React Three Fiber (R3F). Создание, настройка, геометрия, освещение и постобработка - все это в статье по ссылке. 👉 @sWebDev

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

Создаем блог на React и RestDB В статье пошаговый гайд разработки собственного блога с применением React и RestDB. 👉 @sWebDev

Чем лендинг отличается от сайта и зачем он нужен? Как дизайнеры создают лендинги? Разберёмся на мастер-классе! → Бесплатно, 31 мая в 19:00 Говорить и показывать будут эксперты: ◾️ Ника Злобина Коммуникационный дизайнер уже 8 лет. Создает креативные концепции, айдентику, занимается 3D и моушн-дизайном, разрабатывает лендинги. Соосновательница дизайн-студии Sisters. ◾️ Лена Хурина Коммуникационный дизайнер уже 7 лет Фрилансер, работала штатным дизайнером в Borodin.Design, Brightlab, Tabor. На мастер-классе будет сеанс лайв-дизайна, где вы: — узнаете, что такое лендинг и чем он отличается от других сайтов; — разберётесь, как спроектировать лендинг: создать структуру и важные блоки; — научитесь настраивать простую сетку для лендинга в Figma; — посмотрите, как в прямом эфире дизайнер подбирает композицию, шрифты, цвета и иллюстрации. → Зарегистрироваться на мастер-класс