JavaScript заметки

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

Быстро преобразовать строку в число const number = "20"; const converted = +number; console.log(converted); // 20 #полезно

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

Бесплатное обучение дизайну с нуля. Вместе сделаем портфолио из 4+ работ с личной поддержкой от наставника. Что вы получите? — Фидбэк (мощный разбор всех ДЗ от куратора) — Тусовка (личный кабинет с уроками + живой чат) — Портфолио и экзамен (упакуем по урокам и проверим) — Мастер-класс "как заработать на дизайне" и найти клиента 🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов. → Начать обучение бесплатно Программа бесплатного курса: — Обучение по Figma с нуля и 4+ дз с личным разбором — Изучение основ дизайна (контент, сетки, композиция т.д.) — Создание анимации интерфейса — Все о профессии и доходе дизайнера (поиск клиентов и реальный доход) 👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы

Преобразовать любое значение в Boolean Это будет особенно полезно, если вы не хотите послать в бэкенд значение null или undefined. let number1; console.log(!!number1); // false const number2 = 10; console.log(!!number2); // true const name1 = 'Tim'; console.log(!!name1); // true const name2 = ''; console.log(!!name2); // false const nullValue = null; console.log(!!nullValue); // false #полезно

О производительности JavaScript Бенчмарки — это что-то вроде минного поля. Каждый бенчмарк имеет свои недостатки и погрешности, и помимо пиковой производительности существует целый ряд других факторов, которые необходимо оценивать при выборе платформы или фреймворка для создания веб-сервисов. В данной статье автор демонстрирует производительность фреймворка just-js. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Хакеры из скандально известной российской группировки NoName057(16) пачками кладут сайты иностранных государств. Они чуть не сорвали выборы президента в Чехии, клали сайты компании Avast, ресурсы госструктур в недружественных РФ странах и много чего еще! Подписывайтесь на их Telegram-канал и присоединяйтесь к их волонтерскому проекту, где активным участникам выплачивают вознаграждения - DDosia Project по ссылке: https://t.me/+_1gvf_3vjmNhMDVi

Реализовать плавный переход в верх страницы

window.scrollTo({ top: 0, left: 0, behavior: "smooth" });

#полезно

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

Вывести JSON в отформатированном виде

const book = {"date": "2019–03–22","book": "Harry potter","author": "J.K.Rowling"};
console.log(JSON.stringify(book, null, 2)) // разделение - 2 пробела

const book = {"date": "2019–03–22","book": "Harry potter","author": "J.K.Rowling"}; console.log(JSON.stringify(book, null, '\t')) // разделение - tab #полезно

Использование GPT-3 для объяснения работы кода Языковая модель ИИ GPT-3 способна генерировать объяснение того, как работает код. Она поразительно эффективна в этом: ее обучающий набор включает огромное количество исходного кода. Делимся статьей, где автор демонстрирует работу GPT-3. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Сгенерировать случайное число в определённом диапазоне Случайное число от 0 до 100:

Math.floor(Math.random() * 100)

Случайное число от 1 до 100:

Math.floor(Math.random() * 100) + 1

Случайное число между минимальным (включительно) и максимальным значением (не включая):

function getRandom(min, max) { 
  return Math.floor(Math.random() * (max - min) ) + min;
}
console.log(getRandom(10, 35)); // случайное число в диапазоне >= 10 и < 35

Случайное число между и максимальным значением (включая оба значения): function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1) ) + min; } console.log(getRandom(10, 35)); // случайное число в диапазоне >= 10 и <= 35 #полезно

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

Пишешь код, как улитка и не понимаешь в чём проблема? — Все дело в том, что ты не подписан на Visual Studio Code! Всего лишь за 60 секунд ты сможешь: 1. Ускорить написание кода 2. Улучшить его качество и читаемость 3. Прокачатся самому и узнать много чего интересного Все лучшие решения ты найдешь только тут - http://t.me/vsc_help

Удалить из массива повторяющиеся элементы С помощью Set:

const array = [1, 2, 2, 3, 1, 5];
const unique = [...new Set(array)];
console.log(unique); // [1, 2, 3, 5];

С помощью метода массива filter: const array = [1, 2, 2, 3, 1, 5]; const unique = array.filter((value, index) => { return array.indexOf(value) === index; }); console.log(unique); // [1, 2, 3, 5] #массивы #методы

Видео в вебе Политика автовоспроизведения 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"] #полезно