JavaScript заметки

Уроки рисования красных квадратов

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с асинхронностью при помощи async/await

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

#полезное

Redux-toolkit и переиспользование кода

В данной статье приведены несколько вариантов переиспользование кода в Redux-toolkit при создании слайсов, позволяющие сделать работу с ним более гибкой и удобной.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Аутентификация с использованием JSON Web Tokens

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

#полезное

Что такое деление по модулю в JavaScript?

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование сторонних библиотек

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

#полезное

Какие неочевидные темы вспомнить перед собеседованием на Frontend разработчика

Именно поэтому я решил создать небольшой чеклист, в котором собрал темы, по которым задавали вопросы либо мне, либо моим друзьям задавали на собеседованиях на Frontend разработчика. Эти темы почти не попадаются в стандартных списках по подготовке к собеседованиям, поэтому я решил сделать свой.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Манипуляция строками

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

#полезное

Как выстроить удобные процессы в работе с монорепой

Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Асинхронная загрузка внешних скриптов

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

#полезное

8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript

В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Манипуляция элементами HTML

JavaScript позволяет создавать и добавлять новые элементы на веб-страницу динамически.

#полезное

Service Workers против медленного интернета: Кэширование и улучшение UX

Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с Promise

Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.

#полезное

Особенности кодировки строк в Base64 в JavaScript

Кодировка (encoding) и декодирование (decoding) в Base64 — распространенный способ преобразования двоичных данных в безопасный текст. Он часто используется в Data URL, таких как встроенные (inline) изображения.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с куки (Cookies)

Этот код демонстрирует, как устанавливать и читать куки для хранения данных на стороне клиента.

#полезное

9 алгоритмов сортировки и поиска для JS, о которых вас спросят на собеседовании

Даже если ты frontend-разработчик и решаешь прикладные задачи, тебе в любом случае придётся знать алгоритмы хотя бы на базовом уровне. Но статей на русском с объяснением алгоритмов и тем, как их реализовать на JavaScript, крайне мало. Поэтому хочу поделиться некоторыми алгоритмами сортировки и поиска, и немного рассказать про структуры данных. Знание алгоритмов и структур данных поможет вам в оптимизации приложений.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с асинхронными запросами (AJAX)

Этот код выполняет асинхронный GET-запрос к серверу и обрабатывает ответ в формате JSON.

#полезное

Web Workers в JavaScript: Параллельные вычисления и улучшение производительности

В современном мире пользователи становятся все более требовательными к производительности веб‑сайтов и хороший пользовательский опыт выходит на первый план. Даже малейшее зависание или отсутствие плавности могут привести к потере пользователей.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Работа с Local Storage

Этот код демонстрирует, как сохранять данные на стороне клиента с использованием Local Storage и извлекать их позже.

#полезное