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

🔥Хардкорный тест по 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; — посмотрите, как в прямом эфире дизайнер подбирает композицию, шрифты, цвета и иллюстрации. → Зарегистрироваться на мастер-класс

Solid.js Solid — это реактивная JavaScript-библиотека для создания пользовательских интерфейсов без использования виртуальной DOM. Она однократно компилирует шаблоны, превращая их в узлы реальной DOM, а благодаря тщательно спланированным механизмам обновления контента при изменении состояния приложения выполняется только тот код, который необходим для визуализации этого изменения. 👉 @sWebDev

5 библиотек JS, которые надо попробовать в 2022 В статье краткий обзор 5 интересных библиотек для JavaScript, с которыми стоит познакомиться в 2022 году. 👉 @sWebDev

Hyperapp Hyperapp - это единая библиотека, которая обеспечивает управление состоянием приложения (state) и иммутабельностью, как в Redux/Elm. Также, Hyperapp использует подходы функционального программирования при управлении своим состоянием. Ознакомиться с полным обзором данной библиотеки можно в статье по ссылке. 👉 @sWebDev

Создаем собственный Twitter В статье руководство по созданию твиттера с применением технологий: 1. Node.js (express.js + nest.js); 2. MongoDB + PostgreSQL; 3. Docker; 4. TypeScript; 5. React (Hooks и Context API); 6. Storybook.js; 7. Jest + React Testing Library + Cypress. Все подробности по ссылке. 👉 @sWebDev

Preact Preact – это JavaScript библиотека, которая позиционирует себя как быстрая (3кб) альтернатива React с такой же ES6 API. Обзор библиотеки доступен по ссылке. 👉 @sWebDev

Vue nextTick() Vue обновляет DOM асинхронно. Но, этот момент можно поймать используя Vue.nextTick() или this.$nextTick() . Разбираемся, как сделать это правильно в статье по ссылке. 👉 @sWebDev

GSAP.js GSAP.js или Greensock — это библиотека JavaScript для создания производительных анимаций. По сути, GSAP — манипулятор свойств объекта, который обновляет значения быстро и с высокой точностью. Примерно до 20 раз быстрее, чем jQuery. Анимацию можно останавливать, замедлять, ускорять, делать плавной. Присутствует готовый набор функций для создания кроссбраузерной анимации. 👉 @sWebDev

Генератор компонентов Vue.js VGENT (Vue Agent) — это CLI (Command Line Interface) приложение, которое генерирует компоненты для фреймворка Vue.js или Nuxt.js. Данный инструмент можно легко настроить и генерировать компоненты через терминал. 👉 @sWebDev