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

Игровой автомат на 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

Осваиваете веб-программирование? 👉 Приходите 29 ноября на бесплатный урок «ESLint - инструмент, который найдет ошибки, до того, как они проявились» Мы рассмотрим популярный инструмент для поддержания уровня кода. Инструмент позволяет: — Находить ошибки в коде, до того, как мы код запустили в первый раз — Держать код аккуратный и единообразно оформленым — Проверять используем ли мы опыт других разработчиков, следуя рекомендациям правил — Ограничивать программистов в написании кода, который не соответствует соглашениям команды Урок проходит в рамках тест-драйва курса специализация «Fullstack Developer» в OTUS. 👉Регистрация на вебинар https://otus.pw/vX47/

7 малоизвестных функций в Angular С базовым функционалом Angular знакомы многие, однако, не все знают менее известные, но полезные функции фреймворка. В статье о них и поговорим. 👉 @sWebDev

Millennuim Falcon Adventure Ep1 Анимированная модель «Тысячелетнего сокола» из Star Wars, выполнено на библиотеке Three.Js. 👉 @sWebDev

Понятная пятница в английском: скидка 10% на курсы для аналитиков и разработчиков. В английском много противоречий. Можно учиться на продвинутом уровне — и сохранять разговорный барьер. Или повторять по кругу одни и те же правила. В результате непросто заметить прогресс и оценить, сколько ещё впереди. А мы выручим с этим. Практикум учитывает эти противоречия и проектирует прозрачный процесс обучения с предсказуемым результатом. Выберите подходящий курс и оплатите его со скидкой до 15 декабря: https://practicum.yandex.ru/english/clearfriday2022

Draft.js Draft.js — инструмент для решения весьма узкого спектра задач, а именно — управление текстовым вводом и редактирование текста. В 2016 году библиотека была представлена инженерами Facebook для работы с текстом на React Conf. 👉 @sWebDev