[Кантор] JavaScript, DOM, интерфейсы (2015)

Автор: Кантор
Название: JavaScript, DOM, интерфейсы (2015)

Курс состоит из трёх частей:

1. Первая часть позволяет хорошо разобраться в языке JavaScript, получить знания и навыки написания хорошего JavaScript-кода.
2. Вторая часть позволяет научиться работать со страницей и посетителем, создавать меню, слайдеры, Drag'n'Drop и прочие интерфейсные компоненты.
3. Третья часть посвящена грамотному использованию jQuery и более продвинутому ООП.

1. Вы хорошо знаете JavaScript, свободно разрабатываете и отлаживаете программы на этом языке.
2. Вы умеете создавать компоненты и объединять их в интерфейсы средней сложности.
3. Ваши интерфейсы работают стабильно, без глюков, их можно удобно дорабатывать и развивать.
4. Мы идём от основ и до довольно-таки сложных штук. Успешное прохождение обучения гарантировано в том случае, если вы будете регулярно заниматься и делать домашнее задание.

1. Основной JavaScript.
   Здесь мы изучим сам язык, его конструкции и особенности, которые позволяют 'разговаривать' на JavaScript коротко, понятно, а главное - без ошибок.
   • Основные структуры данных, работа с числами, строками, датами.
   • Эффективное использование базовых структур данных в JavaScript, их тонкости и внутреннее устройство.
   • Инструменты разработки, отладка в браузерах.
   • Объекты и массивы.
   • Функции, виды объявлений и тонкости использования.
2. Более глубокое понимание языка.
   Чтобы писать хороший код, а также грамотно пользоваться современными фреймворками, мы изучим JavaScript лучше, включая тонкости и продвинутое применение языковых конструкций.
   • Замыкания и их грамотное применение.
   • Преобразование типов.
   • Контекст this в деталях.
   • Введение в ООП.

1. Документ, генерация интерфейса.
   Здесь мы учимся работать с документом, решать всевозможные задачи в браузере.
   • Внутреннее устройство браузера, работа со скриптами.
   • Дерево DOM, особенности в современных браузерах и IE<9.
   • Получение информации об элементах страницы.
   • Динамическая генерация элементов интерфейса.
2. События, взаимодействие с посетителем.
   • Введение в события, способы назначения обработчиков и тонкости их использования.
   • Практика создания 'живых' интерфейсных компонент (кнопки, меню, карусели).
3. Динамические компоненты интерфейса
   • Координаты в окне и документе, передвижение элементов
   • Drag'n'Drop, по окну и внутри элемента
   • Практика (слайдер, подсказка)
4. Работа с большим количеством элементов
   • Всплытие и перехват событий
   • Паттерн 'делегирование', оптимизация производительности и архитектуры
   • Особенности работы событий mouseover, mouseout с учётом всплытия.
   • Практика создания интерфейсных компонент (дерево, галерея, редактируемая таблица)

1. Фреймворк jQuery, его важные тонкости и правильное использование.
2. Прототипный стиль ООП.
3. Архитектура сложных интерфейсов.
4. Практика создания компонент для сложных интерфейсов, свои события.
5. Системы шаблонизации, использование шаблонов для удобного создания компонент.
6. Обзор AJAX-технологий и фреймворков (Backbone, Angular.JS), куда двигаться дальше.