If you're seeing this message, it means we're having trouble loading external resources on our website.

Se sei dietro un filtro web, assicurati che i domini *. kastatic.org e *. kasandbox.org siano sbloccati.

Contenuto principale

Unità: HTML/JS: Fare pagine Web interattive

Impara a rendere le tue pagine Web interattive

Impara
Benvenuto al tutorial su come rendere interattive le pagine web
(Opens a modal)
Ripasso di HTML/CSS
(Opens a modal)
Ripasso di JavaScript
(Opens a modal)
Allenati
HTML/CSS recap
5 domande
JavaScript recap
12 domande

JS e il DOM

Impara
Putting JS in a webpage
(Opens a modal)
Challenge: A scripted script tag
(Opens a modal)
The DOM (Document Object Model)
(Opens a modal)
Fare il debug delle pagine web con la console del browser
(Opens a modal)
Allenati
Understanding the DOM
4 domande

Metodi di accesso al DOM

Impara
Finding elements by ID
(Opens a modal)
Challenge: ID changer
(Opens a modal)
Finding multiple DOM elements by tag or class name
(Opens a modal)
Challenge: Custom name tags
(Opens a modal)
Finding elements by CSS selector
(Opens a modal)
Challenge: Query modernizer
(Opens a modal)
Summary: DOM access methods
(Opens a modal)

Modifiche al DOM

Impara
Changing attributes
(Opens a modal)
Challenge: Avatar attributes
(Opens a modal)
Changing styles
(Opens a modal)
Challenge: Style guide
(Opens a modal)
Changing CSS classes
(Opens a modal)
Challenge: Classification
(Opens a modal)
Setting innerHTML and textContent
(Opens a modal)
Challenge: The inside story
(Opens a modal)
Creating elements from scratch
(Opens a modal)
Challenge: Create a solar system
(Opens a modal)
Summary: DOM modification techniques
(Opens a modal)

Eventi DOM

Impara
Rendere le pagine web interattive con gli eventi
(Opens a modal)
Adding an event listener
(Opens a modal)
Challenge: Cat Clicker
(Opens a modal)
DOM event types
(Opens a modal)
Using the event properties
(Opens a modal)
Challenge: Cat-stache
(Opens a modal)
Processing forms with events
(Opens a modal)
Challenge: Mad Libs
(Opens a modal)
Preventing default behavior of events
(Opens a modal)
Summary: DOM events
(Opens a modal)

Animazioni DOM

Impara
The window object
(Opens a modal)
Animating DOM with setInterval
(Opens a modal)
Challenge: Stopwatch
(Opens a modal)
Animating styles with requestAnimationFrame
(Opens a modal)
Challenge: Catwalk
(Opens a modal)
Animating styles with CSS animations
(Opens a modal)
What DOM animation technique should you use?
(Opens a modal)

Come usare le librerie JS nella tua pagina Web

Impara
What's a JS library?
(Opens a modal)
Using a JS library: Slideshow library
(Opens a modal)
Where are JS libraries hosted?
(Opens a modal)
Il mondo delle librerie JS
(Opens a modal)
Which JS library should you use?
(Opens a modal)
Allenati
Using JS libraries
5 domande

Continua a imparare

Impara
Cosa imparare dopo
(Opens a modal)

Su questa unità

Una volta che avrai fatto sia l'introduzione a JS e ad HTML/CSS, fai questo corso per imparare come usare HTML/CSS con le API Javascript DOM per realizzare le tue pagine web interattive.