Программирование Кантор - JavaScript, DOM, интерфейсы (2015)

[tax01]

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

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

• Первая часть позволяет хорошо разобраться в языке JavaScript, получить знания и навыки написания хорошего JavaScript-кода.

• Вторая часть позволяет научиться работать со страницей и посетителем, создавать меню, слайдеры, Drag'n'Drop и прочие интерфейсные компоненты.

• Третья часть посвящена грамотному использованию jQuery и более продвинутому ООП.

Большое внимание на этом курсе уделяется стилю кода. Это важно. Хороший стиль кода позволяет писать более быстро, красиво и делать меньше ошибок. А на серьёзных проектах он просто необходим.

Результат обучения:

• Вы хорошо знаете JavaScript, свободно разрабатываете и отлаживаете программы на этом языке.

• Вы умеете создавать компоненты и объединять их в интерфейсы средней сложности.

• Ваши интерфейсы работают стабильно, без глюков, их можно удобно дорабатывать и развивать.

• Мы идём от основ и до довольно-таки сложных штук. Успешное прохождение обучения гарантировано в том случае, если вы будете регулярно заниматься и делать домашнее задание.

Основные темы первой части курса:

• Основной JavaScript.
  Здесь мы изучим сам язык, его конструкции и особенности, которые позволяют "разговаривать" на JavaScript коротко, понятно, а главное - без ошибок.
  • Основные структуры данных, работа с числами, строками, датами.
  • Эффективное использование базовых структур данных в JavaScript, их тонкости и внутреннее устройство.
  • Инструменты разработки, отладка в браузерах.
  • Объекты и массивы.
  • Функции, виды объявлений и тонкости использования.

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

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

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

• Документ, генерация интерфейса.
  Здесь мы учимся работать с документом, решать всевозможные задачи в браузере.
  • Внутреннее устройство браузера, работа со скриптами.
  • Дерево DOM, особенности в современных браузерах и IEli>
    • Получение информации об элементах страницы.
    • Динамическая генерация элементов интерфейса.

• События, взаимодействие с посетителем.
  • Введение в события, способы назначения обработчиков и тонкости их использования.
  • Практика создания "живых" интерфейсных компонент (кнопки, меню, карусели).

• Динамические компоненты интерфейса
  • Координаты в окне и документе, передвижение элементов
  • Drag'n'Drop, по окну и внутри элемента
  • Практика (слайдер, подсказка)

• Работа с большим количеством элементов
  • Всплытие и перехват событий
  • Паттерн "делегирование", оптимизация производительности и архитектуры
  • Особенности работы событий mouseover, mouseout с учётом всплытия.
  • Практика создания интерфейсных компонент (дерево, галерея, редактируемая таблица)

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

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

• Фреймворк jQuery, его важные тонкости и правильное использование.

• Прототипный стиль ООП.

• Архитектура сложных интерфейсов.

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

• Системы шаблонизации, использование шаблонов для удобного создания компонент.

• Обзор AJAX-технологий и фреймворков (Backbone, Angular.JS), куда двигаться дальше.

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


Скачать: