[javascript.ru] JavaScript, DOM, интерфейсы

Складчина: [javascript.ru] JavaScript, DOM, интерфейсы

Для Членов Клуба:
Запись открыта!

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

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

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

Важно: большое внимание на этом курсе уделяется стилю кода и его архитектурной правильности. Выучить набор функций и мартышка может.

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

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

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

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

Спойлер: Вторая часть курса:

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

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

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

Спойлер: Третья часть курса:

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

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

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