JS: DOM API (17)

Браузер это особая среда, в которой JavaScript получает возможность взаимодействовать с загруженными страницами сайтов. Для этого браузер предоставляет специальные объекты с большим количеством методов. С их помощью можно выполнять любые преобразования HTML добавляя интерактивность на странице. Не важно какой используется фреймворк или библиотека, все они, в конечном итоге, работают через эти объекты. Знание этой темы – основа фронтенд разработки, на которую нанизывается все остальное.

Чему вы научитесь:

• Оживлять веб-страницы добавляя в них интерактивность
• Взаимодействовать с любыми элементами на странице, выбирать их или изменять
• Обеспечивать универсальную работу JavaScript в любом браузере
• Правильно обрабатывать формы
• Выполнять AJAX запросы на сервер
• Использовать JQuery для обработки DOM

Уроки курса

• 1ВведениеПознакомиться с курсом и его целямитеория
• 2JavaScript в браузереНаучиться использовать js в браузере. Узнать об отличиях между серверным и клиентским js.теориятестыупражнение
• 3Глобальный объект WindowПознакомиться с глобальными объектами предоставляемыми браузером.теориятестыупражнение
• 4Что такое DOM?Узнать о том чем HTML отличается от DOMтеориятестыупражнение
• 5Навигация по DOM-деревуПознакомиться со структурой DOM дерева. Научиться перемещаться по ней.теориятестыупражнение
• 6Декларативный поиск по DOM-деревуПознакомиться с поисковыми методами: getElementById, querySelector и другими.теориятестыупражнение
• 7Консоль разработчикаНаучиться пользоваться консолью разработчика в браузере.теория
• 8ТестыПознакомиться с системным тестированиемтеориятесты
• 9Манипулирование DOM деревомНаучиться изменять DOM дерево, добавлять и удалять элементы.теориятестыупражнение
• 10Управление узлами DOMНаучиться модифицировать элементы. Понять разницу между атрибутами и свойствами.теориятестыупражнение
• 11ПолифиллыУзнать каким образом нивелировать различия между браузерами при работе с DOMтеория
• 12Введение в событияПознакомиться с событийной моделью браузера. Изучить базовые события и их особенности работы.теориятестыупражнение
• 13События на практикеНаучиться создавать интерактивные компонентытеорияупражнение
• 14ФормыНаучиться правильно обрабатывать формытеориятестыупражнение
• 15Перехват и всплытиеРазобраться со стадиями событий. Научиться перехватывать события и останавливать их всплытие.теориятестыупражнение
• 16События документаПознакомиться с событиями возникающими при загрузке и выгрузке документа.теория
• 17AJAXНаучиться выполнять AJAX запросы используя современное API браузера - fetchтеориятестыупражнение
• 18JQueryНаучиться пользоваться библиотекой JQuery. Узнать почему ее требуют в каждой вакансии, но компании продолжают отказываться от ее использования.теориятестыупражнение

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.

1Модальное окно83%

2Пятнашки70%

3Прогресс90%

Хештеги