Основные возможности платформы Hexlet не доступны в вашем браузере. Пожалуйста, обновитесь.

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

    Манипулирование DOM деревом

    Цель: Научиться изменять DOM дерево, добавлять и удалять элементы.

    теория   тесты   практика  
  • 9

    Управление элементами DOM

    Цель: Научиться модифировать элементы. Понять разницу между аттрибутами и свойствами.

    теория   тесты   практика  
  • 10

    Полифиллы

    Цель: Узнать каким образом невеилировать различия между браузерами при работе с DOM

    теория  
  • 11

    Введение в события

    Цель: Познакомитья с событийной моделью браузера. Научиться использовать события и создавать интерактивные приложения.

    теория   тесты   практика  
  • 12

    Перехват и всплытие

    Цель: Разобраться со стадиями событий. Научиться перехватывать события и останавливать их всплытие.

    теория   практика  
  • 13

    События документа

    Цель: Познакомиться с событиями возникающими при загрузке и выгрузке документа.

    теория  
  • 14

    AJAX

    Цель: Познакомиться с курсом, его целями и проектом.

    теория   практика  
  • 15

    JQuery

    Цель: Научиться пользоваться библиотекой JQuery. Узнать почему ее требуют в каждой вакансии, но компании продолжают отказываться от ее использования.

    теория   практика  
  • Продолжение следует

  • Практика после курса

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

    # Задание % завершений
    1 Пятнашки 66%

Подробнее о курсе

Учащихся
259
Сообщений
93
Упражнений
7
Часов
5

Практика после курса

1 Пятнашки