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

Как показывать анимацию при смене состояния в Angular? В Angular есть функция, которая описывает с какого и на какое состояние должна возникать анимация. Что это за функция? Если забыли, то вернитесь к нашему посту за 28.11. 👉 @sWebDev

React Hooks В материале по ссылке подробно и просто познакомимся с функционалом React Hooks и напишем кастомные. 👉 @sWebDev

Infinity Curves Анимированная сцена, реализованная на SVG, PUG и Sass. 👉 @sWebDev

Хотите профессионально разрабатывать бэкенд на Node.js? Приглашаем Frontend- и Backend-разработчиков на Javascript прокачать свои навыки. ❗️6 декабря в 20:00 состоится открытый урок «NodeJS и performance. Поиск узких мест в NodeJS серверах». На занятии мы обсудим, какая может быть причина проблем с производительностью в NodeJS, как ее найти, и какие есть способы решения этой проблемы. Не упустите возможность познакомиться с форматом обучения на онлайн-курсе «Node.js Developer» и преподавателем OTUS. Регистрация https://otus.pw/n3D8/

Игровой автомат на GSAP.js Проект анимированного игрового автомата, выполненный на SCSS и библиотеке GSAP.js. 👉 @sWebDev

Добавление ESlint в Angular приложение Используя последнюю версию Angular создадим приложение. Затем добавим ESLint, который позволит анализировать JS для поиска проблем. 👉 @sWebDev

🔥 Начинаете изучения верстки? 7 декабря в 20:00 мск состоится бесплатный урок «СSS технологии для построения различных сеток макета: примеры и лучшие практики». На вебинаре рассмотрим актуальные способы выстраивания типовых сеток макета с помощью различных CSS технологий. Вы научитесь работать с flexbox и grid, начнете понимать, как и когда применять каждую из технологий. 👧 Спикером выступит Мария Коршунова, эксперт с опытом более 10 лет в сфере веб-разработки. 📌 Продолжить изучать верстку вы сможете на специализации «Fullstack Developer» на JS в OTUS. Занятие онлайн-курса будет полезно, как начинающим изучать верстку, так и продолжающим, чтобы углубить свои знания в этих темах. 👉 Для участия зарегистрируйтесь https://otus.pw/glLv/

CSS Illustration Анимированная сцена, выполненная с использованием библиотеки GSAP.js. 👉 @sWebDev

🔥Пройди хардкорный тест по JavaScript+Angular🔥 ⭕️ Ответь на 20 вопросов и проверь свои знания. Сможешь сдать — пройдёшь на продвинутый курс "Angular Developer" по специальной цене. ❌ТЕСТ СМОГЛИ ПРОЙТИ ТОЛЬКО 40% УЧАСТНИКОВ ⏰ Время прохождения теста ограничено 25 минут ✏️ПРОЙТИ ТЕСТ: https://otus.pw/pnTX/ ▪️ 13 декабря в 20:00 открытый урок «Реактивное программирование в Angular».

Sencha Ext JS Фреймворк отличается хорошей работой и позволяет оперативно создавать качественные посадочные страницы и динамические сетки для статических web-страниц. Преимущества библиотеки: большое количество виджетов; упрощение работы и возможность внесения изменений; развитое сообщество и хорошая документация; стабильная база проверенных компонентов интерфейсов пользователей. 👉 @sWebDev

Устранение debounce и throttle в Vue При создании веб-приложения одной из главных забот является производительность, особенно для тех сайтов, где присутствует много взаимодействия с пользователем. Ввод данных, прокрутка и изменение размера может повлечь то, что приложение перестанет отвечать на запросы из-за выполнения тяжелых вычислений. debounce и throttle - методы, которые могут замедлить работу обработчиков событий, ограничивая вызовы функций. В статье подробно изучим функционал debounce и throttle в приложении Vue. 👉 @sWebDev

YaTalks: 3-4 декабря 3-4 декабря Яндекс вновь проведет YaTalks — конференцию для всех, кто работает в IT. Программа состоит из четырех тематических треков — про мобайл, бэкенд, фронтенд и ML. Кроме того, будет отдельный трек «про жизнь», где, например, обсудят, ​​как формировать и транслировать корпоративную культуру в IT-гигантах и стартапах. Несколько тем из фронтенд-трека: — «Приключения Node.js в продакшене». Где и как запустить серверный JavaScript в вебе? Как добавить к серверному JavaScript базу данных и выдержать нагрузку? На эти и другие вопросы ответит ведущий разработчик Yandex Cloud Андрей Мелихов. — «Chrome DevTools — спрятанные полезности». Руководитель службы разработки в HR Tech Яндекса Никита Дубко расскажет про инструменты разработчика в браузерах. — «Веб в 2022. Что изменилось?». Эксперты обсудят статистику веба в 2022 году. 👉 Регистрация

Lerna Lerna — это инструмент для управления монорепозиториями и проектами JavaScript, состоящими из нескольких пакетов. Монорепозиториями бывает сложно управлять, поскольку последовательные сборки и публикация отдельных пакетов занимают много времени. Узнать все подробности можно по ссылке. 👉 @sWebDev

Занимаетесь JS-разработкой, но нет роста? Настало время повышать свою компетентность! ❗️Приглашаем 5 декабря в 20:00 на открытый урок «Есть ли жизнь без Redux? Обзор менеджеров состояний». На вебинаре мы рассмотрим Mobx, Zustand, Recoil, Jotai на примере управления состоянием небольшого приложения. Не упустите возможность познакомиться с преподавателем Арсением Высоцким, тимлидом в международной компании, и программой онлайн-курса «JavaScript Developer. Professional» от OTUS. 👉🏻 Для регистрации на занятие пройдите вступительный тест https://otus.pw/rFjY/

Анимированная смена состояния в Angular Angular имеет свой собственный механизм реализации анимаций, в основе которого лежит стандарт Web Animations API. Подробно рассмотрим функцию transition(), которая является аналогом одноименного CSS-свойства и описывает при смене с какого на какое состояние должна срабатывать анимация. Первый параметр - строка с указанием изменяемых состояний, второй - параметры и (или) стили анимации, указываемые функциями animate() или style(). Если Angular анимация должна отрабатывать для двух состояний в обе стороны (например, с on на off и с off на on), можно использовать краткую запись:

    transition('initial <=> expanded', animate('0.3s'))

👉 @sWebDev

Всё, что важно знать о Java-разработке сегодня — расскажет на вебинаре практикующий эксперт и автор курса в Практикуме. Например, почему язык не теряет популярности после 26 лет использования и чем ещё занимаются разработчики помимо создания кода. Также вы узнаете: Что особенного в языке Java Какие задачи решает Java-разработчик в IT-проекте: покажем на примерах Куда расти начинающему специалисту и на какую зарплату рассчитывать Что нужно знать и уметь для старта в профессии Ждём вас 30 ноября, в среду в 15:00 по Москве. Будет много полезного! Ссылка для регистрации

Какой метод в React рендерит запасной интерфейс? Ошибка JavaScript не должна прерывать работу вашего React приложения. Хорошей практикой будет создать предохранитель, в котором мы сможем рендерить резервный интерфейс. Какой метод для этого использовать? Если забыли, то вернитесь к нашему посту 21.11. 👉 @sWebDev

Bubblegum on hover Эффект наведения, сделанный на SVG, SCSS и GSAP.js. 👉 @sWebDev