[HTML Academy] Интенсивный онлайн-курс «Базовый JavaScript»

[serafim]

Название: Интенсивный онлайн-курс «Базовый JavaScript»
Автор: HTML Academy

Раздел 1: введение
Раздел 1: введение
Теория:

• Инструменты работы с JavaScript: браузер, консоль, IDE. Введение в работу с системой контроля версий. Рабочий процесс на интенсиве.

• Введение в JavaScript. Области применения JavaScript. Функции, типы данных, переменные. Условные операторы, циклы. Диалоговые окна. Интерпретируемость языка, очередность выполнения команд. Исключения. Консоль.

Практика:
Клонирование репозитория.
Выбор IDE.
Настройка рабочего окружения..
Раздел 2: знакомство с DOM
Теория:

• Введение в работу с DOM. Формы. События. Модель DOM Level 0. Cookies.

• Javascript. Контекст функции.

Практика:
Валидация данных, введенных в форму.
Сохранение последних валидных данных в форме в cookies.
Раздел 3: погружение в DOM
Теория:

• Продвинутая работа с DOM: создание, удаление элементов, DocumentFragment. Введение в шаблонизацию. Работа с изображениями.

• Базовые структуры данных: массивы и объекты. Библиотеки jQuery, lodash/underscore, mout. Интервалы и таймауты. Асинхронность JavaScript, очередность выполнения кода, потеря окружения.

Практика:
Создание DOM-дерева на основе заданной структуры данных.
Добавление обработчиков ошибок и таймеров на загрузку изображений.
Раздел 4: передача и обработка данных
Теория:

• Введение в HTTP: методы, коды состояния, заголовки. Введение в AJAX. Объект XMLHttpRequest. GlobalFetch. jQuery.ajax.

Cross-Origin Resource Sharing (CORS). Работа с коллекциями. Хранение данных в localStorage. Практика:
Загрузка структуры данных с прошлой недели с сервера по AJAX.
Фильтрация списка.
Сохранение состояния фильтров в LocalStorage.
Раздел 5: события
Теория:

• Модель событий DOM Level 2. Обработчики событий. Создание, удаление обработчиков. Объект Event. Фазы события. Контекст функции. Задание контекста. Замыкания.

• Делегирование событий. Обработка событий в jQuery.

Практика:
Добавление фотогалереи на учебный проект, начало.
Раздел 6: введение в ООП
Теория:

• Введение в объектно-ориентированное программирование (ООП). Особенности ООП в JavaScript: Прототипы. Конструкторы. Цепочка прототипов. Наследование в JavaScript.

Практика:
Продолжение работы с фотогалереей.
Раздел 7: медиа и графика
Теория:

• HTMLMediaElement на примере audio и video. Графика на SVG. Введение в графику на Canvas.

Задание:
Завершение фотогалереи, добавление видеопроигрывателя в качестве одного из слайдов.
Начало работы над интерактивным компонентом учебного проекта.
Раздел 8: работа с состояниями приложения
Теория:

• Работа с адресной строкой. window.location. document.location. Введение в работу с историей браузера. pushState/popState. Введение в MVC. Библиотека backbone.js

Практика:
Cохранение состояния приложения в адресной строке браузера и восстановление после перезагрузки страницы.
Рефакторинг кода, согласно паттерну MVC.
Раздел 9: лучшие практики и оптимизация
Теория:

• Лучшие практики JavaScript. Модульность. Паттерны проектирования. Введение в работу с памятью, профилирование.

Задание:
Завершение работы с интерактивным компонентом.
Доведение проекта до финального состояния.
Продажник:

Войти или Зарегистрироваться чтобы увидеть скрытый текст.

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.