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