Основно съдържание

Раздел: HTML/JS: Създаване на интерактивни уеб страници

За този урок

След като приключи Въведение в JS и Въведение в HTML/CSS, мини през този курс, за да научиш как да използваш HTML/CSS с приложно-програмния интерфейс Javascript DOM, за да правиш своите уебстраници интерактивни.

Приготви се да направиш страниците си интерактивни

Хайде да се научим как да направим уеб страниците си интерактивни с HTML, JavaScript и DOM API! Открий как с нашите преговорни тестове в следното ръководство!

Учи

JS и DOM

Научи как да използваш JavaScript, за да контролираш "DOM" (Document Object Model) на една уеб страница.

Учи

Упражнения

Разбиране на DOM
4 въпроса

Методи за достъп на DOM

Научи как да използваш DOM API с JavaScript, за да достъпваш елементи на твоите уеб страници.

Учи

DOM модификация

Научи се как да използваш DOM API с JavaScript, за да манипулираш аспекти на елементите на своите уеб страници, като стилове и атрибути, и да създаваш нови елементи от нулата.

Учи

DOM събития

Научи се как да използваш DOM API с JavaScript, за да могат твоите уеб страници да реагират на събитията на потребителя, като щракане, скролване и въвеждане на полета във форми.

Учи

DOM анимация

Научи се как да анимираш части от своята уеб страница, като използваш три различни техники – window.setInterval, window.requestAnimationFrame и CSS animations/transitions.