JavaScript заметки

Видео в вебе Политика автовоспроизведения Chrome блокирует автовоспроизведение мультимедиа со звуком. Это означает, что с включенной этой политикой видео всегда будут автоматически воспроизводиться без звука в Google Chrome. На текущий момент эта политика поддерживается многими бразуерами. Делимся статьей, где автор рассказывает про эту политику. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Заполнить массив определённым значением const array = Array(5).fill(false); // [false, false, false, false, false] const array = [...Array(5).keys()] // [0, 1, 2, 3, 4, 5] #массивы

Есть 2 способа выучить JavaScript: 1. Платить за дорогие курсы и втыкать в обучающие ролики на ютубе. Напичкать себя теорией, но так и не научиться кодить. 2. Читать канал JavaScript Teacher. Здесь вы в коротких постах впитаете все алгоритмы, освоите разные библиотеки и фишки языка. А это уже заявочка на хорошую работу. Много реальных примеров и готового кода, переходи и прокачивай скиллы! @JavaScript_Teacher

Supabase Supabase — это альтернатива Firebase с открытым исходным кодом, предоставляющая все базовые функции, необходимые для создания продукта. Делимся статьей, где автор знакомит с Supabase. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Создать новый массив с помощью spread-оператора (троеточие) const first = ["two", "three", "four"]; const second = [ "six", "seven", "eight"]; const combined = ["one", ...first, "five", ...second] console.log(combined); // ["one", "two", "three", "four", "five", "six", "seven", "eight"] #полезно

XSS с мутациями Мутационные XSS-уязвимости вызваны различиями в том, как браузеры интерпретируют стандарт HTML. Сервер должен учитывать все различия не только между браузерами, но и их версиями. В данной статье автор демонстрирует свежие примеры, которые позволили обойти защиту популярных HTML-санитайзеров. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Передача числовых переменных в качестве аргументов в функцию Оператор rest (версия ES6) конвертирует разделённые запятой значения в массив, таким образом параметр numbers в функции add становится массивом. function add(...numbers) { return numbers.reduce((acc, value) => { return acc + value; }, 0); } const sum = add(1, 2, 3, 4, 5); console.log(sum); // 15 #функции

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

Использование шаблонных литералов const user = { name: 'David', age: 30, address: 'NY' }; const { name, age, address } = user; console.log(Hi, I'm ${name} with age ${age} and living in ${address}); #полезно

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

Деструктуризация массивов const days = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"]; const [firstDay, secondDay] = days; console.log(firstDay); // sunday console.log(secondDay); // monday #массивы

Ошибки с промисами В данной статье продемонстрированы самые распространенные ошибки при работе с промисами. К ним относятся: использование блока try/catch внутри промиса; неправильное использование Promise.race(); злоупотребление промисами. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Деструктуризация объектов const user = { name: 'David', age: 30 }; // деструктуризовать пропсы и использовать status со значением Married, если этого свойства нет const {name, age, status = 'Married' } = user; console.log(name, age, status) // David 30 Married const person = { age: 30 }; // деструктуризуем объект person, переименуем name в username, назначим по умолчанию значение Anonymous, если такого свойства в person нет const {name: username = 'Anonymous', age } = person; console.log(username, age); // Anonymous 30 #полезно

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

Сколько нужно времени, чтобы освоить востребованную профессию фронтенд-разработчика? Всего 10 месяцев! Вы можете совмещать обучение с любым своим занятием. Главное условие - желание. В Xeкслете вы можете пройти онлайн-курс по профессии «‎Фронтенд-разработчик». Во время программы вы: ✔️ Изучите JavaScript в связке с HTML и CSS. ✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️ Решите более 310 задач в браузере. ✔️ Создадите 4 проекта для портфолио на GitHubВыполните 150 тестовых заданий от наших партнёров. ✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. Обучение построено так, что его невозможно «отсидеть» или «прослушать». Мы не сторонники подхода «повтори за учителем»: вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения. 📌 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !

Получить временную метку (timestamp) Текущее значение метки времени бывает полезно для генерации случайных значений, ведь с каждой секундой оно меняется. const date = new Date(); console.log(date.getTime()); // 1621708197268 #функции

RegEx на практике Регулярное выражение — это последовательность символов, формирующая шаблон поиска. Шаблон поиска можно использовать для текстового поиска и операций замены текста. В данной статье продемонстрирована работа regex с валидацией. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Три способа проверить, является ли объект массивом В JS массив также является объектом, так что для такой проверки вы можете использовать три способа (это часто задают на собеседованиях):

const arr = [1, 2, 3, 4];

• arr.constructor.toString().indexOf("Array") > -1 • arr instanceof Array • Array.isArray(arr) #полезно

CORS Совместное использование ресурсов различными источниками (CORS) — это механизм безопасности на основе HTTP, который контролируется и применяется клиентом (веб-браузером). Это позволяет службе (API) указывать любой источник, кроме своего собственного, из которого клиент может запрашивать ресурсы. Делимся статьей, где автор знакомит с CORS. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Нейрофронт — первый канал в Telegram по Frontend-разработке, где тебя обучит нейросеть ChatGPT! На канале собрана вся необходимая информация для Frontend-разработчиков: обучение, статьи, новости, codеpen'ы, тесты и юмор. Следите за нашими публикациями и улучшайте свои навыки, чтобы стать лучшим разработчиком Frontend. Не забудьте: путь к успеху начинается с подписки на Нейрофронт.