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. Делимся статьей, где автор рассказывает про различные типы ошибок. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

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

Temporal API Temporal предоставляет отдельные классы ECMAScript для дат, времени и других вариантов использования с заданной областью. Это делает код более читабельным и предотвращает ошибки, вызванные неправильным принятием 0, UTC или местного часового пояса. Данная статья поможет разобраться с Temporal API. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Редко используемые API Делимся статьей, где автор рассказывает про 4 API. Они редко используются, однако очень полезны. К ним относятся Beacon, Clipboard, Notifications и Perfomance. Присутствует ссылка на репозиторий с примерами. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Ключевое слово this Ключевое слово "this" в JavaScript является одной из наиболее мощных и полезных функций языка. Оно позволяет ссылаться на текущий объект внутри метода объекта и обеспечивает удобный способ доступа к его свойствам и методам. Например, если у вас есть объект "person" с методом "getName", который возвращает имя объекта, вы можете вызвать этот метод, используя ключевое слово "this". Кроме того, "this" также может использоваться в функциях, которые вызываются как методы объекта. Например, если у вас есть объект "person" с методом "greet", который приветствует человека по имени, вы можете вызвать этот метод, используя ключевое слово "this" для ссылки на текущий объект. #полезно