Курс "JavaScript, DOM, интерфейсы" /12 сентября/

Курс начинается 12 сентября, занятия пн/чт 19:30 - 21:00 GMT+4 (Мск)

Некоторые занятия могут быть больше или меньше, в зависимости от темы.

Время обучения: 2 месяца, включая одну-две недели каникул между частями курса, плюс вводный видео-курс.

Предварительные требования: знание основ HTML/CSS.

В первую очередь этот курс - для тех, то не разрабатывал на JS, либо разрабатывал на нём эпизодически и теперь хочет освоить профессионально.

Многое из теоретических материалов этого курса есть в учебнике. Если вы отлично его освоили и уже замечательно создаете интерфейсы или имеете большой опыт в JS-разработке, то данный курс - не для вас.

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

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

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

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

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

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

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

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

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

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

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

1. Фреймворк jQuery, его важные тонкости и грамотное использование для построения интерфейса.
2. Шаблонизация для динамических компонент.
3. Архитектура сложных интерфейсов. Создание компонент, свои события.
4. Правильная организация кода и шаблонов, сборка со сжатием при помощи Require.JS.

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

• Для просмотра видео-лекций и записей занятий нужна Windows, без виртуалки, извините, таковы ограничения защиты. Если у вас Mac или Linux - рассмотрите вариант Dual Boot, либо загрузки с внешнего диска на время просмотра.
• Онлайн-общение требует интернет 256kb/s или быстрее, работает под Windows и Mac, под Linux работает из-под виртуальной машины с Windows.

• За неделю до начала курса высылается инструкция, а также вводный видео-курс.
• Дополнительно к курсу есть одно занятие, которое является собранием. Оно посвящено организационным и техническим деталям обучения, установке и проверке доступа к видео и чату. Вы получите напоминание про него.

Стоимость участия: 15000 руб.