курс
JS: DOM API
DOM является основой фронтенд разработки. Работа с любыми фреймворками и библиотеками начинается с понимания этой темы. Основные темы, которые будут рассмотрены в данном курсе:
- Манипуляции DOM деревом
- BOM
- Полифиллы
- Инструменты разработчика в браузерах
- AJAX
- Jquery
Сначала рекомендуем пройти курс JS: Асинхронное программирование
1.
Введение
Познакомиться с курсом и его целями
2.
JavaScript в браузере
Научиться использовать js в браузере. Узнать об отличиях между
серверным и клиентским js.
3.
Глобальный объект Window
Познакомиться с глобальными объектами предоставляемыми браузером.
Разобрать некоторые компоненты BOM, например, навигацию, работу с историей,
ссылками.
4.
Что такое DOM?
Узнать о том чем html отличается от dom.
5.
DOM Дерево
Познакомиться со структурой DOM дерева. Научиться перемещаться по ней.
6.
Поиск по дереву
Познакомиться с поисковыми методами: `getElementById`, `querySelector` и другими.
7.
Консоль разработчика
Научиться пользоваться консолью разработчика в браузере.
8.
Тесты
Познакомиться с системным тестированием
9.
Манипулирование DOM деревом
Научиться изменять DOM дерево, добавлять и удалять элементы.
10.
Управление элементами DOM
Научиться модифировать элементы. Понять разницу между аттрибутами и свойствами.
11.
Полифиллы
Узнать каким образом невеилировать различия между браузерами при работе с DOM
12.
Введение в события
Познакомитья с событийной моделью браузера. Научиться использовать события и создавать интерактивные приложения.
13.
Перехват и всплытие
Разобраться со стадиями событий. Научиться перехватывать события и останавливать их всплытие.
14.
События документа
Познакомиться с событиями возникающими при загрузке и выгрузке документа.
15.
AJAX
Научиться выполнять AJAX запросы используя современное API браузера - fetch
16.
JQuery
Научиться пользоваться библиотекой JQuery. Узнать почему ее требуют в каждой вакансии, но компании продолжают отказываться от ее использования.
17.
Состояние приложения
Научиться видеть состояние приложения и выделять его. Познакомиться с тем как разделять фронтенд на модули.
18.
MVC
Познакомиться с архитектурой Model-View-Controller
★ Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.
| # | Задание | % завершений |
|---|---|---|
| 1 | Модальное окно | 77% |
| 2 | Пятнашки | 61% |
| 3 | Прогресс | 88% |
Статистика
и ответа
Учитель
Сооснователь и технический директор образовательного проекта Hexlet. Соорганизатор конференции Nastachku.ru. В прошлом руководил филиалом undev.ru в Ульяновске, а до этого работал в Qik (Skype). Создает инженерную культуру в компаниях и несет в массы XP, DDD и DevOps. Евангелист ментального программирования.