Описание
DOM является основой фронтенд разработки. Работа с любыми фреймворками и библиотеками начинается с понимания этой темы. Основные темы, которые будут рассмотрены в данном курсе: * Манипуляции DOM деревом * BOM * Полифиллы * Инструменты разработчика в браузерах * AJAX * JqueryПререквизиты
JS: Асинхронное программированиеУроки курса
-
2
JavaScript в браузере
Научиться использовать js в браузере. Узнать об отличиях между серверным и клиентским js. -
3
Глобальный объект Window
Познакомиться с глобальными объектами предоставляемыми браузером. Разобрать некоторые компоненты BOM, например, навигацию, работу с историей, ссылками. -
5
DOM Дерево
Познакомиться со структурой DOM дерева. Научиться перемещаться по ней. -
6
Поиск по дереву
Познакомиться с поисковыми методами: `getElementById`, `querySelector` и другими. -
9
Манипулирование DOM деревом
Научиться изменять DOM дерево, добавлять и удалять элементы. -
10
Управление элементами DOM
Научиться модифировать элементы. Понять разницу между атрибутами и свойствами. -
12
Введение в события
Познакомиться с событийной моделью браузера. Научиться использовать события и создавать интерактивные приложения. -
13
Перехват и всплытие
Разобраться со стадиями событий. Научиться перехватывать события и останавливать их всплытие. -
14
События документа
Познакомиться с событиями возникающими при загрузке и выгрузке документа. -
15
AJAX
Научиться выполнять AJAX запросы используя современное API браузера - fetch -
16
JQuery
Научиться пользоваться библиотекой JQuery. Узнать почему ее требуют в каждой вакансии, но компании продолжают отказываться от ее использования. -
17
Состояние приложения
Научиться видеть состояние приложения и выделять его. Познакомиться с тем как разделять фронтенд на модули.
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.
| # | Задание | % завершений |
|---|---|---|
| 1 | Модальное окно | 79% |
| 2 | Пятнашки | 65% |
| 3 | Прогресс | 90% |
Автор
Сооснователь и технический директор образовательного проекта Hexlet. Соорганизатор конференции Nastachku.ru. В прошлом руководил филиалом undev.ru в Ульяновске, а до этого работал в Qik (Skype). Создает инженерную культуру в компаниях и несет в массы XP, DDD и DevOps. Евангелист ментального программирования.
Впечатления
Хорошее задание, встряхнул мозги наконец-то! У меня слишком подробная декомпозиция получилась, но я получил удовлетворение. )) https://ru.hexlet.io/code_reviews/48670
Не придумал как по-простому определять, что цель события находится рядом с пустой ячейкой. Пришлось городить огород. В решении учителя определение соседней ячейки просто космос.
