JavaScript заметки

Использование Event Delegation для обработки событий Event Delegation позволяет обрабатывать события на родительском элементе, вместо назначения обработчиков на каждый дочерний элемент отдельно. #полезное

Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

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

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

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

Работа с условными операторами Условные операторы позволяют выполнить различные блоки кода в зависимости от заданных условий. #полезное

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

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

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

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

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

⚡️ В сети начали массово сливать курсы и книги известных онлайн школ по айти Вот отсортированная база с тонной материала (постепенно пополняется): (363 видео, 87 книги) — Python (415 видео, 68 книги) — Frontend (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++/C# (343 видео, 87 книги) — Java/QA (176 видео, 32 книги) — Git/Linux (174 видео, 91 книги) — DevOps (167 видео, 53 книги) — PHP/1С (227 видео, 83 книги) — SQL/БД (114 видео, 77 книги) — Сисадмин (107 видео, 43 книги) — BA/SA (181 видео, 32 книги) — Go/Rust (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (137 видео, 93 книги) — DS/ML (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — Дизайн (136 видео, 33 книги) — PM/HR Скачивать ничего не нужно — все выложили в Telegram

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

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

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

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

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

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

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