JavaScript заметки

spread operator Он позволяет легко и быстро объединять и расширять массивы, объекты и другие коллекции данных. Оператор расширения также позволяет передавать неопределенное количество аргументов в функцию и извлекать свойства из объектов. Использование оператора расширения может существенно упростить и ускорить написание кода в JavaScript. #операторы

Управление зависимостями Согласно опросу «State of JS» 2021 года, управление зависимостями в JavaScript — проблема номер один для разработчиков. На втором месте — архитектура кода. Делимся статьей, где автор рассказывает про управление зависимостями в монорепозитории JS. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Стрелочные функции Одной из интересных фишек JavaScript является использование стрелочных функций (arrow functions), которые позволяют определять функции более кратко и лаконично. Вместо обычного синтаксиса:

function multiply(a, b) {
  return a * b;
}

можно использовать следующий синтаксис с использованием стрелочной функции:

const multiply = (a, b) => a * b;

Это позволяет определить функцию в одной строке кода, что делает код более читаемым и экономит время при написании. Стрелочные функции также удобны для использования в качестве коллбеков в функциях высшего порядка, таких как методы массивов map, filter и reduce. Несмотря на все преимущества, не следует злоупотреблять использованием стрелочных функций, так как в некоторых случаях обычный синтаксис более подходящий. #полезно

Селфи в браузере В данной статье автор рассказывает, как сделать селфи в браузере. Для захвата изображения используется MediaStream Image Capture. Для захвата потока - Media Capture and Streams. File API используется для работы с файлами. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Деструктуризация Она позволяет извлекать данные из массивов и объектов более простым и удобным способом.

const user = { name: 'John', age: 30 };
const { name, age } = user;

В этом примере мы используем деструктуризацию, чтобы извлечь значения name и age из объекта user и сохранить их в переменных с теми же именами. Деструктуризация - это полезная фича в JavaScript, которая делает работу с объектами и массивами более удобной. #массивы

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

Метод Array.prototype.includes() Он позволяет проверить, содержится ли элемент в массиве, возвращая true или false. Например, можно использовать его для проверки наличия определенного значения в массиве перед выполнением определенных действий. Этот метод был введен в стандарт ECMAScript 2016 и доступен во всех современных браузерах. Не забудьте попробовать его в своих проектах! Метод includes() также поддерживает поиск по индексу, указанному вторым аргументом. #методы

Работа с объектами Тип Object используется для хранения различных коллекций с ключами и более сложных объектов. Объекты могут быть созданы с помощью конструктора Object() или синтаксиса инициализатора/литерала объекта. Благодаря этой статье ты узнаешь, как работать с объектами. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Как вывести свою Frontend-формулу успеха? Присоединиться к сообществу тысяч разработчиков и получить мощный буст в виде интересных статей, обзоров актуальных библиотек, инструментов, UI-макетов, задач для разминки мозгов и, конечно, юмора для поднятия настроения! @frontend_formula - это смесь энциклопедии и клуба начинающих любителей фронтенд-разработки, непризнанных гениев и мастеров, покоряющих новые горизонты Подписывайся скорее!

Array.from() Функция Array.from() позволяет создавать новый массив из итерируемого или массиво-подобного объекта. Это может быть полезно, когда вы хотите выполнить некоторые операции на коллекции элементов, например, на коллекции элементов DOM или на строке. Эта функция может также принимать второй аргумент - функцию-маппер, которая позволяет изменить элементы в создаваемом массиве. #массивы

Стрелочные функции Одна из полезных фишек JavaScript - это использование стрелочных функций (arrow functions). Они позволяют создавать функции более компактным и читаемым способом, чем традиционные функции. Вот пример обычной функции:

function multiply(a, b) {
  return a * b;
}

И вот пример той же функции, записанной как стрелочная функция:

const multiply = (a, b) => a * b;

Кроме того, стрелочные функции автоматически привязывают this к текущему контексту, что упрощает работу с объектами и избавляет от необходимости использовать bind, call или apply. Но не забывайте, что стрелочные функции не подходят для всех сценариев, так как они не имеют своего контекста выполнения и не могут использоваться как конструкторы. #полезно

💡Все мечтаете начать осваивать программирование? Сейчас самое время — начните с основ HTML вместе с OTUS. HTML — это база для всех, кто хочет стать веб-разработчиком. 6 июня в 20:00 приходите на открытый урок в преддверии старта онлайн-курса «Специализация Fullstack Developer». Спикером выступит Мария Коршунова, руководитель курса HTML/CSS в OTUS, работает в сфере веб-разработки с 2011 года. ✅На занятии мы: — Пройдем основы работы с HTML, начиная с самого простого. — Рассмотрим несколько типичных ошибок не только среди начинающих, но среди продолжающих и иногда даже сеньоров. — Создадим разметку страницы авторизации: разберём основы семантики и атрибуты полей формы. Вебинар подойдёт как для начинающих, так и продолжающих обучение вёрстке. Используйте эту возможность, чтобы познакомиться с преподавателем и форматом обучения. Курс можно приобрести любым удобным способом. ➡️ Регистрируйтесь на занятие и готовьте вопросы преподавателю: https://otus.pw/yJlZ/ Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. 2RanykuZe1n

File System Access API File System Access API обеспечивает возможности чтения, записи и управления файлами. Этот API позволяет взаимодействовать с файлами на локальном устройстве пользователя или в доступной пользователю сетевой файловой системе. Делимся статьей, где подробно разобран основной функционал API. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

💡Все мечтаете начать осваивать программирование? Сейчас самое время — начните с основ HTML вместе с OTUS. HTML — это база для всех, кто хочет стать веб-разработчиком. 6 июня в 20:00 приходите на открытый урок в преддверии старта онлайн-курса «Специализация Fullstack Developer». Спикером выступит Мария Коршунова, руководитель курса HTML/CSS в OTUS, работает в сфере веб-разработки с 2011 года. ✅На занятии мы: — Пройдем основы работы с HTML, начиная с самого простого. — Рассмотрим несколько типичных ошибок не только среди начинающих, но среди продолжающих и иногда даже сеньоров. — Создадим разметку страницы авторизации: разберём основы семантики и атрибуты полей формы. Вебинар подойдёт как для начинающих, так и продолжающих обучение вёрстке. Используйте эту возможность, чтобы познакомиться с преподавателем и форматом обучения. Курс можно приобрести любым удобным способом. ➡️ Регистрируйтесь на занятие и готовьте вопросы преподавателю: https://otus.pw/yJlZ/ Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. 2RanykuZe1n

Насмотренность – пожалуй, самый ценный навык для дизайнера. Это когда ты не ждешь вдохновения, а с ходу генерируешь крутые идеи и быстро набиваешь руку. Чтобы прокачать этот скилл, вам пригодится канал «Подвинь пиксель». Тут публикуют уроки по вебу и UX/UI, помогают искать «жирных» клиентов и разбирают популярные ошибки в дизайне. Так вы и навыки улучшите, и фич для своих проектов наберетесь. Пользуйтесь: @movepx

.reduce() Метод массива reduce() позволяет превратить массив в любое другое значение с помощью переданной функции-колбэка и начального значения. Функция-колбэк будет вызвана для каждого элемента массива, и всегда должна возвращать результат. #массивы

Логические операторы В данной статье автор подробно рассказывает про логические операторы «НЕ», «ИЛИ», «И» и нулевого слияния. Дополнительно рассматриваются побитовые операторы. Они используются для криптографии. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Object.entries() Метод возвращает массив, состоящий из массивов, каждый из которых содержит пары ключ-значение объекта, переданного в качестве аргумента. Этот метод полезен при работе с объектами, так как позволяет легко получать доступ к ключам и значениям объекта. Как видно из примера, метод Object.entries() преобразует объект person в массив массивов, где каждый вложенный массив содержит ключ и значение объекта. Это может быть полезно, например, для итерации по объекту или для выполнения каких-либо операций с ключами и значениями. #методы

Анатомия ошибки Первый шаг к пониманию ошибок JavaScript — понять, откуда они берутся. Большинство ошибок JavaScript автоматически генерируются движком JavaScript. Делимся статьей, где автор рассказывает про различные типы ошибок. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью