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

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

Яндекс создал обучающий канал по SQL и Базам Данных для всех, кто хочет стать специалистом в дата-сайнс. — Полный комплект обучающих материалов — Советы и гайды по оптимизации — Помощь с поиском ваканский по специальности Подписывайтесь: t.me/sqltop

Owl carousel Owl carousel — плагин для создания слайдеров. Отличается простой настройкой точек остановки слайдера. Адаптивен. Owl карусель поддерживает модульную структуру плагина. Подробный обзор по ссылке. 👉 @sWebDev

Планируете переезд или остаётесь в России? Если вы разработчик и у вас есть минута времени, поделитесь планами в анонимном опросе. Там всего 7 вопросов. Ваши ответы помогут крупному IT-работодателю понять, в каких странах стоит открывать офисы и как условия нужны разработчикам.

Tailwind CSS + Angular + Nx workspace В источнике изучаем и настраиваем связку: Tailwind CSS с Angular в Nx workspace. 👉 @sWebDev

Привет! Меня зовут Сергей и я Senior Fullstack-разработчик из Хельсинки. На своём авторском канале «Будни разработчика» я выкладываю самые интересные и оригинальные находки, что помогают мне в моей работе. Статьи, заметки, фишки, опросы с подвохом и разбор багов браузеров. Подпишись, скучно не будет!

Barba.js Barba.js — библиотека, создающая «приложение одной страницы». Компоненты сайта загружаются на странице единоразово. Иными словами — страница без перезагрузки. Переходя между вкладками ничего не прогружается и создается впечатление, что находишься на одной странице, как в мобильном приложении. 👉 @sWebDev