JavaScript заметки

Функции высшего порядка и их использование Функции высшего порядка в JavaScript - это функции, которые могут принимать другие функции как аргументы или возвращать их как результат. Они являются мощным инструментом для абстракции и повторного использования кода. Рассмотрим пример функции высшего порядка, которая принимает функцию обратного вызова и применяет ее к каждому элементу массива В этом примере forEach - это функция высшего порядка, которая принимает массив arr и функцию обратного вызова callback. Она итерирует по элементам массива и вызывает callback для каждого элемента. Функция printItem представляет собой функцию обратного вызова, которая просто выводит элемент в консоль. Затем мы создаем массив numbers и используем forEach, чтобы применить функцию printItem к каждому элементу массива. Результатом будет вывод всех элементов массива в консоль. #полезное

Facebook выпустил новую CSS-in-JS библиотеку — StyleX Верней оформил 5 декабря 2023 года для всех то, чем его разработчики пользуются уже давно. Позиционируется данный помощник для js-подобных фреймворков типа React, Preact, Solid, lit-html и Angular, однако оперирующие html шаблонами Vue и Svelte тоже могут задействовать StyleX, но после предварительной специальной её кастомизации. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Где создавать красивые и удобные сайты с кэшбеком до 50%? В LANDY24. Главный принцип LANDY24 — код для дизайна, а не дизайн для кода. - 100+ готовых шаблонов и множество параметров для настройки. - Создавайте лендинги и сложные многостраничные сайты. - Каждый блок, даже готовый, можно полностью разобрать на “атомы” — огромный простор для творчества! - Добавляйте свой код (HTML, CSS, JavaScript). - Адаптивная верстка — сайт будет красиво смотреться на любых устройствах. - Зеленая зона в Google Speed Insights и весь необходимый seo-инструментарий. А еще это российский конструктор, который точно никуда не уйдет. Попробуйте бесплатно, у нас есть free тариф. Реклама: ООО "ССП", ИНН: 7701416828

Работа с локализацией: перевод и форматирование текста на разных языках Работа с локализацией является важной частью разработки веб-приложений, особенно при создании мультиязычных интерфейсов. Для перевода текста на разные языки в JavaScript можно использовать объект Intl, который предоставляет функциональность для локализации. С помощью объекта Intl можно форматировать числа, даты, валюты и другие типы данных в соответствии с правилами языка и региона. В данном примере мы создаем объект Intl с помощью конструктора new Intl.NumberFormat(). Мы указываем язык и регион (в данном случае 'en-US' для английского языка в США) и опции форматирования (в данном случае стиль 'currency' и валюту 'USD'). Затем мы используем метод format() объекта Intl для форматирования числа amount в соответствии с указанными опциями. В данном примере мы форматируем число в денежный формат. #полезное

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

Frontend теперь в телеграм! Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках: Логово Верстальщика — научит верстать продающие сайты. Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков. Frontender's notes — советы и полезные приемы для каждого разработчика.

Использование Higher-Order Functions для обработки массивов Higher-Order Functions (функции высшего порядка) принимают или возвращают другие функции, и их использование делает код более гибким и функциональным. #полезное

Как мы внедряли Sentry В прошлый раз мы рассматривали внедрение Sentry со стороны эксплуатации: устанавливали на сервер self-hosted, делали его высокодоступным при помощи сети доставки td-agent, настраивали мониторинг. Ожидаются небольшие дополнения. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Кто сказал, что подкасты — это скучно? Как разрабатывать приложение-мечту и при этом строить бизнес? Зачем математика программистам? Из ядерной физики в IT Ответы на эти и другие вопросы даст автор подкаста «Слово Техлида». Он является руководителем группы разработки Ozon Банка, а его гости — это технические лидеры из разных областей разработки. Юмор, истории личного пути и профессиональный опыт — все это можно найти в канале «Слово Техлида» в удобном формате Реклама. Шагиев Л.И. ИНН 161102418495 Erid: 2Vtzqx5AU96

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

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

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

Анатомия shadcn/ui Если вы следите за новинками экосистемы JavaScript, то должны были слышать об интересной библиотеке пользовательского интерфейса (user interface, UI) под названием shadcn/ui. Вместо того, чтобы распространяться в виде пакета npm, компоненты shadcn/ui добавляются с помощью интерфейса командной строки (command line interface, CLI), который помещает исходный код компонентов непосредственно в ваш проект. Разработчик библиотеки указывает причину такого решения на официальном сайте shadcn/ui. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

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

Использование Spread Operator для объединения массивов или объектов Spread Operator (оператор расширения) позволяет развертывать элементы массива или свойства объекта в другой массив или объект. #полезное

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

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

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

🤑 Хватит тратить деньги на дизайнера! 👨‍💻 Верстальщики, знаем ли мы, сколько стоит хороший дизайн? И как часто вам приходится жертвовать качеством из-за бюджетных ограничений? 💵 Пришло время экономить! 🔗 Подписывайтесь на TEMPLATICA.PRO и получите доступ к тысячам готовых макетов сайтов в Figma.