JavaScript заметки

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

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

‼️ ПЛАТНЫЕ КУРСЫ ВСЁ ‼️ В Reactify | Frontend Разработка! Есть все для бесплатного обучения! - Где брать опыт и как искать работу? - Как освоить сложную теорию? - Какие ресурсы использовать для обучения? Обо всем этом в ✈️Telegram и 📹YouTube каналах. А еще мы запускаем: 🎓 Reactify Academy - платформа с бесплатными курсами, лекциями, конференциями и соревнованиями. 👨‍💻 Reactify Teams - практика, работа в командах, code review и собеседования.

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

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

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

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

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

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

Использование WebAssembly для выполнения высокопроизводительного кода в браузере WebAssembly — это бинарный формат инструкций, предназначенный для выполнения в веб-браузерах, что позволяет запускать высокопроизводительные приложения, написанные на языках, таких как C или C++, в браузере. #полезное

📝 Бесплатное обучение HTML/CSS, JavaScript, Vue.js с нуля с личной поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид уровня мидл+ помогает изучить фронтенд на интересных практических задачах С 21 по 25 декабря он проводит бесплатный интенсив, где на практике поможет разобраться в HTML/CSS, JavaScript и — Vue.js Что получите на интенсиве — Сверстаете макет под присмотром тимлида — Затем добавите JavaScript — И перепишете проект на Vue.js — И получите пошаговый план «Что учить фронтенд и как найти работу в 2024 году» . По этому плану его ученики устраиваются на работу Интенсив подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля Подписывайтесь, осталось 30 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Попробуете сейчас или когда прижмёт?

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

Образовательная платформа Skillbox открывает бесплатный доступ к мини-курсу по UX/UI-дизайну. За 5 дней вы научитесь проектировать удобные интерфейсы, которые понравятся пользователям. Попрактикуетесь в Figma и добавите в портфолио первый проект. Всех участников мини-курса ждут ценные подарки. Новогодняя распродажа в Skillbox весь декабрь. Дарим скидку 60% на все курсы по дизайну. Отличная возможность инвестировать в себя. Записывайтесь и получите доступ к знаниям в пару кликов: https://epic.st/g_iK_- Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Работа с датами и временем: использование объекта Date и библиотек для работы с датами Работа с датами и временем является неотъемлемой частью разработки веб-приложений, особенно при работе с расписаниями, сроками и другими временными данными. Для работы с датами в JavaScript мы можем использовать встроенный объект Date, который предоставляет функциональность для работы с датами и временем. В данном примере мы создаем объект Date с помощью конструктора new Date(), который инициализирует его текущей датой и временем. Затем мы используем различные методы объекта Date, такие как getFullYear(), getMonth(), getDate(), getHours(), getMinutes() и getSeconds(), чтобы получить текущие значения года, месяца, дня, часа, минуты и секунды. Мы также форматируем дату и время, используя шаблон строки и значения, полученные от объекта Date. В данном примере мы форматируем дату в формате "день.месяц.год" и время в формате "часы:минуты:секунды". #полезное

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

Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию? Следуйте 3 простым шагам, чтобы сделать это: 1) Регистрируйтесь по ссылке: https://telega.in/c/notesjs 2) Пополняйтесь удобным способом 3) Размещайте публикацию Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки. В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor. Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа. Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений. #полезное

Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React Я работаю фронтенд-разработчицей в IT-компании, и многие из моих проектов на протяжении долгого времени собирались с использованием Webpack. Настройка Webpack иногда бывала сложной, но в целом он справлялся с задачей сборки проектов. Однако в последнее время мои коллеги начали восторгаться новым инструментом - Vite. Они рассказывали о его легковесности, быстрой сборке и преимуществах для разработчиков React-приложений. В этой статье я поделюсь своим опытом миграции с Webpack и react-scripts на Vite. Я расскажу о причинах, по которым решила попробовать Vite, а также о том, с какими сложностями пришлось столкнуться и как они были решены. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Как же круто быть сеньором!😎 Удаленка, релокация в ЕС/США, зп в долларах, зимовка в Тайланде, топовые гаджеты от компании - вот что доступно для Senior инженеров, и не важно на чем ты пишешь - JS / PHP / Python, выбирай что по душе. Главное кодить, кодить и еще раз кодить! Вот тебе подборочка каналов, которая облегчит твой путь🔝: ✅Senior Frontend - все про современный фронтенд ✅Frontendinterview - подготовка к собеседованиям по фронту ✅WebCraft - PHP и все что связано с веб разработкой ✅Frontender Libs - всё про библиотеки и готовые решения для фронтенда ✅Python Practics - обучающий канал по Python

Асинхронные HTTP-запросы с использованием современного API Fetch В примере мы используем fetch для отправки GET-запроса к удаленному серверу. Мы обрабатываем результат запроса с использованием асинхронного синтаксиса с await и async. Если запрос выполнен успешно (HTTP-код 200), мы преобразуем полученные данные в JSON и выводим их в консоль. В противном случае, мы ловим ошибку и выводим сообщение об ошибке. #полезное