[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-проект и понимаете, как развиваться далее. На практике эти части не так чтобы резко отделены друг от друга, переход между ними плавный. Продвинутые темы используют элементы предыдущих.