Программа
Курс состоит из трёх частей:
Большое внимание на этом курсе уделяется стилю и качеству кода, глубокому пониманию языка. Именно это отличает хорошего разработчика от выучившего пару десятков функций новичка.
- Первая часть позволяет хорошо разобраться в языке JavaScript, получить знания и навыки написания JavaScript-кода, соответствующего современным стандартам.
- Вторая часть позволяет научиться работать со страницей и посетителем, создавать меню, слайдеры, Drag’n’Drop и прочие интерфейсные компоненты.
- Третья часть посвящена более сложным интерфейсам. На ней мы изучаем, как построить архитектуру, взаимодействие между компонентами, как организовать проект и код, систему сборки с использованием ES6.
1 часть
По окончанию первой части курса вы свободно пользуетесь языком JavaScript, с учётом его особенностей и новых возможностей стандарта ES-2015. Мы улучшим эти навыки в последующих частях курса.
- Основной JavaScript.
Здесь мы изучим сам язык, его конструкции и особенности, которые позволяют "разговаривать" на JavaScript коротко, понятно, а главное - без ошибок.
- IDE, настройка, полезные приёмы использования, средства для автопроверки кода.
- Основные структуры данных, работа с числами, строками, датами, массивами, объектами.
- Инструменты разработки, отладка в браузерах.
- Автоматизированное тестирование, инструменты и их применение.
- Современный стандарт ES-2015 (ES6), его кросс-браузерное использование сейчас.
- Более глубокое понимание языка.
Чтобы писать хороший код, а также грамотно пользоваться современными фреймворками, мы изучим JavaScript лучше, включая тонкости и продвинутое применение языковых конструкций.
- Замыкания и их грамотное применение.
- Внутреннее устройство движка JavaScript.
- Контекст this в деталях.
- Форвардинг, одалживание и делегирование функций.
- Прототипы, классы, прототипное и функциональное ООП, детали использования.
2 часть
По окончании второй части вы можете создавать интерфейсные компоненты, но нужно больше практики.
- Документ, генерация интерфейса.
Здесь мы учимся работать с документом, решать всевозможные задачи в браузере.
- Внутреннее устройство браузера, оптимальная организация страницы со скриптами.
- Дерево DOM, особенности разработки в современных браузерах с отмирающей, но иногда нужной поддержкой старых.
- Динамическая генерация интерфейса - методы DOM, их грамотное использование.
- События, взаимодействие с посетителем.
- Основы и тонкости работы с различными событиями для решения основных интерфейсных задач.
- Drag'n'Drop, по окну и внутри элемента
- Паттерн "делегирование", оптимизация производительности и архитектуры, чтобы интерфейсы не тормозили.
- Объектно-ориентированная разработка, компонентная архитектура с использованием ООП, событий и DOM.
- AJAX
- Общение с сервером при помощи XMLHttpRequest.
- Использование Promise для асинхронных цепочек вызовов.
3 часть
На практике эти части не так чтобы резко отделены друг от друга, переход между ними плавный. Продвинутые темы используют элементы предыдущих.
- Сборка кода.
- Node.JS как средство запуска полезных утилит.
- Организация скриптов, стилей и других компонентов проекта на диске.
- Шаблонизация, системы организации шаблонов и детали их работы.
- Современные технологии Frontend-сборки, Webpack.
- Архитектура сложных интерфейсов.
- Взаимодействие компонент через события и не только.
- Проекты с большим количеством компонент.
- Куда дальше?
- Обзор фреймворков (AngularJS, React.js), куда двигаться дальше.
Время обучения: 2 месяца, включая 10 дней каникул с самостоятельно выполняемым заданием, плюс видеокурс за неделю до начала занятий.
Последнее редактирование модератором:
- Статус
- В этой теме нельзя размещать новые ответы.