---
title: Tutorial
slug: Web/Tutorials
tags:
- CSS
- Codice
- Design_Web
- HTML
- JavaScript
- MDN
- Tutorial
translation_of: Web/Tutorials
---
I collegamenti presenti su questa pagina portano ad una grande varietà di tutorial e di materiali di formazione. Che voi siate principianti o utenti più esperti, qui potrete trovare risorse utili riguardo alle migliori pratiche dello sviluppo del Web. Queste risorse sono create da compagnie lungimiranti ed impresari che hanno adottato standard aperti e pratiche affinate allo sviluppo del Web, e che forniscono o consentono traduzioni tramite opere a contenuto aperto come Creative Commons.
Tutorial di HTML
Livello preliminare
- Introduzione a HTML
- Cos'è HTML, cosa consente di fare, la sua storia in breve e come si presenta la struttura di un documento HTML. Gli articoli che seguono il presente prendono in esame ogni singola parte di HTML in maniera molto più approfondita.
- Struttura base di una pagina Web (SitePoint) - EN
- Impara come gli elementi di HTML si assemblano in un quadro più ampio.
- MDN HTML Element Reference
- Una fonte esauriente di elementi di HTML, e come essi sono supportati dai differenti browser.
- Sfide di HTML (Wikiversity) - EN
- Serviti di queste prove per affinare le tue abilità circa HTML(per esempio, "Devo usare un elemento <h2> o un elemento <strong> "), focalizzandoti su significativi mark-up.
Livello avanzato
- Suggerimenti per creare pagine Web che carichino velocemente
- Ottimizza le pagine Web per fornire ai visitatori un sito sempre più esaustivo e ridurre il carico sul tuo server web e sulla connessione Internet.
- Tutorial di HTML5 (HTML5 Rocks) - EN
- Inizia una visita guidata attraverso il codice che fa uso delle caratteristiche di HTML5.
- La semantica di HTML5 (A List Apart) - EN
- Impara significativi markup, estensibili e compatibili tanto con versioni precedenti quanto con quelle successive.
- Tutorial di Canvas
- Impara a disegnare grafici impiegando script che adoperano l'estensione canvas.
- HTML5 Doctor - EN
- Articoli circa l'utilizzo di HTML5 proprio qui. Proprio ora.
- Un motivo di orgoglio: L' Audio di HTML5 (Elated) - EN
- Impara ad utilizzare l'attributo audio con lo scopo di includere facilmente i suoni nelle tue pagine Web. In questo tutorial sono inclusi diversi codici di esempio.
Tutorial di JavaScript
Livello preliminare
- Codecademy (Codecademy) - EN
- Codecademy è un modo semplice per imparare a programmare JavaScript. Codecademy è interattivo, quindi puoi spenderci del tempo con i tuoi amici.
- Per cominciare con JavaScript
- Che cos'è JavaScript? Come può esserti utile?
Livello intermedio
- Una reintroduzine a JavaScript
- Un riepilogo del linguaggio di programmazione di JavaScript destinato ai programmatori di livello intermedio.
- Eloquent JavaScript - EN
- Una guida esaustiva riguardo metodologie intermedie ed avanzate di JavaScript.
- Essenziali schemi progettuali di JavaScript (Addy Osmani) - EN
- Un'introduzione agli essenziali schemi progettuali di JavaScript.
- Il linguaggio di programmazione di JavaScript (YUI Blog) - EN
- Douglas Crockford analizza l'attuale linguaggio di programmazione e quello dei giorni che verranno.
- Introduzione al paradigma Object-Oriented JavaScript
- Impara riguardo al modello a oggetti di JavaScript.
Livello avanzato
- Guida a JavaScript
- Una guida a JavaScript, esaustiva e regolarmente aggiornata, per tutti i livelli di apprendimento, da principiante a esperto.
- Apprendimento di Advanced JavaScript (John Resig) - EN
- La guida di John Resig a un utilizzo avanzato di JavaScript.
- Introduzione a JavaScript DOM (Elated) - EN
- Che cos'è il modello a oggetti del documento? E perchè esso è utile? Questo articolo ti offre una delicata introduzione a questa efficace caratteristica di JavaScript.
- Un API scomodo: La Teoria del DOM (YUI Blog) - EN
- Douglas Crockford illustra il modello a oggetti del documento.
- Advanced JavaScript (YUI Blog) - EN
- Douglas Crockford osserva minuziosamente ai modelli del codice dai quali i programmatori di JavaScript possono attingere nella trascrizione delle loro applicazioni.
- JavaScript Garden - EN
- Una Documentazione delle parti più peculiari di JavaScript.
- Non-Blocking JavaScript Downloads (YUI Blog) - EN
- Suggerimenti nel migliorare la prestazione di scaricamento di pagine contenenti JavaScript.
- Schemi di Javascipt - EN
- Una collezione di pattern e antipattern di JavaScript che comprende function patterns, jQuery patterns, jQuery plugin patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns, code reuse patterns, DOM.
- Come funzionano i browser - EN
- Un articolo dettagliato nel quale sono descritti diversi browser recenti, i loro motori, il rendering della pagina etc.
Tutorial di CSS
Livello preliminare
- Introduzione a CSS
- Questo tutorial ti presenta Cascading Style Sheets (CSS). verrai guidato attraverso le caratteristiche di base di CSS tramite esempi pratici che potrai sperimentare sul tuo stesso computer.
- Selezionatore di Classi di CSS (Wikiversity) - EN
- Che cosa sono le classi di CSS?
- CSS esterno (Wikiversity) - EN
- Usare CSS esterno al codice HTML
- Aggiungendo un tocco di stile (W3C) - EN
- Una breve guida per principianti su come adornare pagine Web con CSS.
- Domande frequenti su CSS
- Domande frequenti e risposte per principianti..
- Selezionatori di CSS
- Un' introduzione ai selezionatori di CSS
Livello intermedio
- Fonte di CSS
- Fonte esaustiva di CSS, con dettagli di compatibilità con Firefox ed altri browser.
- Sfide di CSS (Wikiversity) - EN
- Metti alla prova le tue abilità di CSS, e rileva dove hai bisogno di più esercizio.
- Concetti intermedi CSS (HTML.net) - EN
- Classificazioni, pseudo-classe, e altro.
- Posizionamento 101 CSS (Una lista a parte)
- Usa il posizionamento per standards-compliant, table-free layout.
- Progressivo miglioramento con CSS (Una lista a parte) - EN
- Migliora progressivamente la tua pagina web con CSS.
- Griglie fluide (Una lista a parte) - EN
- Disegna layout che ridimensionano fluidamente la finestra del browser, mentre è ancora in uso una griglia tipografica.
Livello avanzato
- Usare le trasformazioni di CSS
- Applica la rotazione, inclinando, mettendo in scala e traducendo con CSS.
- Transizioni di CSS
- Transizioni di CSS, parte della bozza di specificazione di CSS3 , fornisce un modo per animare i cambi nelle proprietà di CSS, invece che i cambi abbiano effetto immediatamente.
- Guida veloce per applicare caratteri Web con @font-face (HTML5 Rocks) - EN
- La funzione @font-face di CSS3 ci consente di utilizzare caratteri familiari sul Web in modo accessibile, maneggiabile e modulare.
- Iniziare a scrivere in CSS (David Walsh) - EN
- Un' introduzione a strumenti e metodologie per scrivere con CSS in modo più succinto, modulare e sostenibile.