JavaScript заметки

Webpack vs esbuild — уже можно использовать в production? Периодически я пробую разные инструменты, и если они стабильно покрывают все необходимые сценарии - включаю в свою экосистему для коммерческих проектов. С третьего подхода за последние 3 года esbuild, наконец, приблизился по функционалу к Webpack. В статье привожу проблемы, с которыми я столкнулся при миграции, и пути их решения. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с DOM JavaScript используется для взаимодействия с DOM, позволяя изменять содержимое и стили элементов на веб-странице. #полезное

Интерактивный парсер web страниц Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с массивами при помощи методов map, filter и reduce Методы массивов map, filter и reduce предоставляют удобные средства для обработки данных в массивах. #полезное

Уроки рисования красных квадратов На этот раз покажу как парсил dom элементы и создавал для них визуальную подсветку. Разберу зачем это нужно и как сделано. Спойлер, очень просто. Значительную часть статьи рассказываю на чём я споткнулся, пока это писал. Про высчитывание позиции блока. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Знакомо?) Если вы любите мемы также сильно, как и Элмо, то подписывайтесь на канал 😆 IT Мемасики. Там вас ждут только смешные мемы каждый день. Если хотите быть в курсе новых и полезных статей по Frontend-разработке, то подписывайтесь на канал 📒 Frontend Туториалы А еще давайте вместе решать на JavaScript интересные задачи в канале 💪🏼 Frontend Задачи

Работа с асинхронностью при помощи async/await async/await - это способ более чисто работать с асинхронными операциями, делая код более понятным и удобным в использовании. #полезное

Два frontend фреймворка. Два подхода В статье сравниваются два подхода к созданию веб интерфейса пользователя. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Интерактивные графики и визуализации с использованием библиотеки D3.js Библиотека D3.js широко используется для создания интерактивных графиков и визуализаций на веб-страницах. #полезное

Разработка браузерных игр с использованием Phaser3, React, Typescript Думаю, ни для кого не секрет, что каждый уважающий себя разработчик программного обеспечения должен иметь в своем портфолио хотя бы один пет-проект, а лучше полноценный продукт, дающий дополнительный постоянный заработок. Предметных областей и тематик приложений великое множество, но среди них есть одна, которая заслуживает отдельного внимания — разработка своей собственной игры. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с событиями клавиатуры JavaScript позволяет отслеживать события клавиш и реагировать на них. #полезное

Redux-toolkit и переиспользование кода В данной статье приведены несколько вариантов переиспользование кода в Redux-toolkit при создании слайсов, позволяющие сделать работу с ним более гибкой и удобной. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Не упустите возможность улучшить свои навыки во frontend разработке! Подпишитесь на канал CCODE, где автор регулярно делится короткими, но информативными видео-роликами по работе с JS, CSS, HTML. Будьте в курсе последних тенденций и трюков в веб-разработке, чтобы быть на шаг впереди! Подписаться на канал

Аутентификация с использованием JSON Web Tokens JWT - это стандарт для безопасной передачи информации между двумя сторонами и используется, например, для аутентификации пользователя. #полезное

Почему я не буду использовать Next.js Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбрать. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Как быстро собрать такую форму оплаты? Легко! Фронтенд гайд, это канал для верстальщиков, в котором публикуют: ✓ Готовый код ✓ Макеты для верстки ✓ Тесты на знание кода Ускорь работу над своим проектом!

Работа с Event Listeners Event Listeners используются для отслеживания и реагирования на события, происходящие на веб-странице. #полезное

Разбор задачи B (Больше, чем музыка) фронтенд — Yandex Cup 2023 квалификация Участие в таких событиях дает неплохой пинок для того, чтобы пощупать даже то, что еще находится на этапе эксперимента в мире JS и не только. Вот и я решил в этом году, все же попробовать решить пару тройку задач. И хочу представить вашему вниманию разбор задачи про экспериментальную фитчу в JS - это стандарт относящийся к декораторам. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Команда Яндекс Такси приглашает на бесплатный митап для фронтенд-разработчиков. В программе: — Интернационализация от i до n. Наш опыт разработки в международных реалиях. — Паттерны построения UI-компонентов, их комбинация и использование для обеспечения доступности. — Различия между package-based и integrated монорепозиториями и преимущества больших технологических компаний в использовании их. Афтепати для участников в завершение вечера! Место встречи: онлайн и офлайн в башне «Око», Москва-Сити. Время: 18:00, 23 ноября. Количество мест в офлайне ограничено. Регистрация началась. Подробнее Реклама. ООО "ЯНДЕКС.ТАКСИ". ИНН 7704340310. erid: LjN8KTGvv

Обработка ошибок и исключений Обработка ошибок помогает избежать сбоев и улучшить надежность приложения. #полезное