Уроки HTML

Циклы в JavaScript — while, do while и for. Прерывание цикла break. Продолжение цикла continue.

Функции в JavaScript. Область видимости. Параметры и аргументы. Значения по умолчанию. Return.

Виды функций в JavaScript. Стрелочные функции. Как правильно называть функции? Назначение функций.

Объекты в JavaScript. Свойства объекта — чтение, добавление, удаление, проверка наличия и перебор.

JavaScript объекты — сравнение, копирование, объединение, деструктуризация, остаточные параметры.

Как найти первую работу? Накрутка опыта. Актуален ли фронтенд? Обучение и мотивация. Карьерный путь

Ключевое слово this в JavaScript для начинающих • this в объектах и функциях

JavaScript методы примитивов. Числа. Объект Math. Округление чисел. Парсинг чисел из строк.

Как долго учить фронтенд? Сколько учиться на фронтенд-разработчика?

Строки в JavaScript. Методы at, replace, slice, includes, repeat, trim, split. Длина строки length.

JavaScript массивы — основы. Приведение к строке. Копирование, объединение и сравнение массивов.

Фронтенд и моё первое тестовое задание — прожарка, анализ ошибок.

Методы массивов JavaScript — forEach, map, filter, reduce, some, every, sort, includes, indexOf

JavaScript и JSON формат — парсинг и преобразование данных

Зачем разработчику ютуб-канал? Год на ютубе — итоги и планы.

Перебор объекта в JavaScript. Коллекции Map и Set

Классы в JavaScript — объявление, конструктор, наследование, экземпляр, геттеры и сеттеры

Страхи джуна. Чего я боялся в начале изучение фронтенда?

JavaScript Отложенное и регулярное выполнение кода — setTimeout и setInterval, clearTimeout и др.

Обработка ошибок в JavaScript — try catch finally, throw, класс Error

HTML Продвинутая работа с изображениями • srcset, picture, WebP и AVIF, preload, figure и figcaption

JavaScript событийный цикл Event Loop, асинхронный код, промисы (Promise), async / await

Модули в JavaScript, import и export, декомпозиция кода

JavaScript в браузере — DOM (Document Object Model) и BOM (Browser Object Model)

DOM в JavaScript — Навигация по элементам дерева, атрибуты async и defer

JavaScript DOM. Поиск элементов: getElement и querySelector

JavaScript DOM-элементы: свойства и атрибуты, поведение value, data-* атрибуты

DOM JavaScript: стили и CSS-классы. Свойства style и classList. Управление CSS-переменными в JS.

Браузерный JavaScript: размеры и координаты DOM-элементов

JS в браузере: размеры окна и страницы, скролл scrollIntoView, scrollTo, scroll, scrollBy

JavaScript DOM манипуляции: создание элементов, вставка, перемещение, удаление и клонирование

JS Браузерные события: всплытие и погружение, способы обработки событий, отмена всплытия

События JavaScript: делегирование, поведение браузера по умолчанию, генерация собственных событий

JavaScript события мыши и указателя, Drag and Drop компонент

JavaScript события клавиатуры: keydown и keyup. События ввода: input, change, cut, copy, paste

JavaScript события фокуса: focus и blur, focusin и focusout | Методы focus и blur | activeElement

Формы в JS — доступ к элементам форм, чтение и изменение значений полей ввода, атрибут form

JavaScript формы — FormData, класс для сбора данных со всех полей формы

JavaScript валидация форм — validity свойство у полей формы. Классовый компонент валидации форм

JavaScript запросы fetch — клиент-серверное взаимодействие на практике