Введение
- Hello World)
Переменные, операторы, условные выражения и циклы
- Переменная Let
- Наименование переменных
- Практика Let
- Практика с переменными Let
- Переменная Const
- Базово о переменной Var
- Шаблонные строки
- Написать программу на JavaScript, используя переменные и шаблонные строки для вывода информации
- Про данные в переменных
- Инкремент и Декремент
- Операторы сравнения
- Оператор И &&
- Оператор ИЛИ
- Оператор НЕ !
- Операторы присваивания
- Условный оператор if №1
- Условный оператор if №2
- Условный if практика
- Проверка возраста
- Тернарный оператор №1
- Тернарный оператор №2
- Оператор Switch
- Цикл for
- цикл for
- Цикл for break, continue
- Цикл while
- Цикл do while
- Базово о приоритете операторов
- Cтиль написания кода
- Примитивные типы и ссылочные
Функции область видимости, замыкания и анонимные функции
- Функции
- Function Declaration и Function Expression
- Область видимости базово
- Параметры и Аргументы функции
- Функции практика
- О первом аргументе при вызове функции
- Массивоподобный объект Arguments
- Массивоподобный объект Arguments №2
- Оператор Return
- Оператор Return №2
- Практика
- Стрелочные функции
- Напишите функцию isEven, которая возвращает true, если число четное, и false, если нечетное.
- Сallback Функции
- Анонимные функции
- Функция для вычисления площади прямоугольника
- Анонимные функции №2
- Глобальная область видимости и локальная
- Замыкание функций
- Практика
- #Дз функции
Объекты { }
- use strict
- Объекты №1
- Объекты №2
- Методы Объектов
- Объект Window
- this
- Копирование объектов Object assing()
- Глубокое копирование Объектов StructuredClone()
- JSON
- Деструктуризация объектов
- Задание по деструктуризации объектов: Вывод информации о студенте
- Оператор Spread и Rest
- Методы объектов
- Оператор нулевого слияния
- Оператор опциональной последовательности
- Оператор опциональной последовательности и оператор нулевого слияния
- Упражнение: Создание объекта "Автомобиль"
Массивы [ ]
- Знакомство с массивами
- Методы push, pop,shift, unshift
- Метод slice
- Метод splice, toSpliced
- Метод concat
- Цикл for of для массивов
- Метод forEach
- Вычисление квадрата чисел с использованием метода forEach
- Метод map
- Преобразование элементов массива с помощью метода map
- Метод Filter
- Фильтрация активных пользователей
- Метод find и includes
- Поиск студента и проверка изучаемого предмета
- Метод reduce
- Объединение строк из массива
- Метод reverse и toReversed
- Метод sort И toSorted
- Метод with
- Вызов методов массивов по цепочке
- Фильтрация и сортировка массива пользователей
- Многомерные массивы
- Создание многомерного массива книг в библиотеке
- Метод some И every
- Метод findIndex
- Метод flat
- Метод flatMap
- Метод split и join
- #дом работа с массивами
- Работа со строками №1
- Работа со строками №2
- Работа со строками №3
- Деструктуризация массивов [ ]
Map, Set, WeakMap, WeakSet
- Map полное руководство
- Set полное руководство
- WeakMap
- WeakSet
Прототипное наследование и функции высшего порядка
- [[Prototype]]
- О свойстве __proto__
- Конструкторы и литералы объектов
- Функции высшего порядка
- Метод call apply bind
Дата и время
- Получение даты
- Преобразуем дату в строку
- toLocaleDateString
- toLocaleString
- setTimeout
- Метод padStart
- setInterval
- Практика
- Рандомный цвет фона
- Интернационализация
- Форматирование дат
- Редактируем дату и время
- UTC GMT
- Temporal API базово
DOM
- Типы узлов
- Методы для выборки HTML элементов
- Обработчик событий
- insertAdjacentHtml
- Добавление классов удаление проверка классов
- Делегирование событий
- defer async
- Работа с атрибутами
- Объект dataset И мотод closest
DOM Практика
- Модальное окно верстка и стилизация
- Логика модального окна
- Модальное окно тег Dialog
- Бургер меню
- Бургер меню вариант 2
- Плавный скролл
- Табы (вкладки)
- Простая анимация хедера
- Intersection Observer API
- Ленивая подгрузка изображений
- Разбор кода ленивой подгрузки изображений
- Верстка слайдера
- Логика слайдера
- Рейтинг звезд
- Таймер
- Аккордеон
- Переключение темы на сайте
- Local Storage
- Воспроизводим аудио файлы
- 0 Комментарии верстка и стилизация
- Логика добавлений комментариев
Объектно-Ориентированное Программирование
- Функции конструкторы и оператор new
- Наследование
- Инкапсуляция
- Полиморфизм
- Оператор in
- Синтаксис классов
- Геттеры и сеттеры
- Приватные свойства
- Оператор extends
- Переопределение методов
- ООП практика
JavaScript: AJAX, Fetch и Асинхронные Функции, модульное программированиеasync первый запрос AJAX
- Практика №1
- Практика №2
- then под микроскопом
- Promise
- Методы POST,PUT,DELETE
- Запрос с API_KEY
- Обработка формы с асинхронной отправкой
- Rapid api легкая практика
- Что такое домен,протокол,сертификат
- CORS
- export import
- import as
- Модули практика
Завершение
- ECMA от ES 6 ДО ES 15Базовая Структура папок