[javascript.ru] Разработка интерфейсов JavaScript, jQuery (2013)

[AlexandrVlasov]

Курс "Разработка интерфейсов" JavaScript или jQuery от Ильи Кантора
Курс включает в себя знания и навыки, необходимые для создания интерфейсов на JavaScript.

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

Также курс включает в себя грамотное использование jQuery.

Так как это достаточно много всего, то часть материалов будет выделена в отдельный видеокурс, который вы получите для освоения перед началом занятий. Это позволит нам использовать месяц с большей пользой.

Этот курс желательно осваивать после "курса профессионального JavaScript". Одновременное освоение возможно, но только если вы раньше работали с JavaScript. Ввиду большой учебной нагрузки, которая при этом будет, сочетать такой "интенсив" с работой фулл-тайм не получится.

Программа курса:

- До курса: HTML/CSS, основы JS.
- Документ, генерация интерфейса.
Здесь мы учимся работать с документом, решать всевозможные задачи в браузере.

• Внутреннее устройство браузера, работа со скриптами.
  - Дерево DOM, особенности в современных браузерах и IE<9.
  - Получение информации об элементах страницы.
  - Модификация элементов и создание новых, с учетом производительности, чтобы интерфейсы работали быстро.
  - Размеры и координаты элементов. Передвижение и прокрутка элементов.

- События, взаимодействие с посетителем.
Для 95% задач по взаимодействию с посетителем хватает примерно 15 событий. Мы изучим их, обращая внимание на важные тонкости, чтобы избежать типичных ошибок и глюков в коде.

• Взаимодействие с посетителем при помощи мыши, клавиатуры, форм.
  - События загрузки окна, документа, элементов.
  - Делегирование как паттерн разработки.
  - Drag'n'Drop.

- Разработка компонент, jQuery
Здесь мы собираем знания, которые приобрели до этого, чтобы строить компоненты, в том числе и довольно сложные. Когда мы умеем работать на уровне обычного JavaScript, то можем с пониманием применить этот фреймворк.

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

- Дополнительно

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

Все темы рассматриваются подробно, с упором на тонкости и практику.