JavaScript заметки

Работа с массивами при помощи методов 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 Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбрать. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Как я c нуля стал программистом, перешел на удаленку и начал часто путешествовать Назад в 2013 год – Нет уверенности в себе и своем будущем – Не понимаю, как изучать программирование и с чего начать – Зарабатываю 30 тысяч рублей на грязной работе – Чувствую, что достоин большего – Обычный парень из Брянска Сейчас – Программист, тимлид в крупной IT компании – Вырос в доходе больше, чем в 10 раз – Обожаю путешествовать и посетил десятки стран Меня зовут Сергей Дмитриевский и в своем телеграм канале я рассказываю о том, как с нуля стать программистом и получить оффер в IT. 🎁 В закрепленном сообщении вы найдете пошаговый гайд, как стать программистом в 2024 году. Переходите по ссылке и подписывайтесь на канал: https://t.me/+ARDb631EA5g3MTUy erid: LjN8K4gj3

«Я💛Фронтенд 2024»: встречаемся 23 марта в Москве! Выступления спикеров, дискуссии с экспертами, новости веба, активности с подарками и, конечно же, нетворкинг — программа будет насыщенной. Вы сможете послушать доклады крутых специалистов, напрямую задать им свои вопросы, познакомиться и пообщаться с другими участниками сообщества. А чтобы ожидание конференции пролетело незаметно, мы подготовили разные интересные онлайн-выпуски, которые будут выходить на нашем сайте. Уже можно посмотреть: 🔸«Как это можно переписать?» Обсудили, как найти разный подход к созданию одного и того же кода и выбрать тот, что понравится именно вам. 🔸 «Как устроены собеседования в Яндексе» СЕО Hexlet Кирилл Мокевнин поделился, почему полезно ходить на профильные конференции и как это может повлиять на поиск и устройство на работу. 🔸 «Докладчики и конференции» Рассказываем, как найти тему для выступления и побороть страх того, что она будет никому не интересна. Смотрите выпуски на сайте и регистрируйтесь на конференцию. 20 марта перестаём принимать заявки на участие офлайн.

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

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

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

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

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

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

erid: LjN8KTabJ Пробный урок по frontend с тимлидом, который обучил 500 программистов. Бесплатно за 1 час по Zoom вживую вы вместе с опытным профессионалом: ✅ Погрузитесь в реальные процессы разработки ✅ Научитесь мыслить как программист ✅ Получите мотивацию и сделаете первый шаг к новой профессии Пробный урок - это не скучный тупняк под нудные уроки на ютубе, а живая сессия интерактивной разработки. По итогу у вас как минимум будет четкое понимание, подходит ли вам профессия frontend разработчика. IT - это вообще для вас или нет. 🎁 Бонусом вы получите гайд "3 ключевых этапа с нуля до трудоустройства" Чтобы записаться, напишите «урок» в телеграм: https://t.me/sergeydmitrievskyme

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