[Кантор] 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 в деталях.
   • Введение в ООП.

По окончанию первой части курса вы свободно пользуетесь языком JavaScript, с учётом его особенностей. Мы улучшим эти навыки в последующих частях курса.

Вторая часть курса:

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

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

Третья часть курса:

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

В результате окончания третьей части вы, если конечно не отлынивали все это время, можете спокойно создать интерфейс средней сложности.



Подробнее:


Скачать: