JavaScript заметки

Всем привет! Предлагаем подписаться на канал фуллстак разработчика на React + GO. Пишет про процессы в бигтехе, про тех и софт скиллы и о том, как искать работу. Канал совсем молодой, поэтому вы можете стать костяком этого комьюнити. Полезно будет всем, как новичкам, так и старичкам.  Перейти в канал

Сортировка массивов объектов В примере мы создаем массив объектов products, содержащий информацию о различных продуктах. Затем мы используем метод sort() для сортировки этого массива по полю price в порядке возрастания, используя функцию sortByPriceAscending в качестве функции сравнения. Вы можете создать аналогичные функции для сортировки в порядке убывания или для сортировки по другим полям объектов. #полезное

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

Использование JavaScript Template Literals для динамической генерации строк Template Literals облегчают создание строк с интерполяцией, что делает код более читаемым и удобным. #полезное

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

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

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

Почему typeof null === «object» в современном прочтении Причина тому - обычный человеческий фактор, или, попросту, невинная ошибка в коде. Как эта ошибка могла случиться, попробуем разобраться в этой статьей. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Object.defineProperty для управления свойствами объекта Object.defineProperty позволяет тонко настраивать свойства объекта, делая их защищенными или скрытыми. #полезное

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

🥷🏻 Лёша Истомин, фронтенд разработчик, который топит за производительность и доступность сайтов. ——• 📗 Что полезного на канале?  👉🏻 7 постов, которые важно прочитать каждому, кто ищет работу смотреть 👉🏻 Разбор моего пути в IT, собрал все ошибки построения карьеры за тебя читать 👉🏻 Рассказываю куда можно развиваться программисту с опытом читать 👉🏻 Что обязательно должен прочитать каждый уважающий себя фронтендер смотреть В канале очень много авторского контента, убедись сам

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

Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно.  Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных.  В этой статье мы разберёмся, как настроить валидацию поля ввода. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Map для эффективного хранения пар ключ-значение Map обеспечивает упорядоченное хранение данных и позволяет использовать любые типы данных в качестве ключей, в отличие от объектов. #полезное

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

Использование JavaScript Dynamic Imports для загрузки модулей по запросу Динамические импорты позволяют загружать модули по мере необходимости, что улучшает производительность и экономит ресурсы. #полезное

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

Использование JavaScript Static Methods в классах Статические методы вызываются на самом классе, а не на его экземпляре, что полезно для утилитарных функций. #полезное

Кодогенерация и парсинг TypeScript с помощью typescript Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript AbortController для управления асинхронными запросами AbortController позволяет отменять асинхронные операции, такие как запросы через Fetch API. #полезное