​​Как объявить переменные в JavaScript?

​​Типы данных в JavaScript

​​#гайды | Функции интерфейса браузера

​​#гайды | Базовые математические операторы

​​Обращение к элементам HTML через JS
#гайды | JavaScript в картинках

Простейшие задачки по JS#1
https://www.youtube.com/watch?v=Of677TmRoAg

Простейшие задачки по JS#2 Массивы
https://www.youtube.com/watch?v=lm1Tm62R-bg

Хоть тут и нет JS, но будет полезно для начинающих веб разработчиков
https://www.youtube.com/watch?v=C1o_S73uhU0

Топ 5 javascript библиотек

#гайды #javascript #frontend | Javascript в картинках

Часто используемые API при разработке собственных проектов

#javascript #гайды #сайты | Javascript в картинках

Деструктуризация в JS: const {name, age} = user и const [first, , third] = arr экономят строки и сразу вытаскивают нужные поля из объектов или элементов из массивов. Используйте, когда нужно быстро «распаковать» данные без дополнительных переменных.
#гайды #javascript

Быстро отбираем нужные элементы: users.filter(u => u.isActive) создаёт новый массив, не трогая исходный — удобно для иммутабельных сторов и реактивных UI.
#javascript #гайды #frontend

Безопасная проверка вложенных свойств: user?.address?.city вернёт undefined без падения скрипта, если какого-то уровня нет. То же с функциями: callback?.() вызовется только при наличии callback. #javascript #гайды

map(), filter(), reduce() — три кита работы с массивами: map создаёт новый массив, преобразуя каждый элемент, filter отбирает нужные, reduce сворачивает всё к одному значению (сумма, объект, строка). Запомните порядок аргументов колбэка (item, index, array) и убирайте лишние, если не используете.
#гайды #javascript #массивы

​​localStorage переживает перезагрузку страницы: localStorage.setItem('theme', JSON.stringify({mode: 'dark'})).
При чтении используйте const {mode} = JSON.parse(localStorage.getItem('theme') || '{}'); — быстрый способ запомнить настройки пользователя без сервера.
#гайды #javascript #frontend

Деструктуризация объекта:
const { name, age } = user;
Избавляемся от user.name и user.age, код становится короче и чище, особенно в React-props и ответах API.
#javascript #гайды #frontend

useRef — способ хранить «что-угодно», не вызывая лишних рендеров: сохраняем id таймера setInterval в id.current, а при размонтировании чистим его; стейт не трогаем — компонент молчит, но таймер живёт.

#гайды #react #hooks #javascript #frontend