Придбаний Курс "JavaScript/DOM/Интерфейсы" для новичков [learn.javascript.ru] [Константин Александров]

[Gadzhi]

• .

Курс "JavaScript/DOM/Интерфейсы" для новичков
Курс для тех, кто не разрабатывал на JS и имеет мало опыта в профессиональном программировании. Вы научитесь создавать браузерные компоненты на JavaScript, разбираться в коде и будете готовы к освоению фреймворка.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Отдых, повторение, следующее занятие - через неделю.

Компонентная архитектура, ООП:

• Современный подход к разработке приложений: создание интерфейсных компонентов, использование своих событий (Custom Events) для связи между ними. Архитектура веб-приложения.
• Классы, ООП в JavaScript.
• Модули в JavaScript.

На дом - компоненты для проекта: карточка товара, карусель с картинками.

Более сложные компоненты:
Продолжаем практиковаться в создании интерфейсных компонент, изучаем новые события.

• Drag'n'drop при помощи событий, компонент "слайдер" для проекта.
• Обработка пользовательского ввода, события клавиатуры.
• Компоненты "модальное окно", "ленточное меню".

Взаимодействие с сервером:
Начинаем это занятие с обычных HTTP-форм, затем переходим к динамическим сетевым запросам.

• Создание и отправка форм, динамические формы, их валидация.
• DOM-свойства и методы для форм. Чтение данных из формы.
• Метод fetch и, основы Promise для сетевых запросов.
• Обмен данными с сервером в формате JSON.

Promise в деталях, более сложный асинхронный код:
Для организации последовательных сетевых запросов или других асинхронных вызовов используются специальные объекты Promise. Изучаем, как с ними работать.

• Событийный цикл браузера.
• Объектов Promise в деталях, их методы, цепочки Promise.
• Промисификация функций.
• Синтаксис async/await.

Сборка проекта, фреймворки:
На этом занятии мы собираем воедино проект, компоненты которого создавали в предыдущих занятиях.

• Серверный JavaScript: основы Node.js
• Сборка проекта при помощи Webpack.

Основные JavaScript фреймворки: как устроены, куда двигаться дальше, что изучать, откуда брать информацию.

Ответы на дополнительные вопросы.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.

Спойлер: Информация

Цели курса:

• Научить писать хороший современный код, понимать JavaScript в объёме, достаточном для создания интерфейсных компонентов, взаимодействия с сервером (детали программы далее).
• Подготовить к освоению фреймворка: React, Vue, Angular или другого, если ваша цель - создавать сложные приложения.