JavaScript заметки

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

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

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

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

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

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

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

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

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

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

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

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

Что такое деление по модулю в JavaScript? Я Frontend-разработчик, и когда-то мы с другом писали переводы на Хабрахабр. Было интересно, но в какой-то момент я прекратил эту деятельность. Спустя 5 лет я решил снова попробовать писать про мою любимую профессию. Сегодня поговорим о математическом операторе в JavaScript, который представляет из себя символ процента. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование сторонних библиотек Использование сторонних библиотек позволяет расширить функциональность вашего кода. #полезное

Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика Именно поэтому я решил создать небольшой чеклист, в котором собрал темы, по которым задавали вопросы либо мне, либо моим друзьям задавали на собеседованиях на Frontend разработчика. Эти темы почти не попадаются в стандартных списках по подготовке к собеседованиям, поэтому я решил сделать свой. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Модульная организация кода Модульная организация помогает структурировать и повторно использовать код. #полезное

Использование Content-Security-Policy вместе с React & Emotion Content-Security-Policy (CSP) - это HTTP заголовок, который улучшает безопасность веб-приложений за счет запрета небезопасных действий, таких как загрузка и отправка данных на произвольные домены, использование eval, inline-скриптов и т.д. В этой статье будет сделан фокус на директиве style-src и ее использование вместе с CSS-in-JS библиотекой emotion. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Манипуляция строками JavaScript предоставляет методы для работы с текстовыми данными, такие как объединение строк и разделение текста на части. #полезное

Как выстроить удобные процессы в работе с монорепой Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепы. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Асинхронная загрузка внешних скриптов Этот код демонстрирует асинхронную загрузку внешних скриптов на веб-странице. #полезное