JavaScript заметки
8.53K subscribers
2.77K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript

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

#статья

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

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

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

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

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

#статья

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

👉 Читать статью
Манипуляция строками

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

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

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

#статья

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

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

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

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

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

#статья

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

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

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

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

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

#статья

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

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

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

#полезное
👍41
Уроки рисования красных квадратов

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

#статья

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

👉 Читать статью
Работа с массивами при помощи методов map, filter и reduce

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

#полезное
👍6
Интерактивный парсер web страниц

Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а.

#статья

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

👉 Читать статью
🤣1
Работа с итерируемыми объектами и циклом for...of

Цикл for...of позволяет удобно перебирать элементы в массивах, строках и других итерируемых объектах.

#полезное
👍5
Парадокс Монти Холла глазами JavaScript

Я хочу посвятить эту статью известной задаче в математике, относящейся к теории вероятности. Так же мы попытаемся решить эту задачу на JavaScript. Я сразу приступлю к условию задачи.

#статья

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

👉 Читать статью
4👍1
Работа с формами и их валидация

JavaScript позволяет выполнять валидацию форм перед отправкой данных на сервер.

#полезное
🔥2
Смерть third-party cookies. Что ждет нас в 2024?

Похоже, что в череде всевозможных инициатив по борьбе со «сторонними» куками начал проглядываться конец. Давайте разберемся, что происходит и зачем все это нужно.
Куки — браузерный механизм, который позволяет хранить данные по пользователю с привязкой к домену и затем передавать эти данные при запросах. Куку можно установить как со стороны сервера через специальный заголовок Set‑Cookie, так и в браузере прямо на странице через javascript. После этого кука будет передаваться при каждом запросе из браузера к домену.
Куки позволяют воплощать в жизнь множество как полезных, так и сомнительных механик. Из неприятных — возможность отслеживания пользователя сторонними сайтами или увеличение риска CSRF.

#статья

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

👉 Читать статью
4
Работа с REST API с использованием Fetch

Fetch API используется для выполнения HTTP-запросов и обработки ответов.

#полезное
👍3🔥2
Интересные трюки HTML. Экстремальный минимализм

Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС.

#статья

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

👉 Читать статью
👍31
Использование Object Destructuring

Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.

#полезное
👍5🔥3