Основы веб-разработки | HTML | CSS | JavaScript

Первые шаги в разработке:

• Вывод действия console.log

• Объявление переменной типа var

• Комбинирование переменных с console.log

Основные математические операции:

• Определение числовых переменных

• Арифметические операции - сложение, вычитание, умножение и деление

• Использование console.log с арифметическими операциями

Строки:

• Что такое string

• Определение string переменных

• Понимание индексации строк

• Использование оператора квадратные скобки []

Условия и булевы переменные:

• Понимание условия if

• Операция больше

• Операция меньше

• Операция равенства

• Операция неравенства (не равно)

• Операция больше или равно

• Операция меньше или равно

• Использование простых условий

Продвинутые условия:

• Продвинутые условия и логические операторы (&& и ||)

• Использование if и else

• Использование сложных условий с else if

Операция модуля:

• Использование операции модуля (%) для вычисления остатка

• Использование метода для вычисления количества цифр в числе

• Использование parseInt для округления результата числа

Циклы while:

• Как написать цикл while

• Понимание концепции индекса и его использование

Циклы for:

• Определение цикла for и его применение

• Понимание инициализации цикла, инкремента и завершения

Продвинутые темы по модулю:

• Использование модуля для более сложных задач

• Как вычислить сумму цифр чисел

Массивы:

• Определение массива

• Понимание концепции индекса в массиве и его использование

• Итерация по массивам с помощью циклов

Объекты:

• Определение пустого объекта

• Инициализация ключей в объекте

• Доступ к ключам с использованием точечного оператора

• Динамический доступ к ключам

Продвинутые темы по объектам:

• Массив объектов

• Использование цикла для итерации по массиву объектов

• Метод Object.keys

• Метод Object.values

• Метод JSON.stringify

• Метод JSON.parse

Функции Часть А:

• Определение функций

• Определение аргументов для функции

• Возвращаемые значения функции

• Написание более сложных функций

Функции Часть B:

• Вызов нескольких функций

• Вызов функции внутри другой функции.

• Цепочка функций

Вложенные For Loops:

• Определение вложенных for loops

• Правильное использование индексов

• Сложные примеры с arrays

Создание элемента с помощью кода:

• Объединение областей HTML, CSS и JavaScript

• Понимание DOM (Document Object Model)

• Создание простого HTML элемента с помощью кода

• Использование innerText и classList

• Использование функции appendChild

Создание списка с использованием цикла:

• Создание динамического элемента ul

• Создание динамических элементов li

• Использование функций для динамического создания

Извлечение элементов со страницы:

• Понимание функции getElementById для извлечения

• Понимание функции getElementsByClassName для извлечения

• Понимание функции getElementsByTagName для извлечения

• Понимание функции querySelectorAll для извлечения

• Понимание функции querySelector для извлечения

• Понимание функции createElement для создания

Создание динамической таблицы:

• Динамическое создание элемента table

• Использование массивов и функций для построения таблицы

События Часть А:

• Привязка события клика к кнопке

• Использование addEventListener

• Динамическое добавление содержимого на страницу после события с пользователем

События Часть B:

• Использование inputs и событий

• Интеграция динамических элементов

• Более сложные примеры

Функции обратного вызова:

• Что такое функция обратного вызова

• Когда ее использовать

• Как передать аргументы

• Как проверить корректность кода

Таймеры:

• Понимание функции setTimeout

• Понимание функции setInterval

• Понимание асинхронной природы в языке

Взаимодействие с сервером Часть А:

• Понимание объекта xmlHttpRequest

• Создание связи с реальным сервером для получения данных

• Построение динамических элементов на странице

Взаимодействие с сервером Часть B:

• Использование событий и коммуникации

• Создание сложного потока для динамической страницы, взаимодействующей с сервером

• Понимание асинхронного поведения в JavaScript

Использование Promises:

• Понимание объекта Promise

• Использование then и catch

• Создание коммуникации с помощью Promises

• Создание сложного потока с использованием Promises

Заключительное слово