Включено в курс
Чему вы научитесь
- Оживлять веб-страницы добавляя в них интерактивность
- Взаимодействовать с любыми элементами на странице, выбирать их или изменять
- Обеспечивать универсальную работу JavaScript в любом браузере
- Правильно обрабатывать формы
- Выполнять AJAX запросы на сервер
- Использовать JQuery для обработки DOM
Описание
Браузер — это особая среда, в которой JavaScript получает возможность взаимодействовать с загруженными страницами сайтов. Для этого браузер предоставляет специальные объекты с большим количеством методов. С их помощью можно выполнять любые преобразования HTML, добавляя интерактивность на странице. Не важно какой используется фреймворк или библиотека, все они, в конечном итоге, работают через эти объекты. Знание этой темы – основа фронтенд разработки, на которую нанизывается все остальное.
Уроки курса
-
2
JavaScript в браузере
Научиться использовать js в браузере. Узнать об отличиях между серверным и клиентским js. -
4
BOM объекты
Познакомиться с объектами, позволяющими управлять браузером через JavaScript -
6
Навигация по DOM-дереву
Познакомиться со структурой DOM дерева. Научиться перемещаться по ней. -
7
Декларативный поиск по DOM-дереву
Познакомиться с поисковыми методами: getElementById, querySelector и другими. -
9
Манипулирование DOM деревом
Научиться изменять DOM дерево, добавлять и удалять элементы. -
10
Управление узлами DOM
Научиться модифицировать элементы. Понять разницу между атрибутами и свойствами. -
12
Введение в события
Познакомиться с событийной моделью браузера. Изучить базовые события и их особенности работы. -
15
Перехват и всплытие
Разобраться со стадиями событий. Познакомиться с тем как можно перехватить всплывающее событие и остановить его распространение. -
16
События документа
Познакомиться с событиями возникающими при загрузке и выгрузке документа. -
17
AJAX
Научиться выполнять AJAX запросы используя современный API браузера - fetch -
18
JQuery
Научиться пользоваться библиотекой JQuery. Узнать почему её требуют в каждой вакансии, но компании продолжают отказываться от её использования. -
19
Самостоятельная работа
Дополнительные задания, которые позволяют закрепить полученную теорию -
20
Дополнительные материалы
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса
Формат обучения
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже
Впечатления

Спасибо команде Хекслета за такие упражнения ! Когда сам реализовываешь подобную функциональность, да еще и все работает, то мотивация взлетает до небес!)
P.s
Я несколько часов мучился из-за того, что не понял как должна выглядеть результирующая строка запроса на сервер. Ошибка была именно в части запроса. Я думал, что должно быть так: ....?capital=moscow
, а оказалось так: ....?search=moscow

Спасибо за такое интересное задание =) Решение конечно не такое красивое и компактное, как у учителя, но тесты прошло с первого раза =)

очень хороший урок, побольше бы таких, с разбором хитрых кейсов из практики

Понравилось задание. Решение учителя элегантное. Спасибо команде Hexlet за ваш труд.

Очень интересное задание (второе подряд)! Результат полученный не может не радовать. Интересно покликать свою работу.
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

