JavaScript Ready | Программирование

😍 My-JS — большая база знаний по JavaScript! Это сайт с подборкой руководств, шпаргалок и полезных материалов для JavaScript-разработчиков. Здесь собраны статьи по TypeScript, React, Node.js, Next.js и другим технологиям. На сайте можно найти объяснения сложных тем, алгоритмы и структуры данных, а также практические гайды по инструментам вроде Docker и GraphQL. Все материалы удобно структурированы. 📌 Оставляю ссылочку: my-js.org 📣 JS Ready | #сайт

Проверка условий в массиве без явного цикла! Когда нужно проверить элементы массива, многие пишут цикл и флаги: let hasEven = false; for (const n of numbers) { if (n % 2 === 0) { hasEven = true; break; } } В JS для таких проверок есть нативные методы — some() и every(), которые позволяют обойтись без явного цикла. Метод some() проверяет, выполняется ли условие хотя бы для одного элемента массива: const hasEven = numbers.some(n => n % 2 === 0); Метод every() проверяет, выполняется ли условие для ...

📱 Управление рендерингом и задачами браузера! Шпаргалка по механизмам браузера, которые позволяют синхронизировать выполнение кода с перерисовкой интерфейса, планировать фоновую работу основного потока, управлять очередями задач и точно измерять время выполнения операций. 📣 JS Ready | #шпора

Как читать элементы массива с конца через at()! Раньше доступ к элементам с конца массива требовал ручных вычислений длины и это ухудшало читаемость кода. Например, чтобы получить последний и предпоследний элементы, обычно писали так. Традиционный способ: const arr = ["a", "b", "c", "d"]; const last = arr[arr.length - 1]; const prev = arr[arr.length - 2]; console.log(last); // "d" console.log(prev); // "c" При сложных выражениях или частых обращениях к последним элементам такой код становится ме...

🐱 HTMLCheatSheet — интерактивная шпаргалка по JavaScript! Здесь собраны основные конструкции JS с готовыми примерами кода. Переменные, циклы, условия, массивы, строки, события, работа с датами и даже регулярные выражения. Главная фишка — это интерактивность: можно сразу копировать код, скрывать комментарии и использовать сайт как быстрый справочник во время работы. 📌 Оставляю ссылочку: htmlcheatsheet.com 📣 JS Ready | #сайт

📂 Напоминалка по объектам в JavaScript! Например, объект помогает хранить данные в формате ключ-значение, а через dot notation, bracket notation и destructuring можно быстро получать и использовать нужные свойства. На картинке — базовые приёмы работы с объектами: создание, доступ к свойствам, изменение значений, добавление новых полей, деструктуризация и методы. Сохрани, чтобы не забыть! 📣 JS Ready | #ресурс

Последовательные async-операции без лишней вложенности! Когда несколько асинхронных действий зависят друг от друга, часто пишут вложенные .then(): fetch('/data').then(r => { r.json().then(data => { fetch(/more/${data.id}).then(r2 => { r2.json().then(console.log); }); }); }); Такой код быстро превращается в избыточную вложенность обработчиков. Решение — возвращать следующий Promise из .then(): fetch('/data') .then(r => r.json()) .then(data => fetch(/more/${data.id})) Каждый .then() полу...

Определяем готовность DOM через DOMContentLoaded! DOMContentLoaded срабатывает после разбора HTML и построения DOM — можно безопасно запускать клиентский код, не дожидаясь полной загрузки страницы. Не ждёт изображения и другие ресурсы, но может задерживаться блокирующими CSS и синхронными скриптами. Подписка на событие: document.addEventListener('DOMContentLoaded', () => { console.log('DOM готов'); }); Это стандартная точка старта клиентской логики, когда элементы уже существуют в документе и с ...

doka guide — сайт, на котором собраны шпаргалки по HTML, CSS, JS. На каждую тему есть подробный разбор с полезными советами по применению. 📌 Ссылочка: doka.guide 📣 JS Ready | #сайт

👩‍💻 Когда работаешь с YAML-конфигурациями! YAML — расширение для VS Code, которое добавляет подсветку синтаксиса, автодополнение и проверку структуры YAML-файлов. Помогает быстрее писать конфиги для Docker, Kubernetes, GitHub Actions и других инструментов, сразу показывая ошибки и подсказки. 📣 JS Ready | #vscode