JavaScript заметки

Не бойтесь генераторов 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 и выводим их в консоль. В противном случае, мы ловим ошибку и выводим сообщение об ошибке. #полезное

Web Accessibility в рассказе «A11Y от 0 до NaN» Данной статьёй я планирую рассказать про интересные случаи и про то, в каких ситуациях можно оказаться, постигая новые горизонты, но не собираюсь даже пытаться заменить справочники по aria-атрибутам и эталонным примерам доступных компонентов. Стандарт W3C полон полезной информации, которая сдержанно подаёт только нужное. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

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

Использование WebGL для создания интерактивных 3D-график в веб-приложениях WebGL позволяет создавать интерактивные 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс. #полезное