Javascript.RU

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

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

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

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

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

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

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

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

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

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

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

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

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

Вторая часть курса:
  1. Документ, генерация интерфейса.
    Здесь мы учимся работать с документом, решать всевозможные задачи в браузере.
    • Внутреннее устройство браузера, оптимальная организация страницы со скриптами.
    • Дерево DOM, особенности разработки в современных браузерах с отмирающей, но иногда нужной поддержкой старых.
    • Динамическая генерация интерфейса - методы DOM, их грамотное использование.
  2. События, взаимодействие с посетителем.
    • Основы и тонкости работы с различными событиями для решения основных интерфейсных задач.
    • Drag'n'Drop, по окну и внутри элемента
    • Паттерн "делегирование", оптимизация производительности и архитектуры, чтобы интерфейсы не тормозили.
    • Объектно-ориентированная разработка, компонентная архитектура с использованием ООП, событий и DOM.

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

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

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

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

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

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

 
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние комментарии
Последние темы на форуме
Forum