![HTML Academy] Интенсивный онлайн-курс «Базовый JavaScript »](/assets/images/logos/logo-white.webp "HTML Academy] Интенсивный онлайн-курс «Базовый JavaScript »"){kind=logo}
- 02, Apr 2018
- #1
Интенсивный онлайн-курс «Базовый JavaScript»
HTML Academy
Раздел 1: введение
Раздел 1: введение Теория:
Практика: Клонирование репозитория. Выбор IDE. Настройка рабочего окружения.. Спойлер: Описание далее
Раздел 2: знакомство с DOM Теория:
Практика: Валидация данных, введенных в форму. Сохранение последних валидных данных в форме в cookies.
Раздел 3: погружение в DOM Теория:
Практика: Создание DOM-дерева на основе заданной структуры данных. Добавление обработчиков ошибок и таймеров на загрузку изображений.
Раздел 4: передача и обработка данных Теория:
Практика: Загрузка структуры данных с прошлой недели с сервера по AJAX. Фильтрация списка. Сохранение состояния фильтров в LocalStorage.
Раздел 5: события Теория:
Практика: Добавление фотогалереи на учебный проект, начало.
Раздел 6: введение в ООП Теория:
Практика: Продолжение работы с фотогалереей.
Раздел 7: медиа и графика Теория:
Задание: Завершение фотогалереи, добавление видеопроигрывателя в качестве одного из слайдов. Начало работы над интерактивным компонентом учебного проекта.
Раздел 8: работа с состояниями приложения Теория:
Практика: Cохранение состояния приложения в адресной строке браузера и восстановление после перезагрузки страницы. Рефакторинг кода, согласно паттерну MVC.
Раздел 9: лучшие практики и оптимизация Теория:
Задание: Завершение работы с интерактивным компонентом. Доведение проекта до финального состояния. Скрытая информация :: Авторизуйтесь для просмотра »
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »
Раздел 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.
- Объект XMLHttpRequest.
- 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. Модульность. Паттерны проектирования.
- Введение в работу с памятью, профилирование.
Задание: Завершение работы с интерактивным компонентом. Доведение проекта до финального состояния. Скрытая информация :: Авторизуйтесь для просмотра »
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »
![Искусство Править Миром - Египет 2010 [гильбо, Шэл]](/assets/images/icons/forum6.png){kind=icon}
![[Наталья Весна] Как преобразовать свои родовые программы](/assets/images/icons/forum4.png){kind=icon}
![[digital-tutors] Руководство Для Начинающих По Концепции Эскизов](/assets/images/icons/forum2.png){kind=icon}
