HTML Code Play: Learn HTML

Impara lo sviluppo web modificando il codice e osservandone il funzionamento. HTML Code Play combina lezioni di HTML, CSS e JavaScript con un editor di codice per dispositivi mobili, esempi eseguibili, quiz e giochi di programmazione. Usalo per studiare un concetto, metterlo in pratica e tenere traccia dei tuoi progressi sullo stesso dispositivo.

LEGGI, MODIFICA ED ESEGUI

Esplora il catalogo di apprendimento, apri un tutorial e leggi la sua spiegazione insieme a un esempio di codice completo. Invia l'esempio all'editor, esegui l'originale, quindi modifica un tag, uno stile o un'espressione e confronta il risultato. Questo flusso di lavoro pratico collega la sintassi che leggi con la pagina o il comportamento che crea.

L'area di lavoro supporta la modifica di HTML, CSS e JavaScript con evidenziazione della sintassi. Usa Annulla e Ripristina durante la sperimentazione, cerca il testo, vai a una riga e regola la dimensione del carattere dell'editor. Crea una nuova pagina o scegli un modello disponibile quando desideri un punto di partenza. Apri file HTML, salva il tuo lavoro, usa Salva con nome per crearne una copia o condividi un file di codice tramite le opzioni di condivisione del tuo dispositivo.

APPRENDIMENTO GUIDATO E PRATICA

Il catalogo copre 11 argomenti di tecnologia web, dalla struttura e dallo stile delle pagine alla programmazione, alla grafica vettoriale, ai layout responsivi e agli esempi interattivi. Cerca le lezioni per titolo o sezione per trovare il materiale di cui hai bisogno. Aggiungi i tutorial utili per una revisione mirata, aggiungi le tue note e passa da un tutorial all'altro con i pulsanti Precedente e Successivo.

Ogni tutorial include spiegazioni, sintassi ed un esempio pratico. Completa l'apprendimento con un quiz sull'argomento o una sfida pratica. Gli esercizi pratici ti chiedono di completare il codice mancante, con suggerimenti e feedback per aiutarti a esaminare i dettagli che hai tralasciato. I risultati del quiz ti permettono di verificare la comprensione prima di tornare alla lezione.

SEI MODI PER FARE PRATICA

Scegli un gioco di programmazione per esercitarti su una competenza diversa:

- Code Builder: riordina i blocchi per ricostruire un codice funzionante.

- Output Detective: prevedi cosa produce un frammento di codice.

- Bug Hunt: identifica una riga di codice errata.

- Fill the Gap: scegli il token di codice mancante.

- Match Lab: collega i termini ai loro significati.

- Rapid Fire: rispondi a domande vero/falso entro un tempo limite.

I livelli di attività registrano i risultati e sbloccano il livello successivo. Rigioca i livelli disponibili per migliorare il tuo punteggio o utilizza le playlist di pratica miste non appena saranno disponibili.

MANTENETE IL VOSTRO APPRENDIMENTO ORGANIZZATO

La schermata dei progressi riassume le lezioni, i quiz e gli esercizi rivisti, suddivisi per tecnologia. Controlla la tua mappa delle competenze e il piano di studio successivo suggerito, continua una lezione da casa e accetta una sfida giornaliera. Le serie di successi e i badge delle sfide rendono visibile la tua attività. I ​​promemoria di apprendimento opzionali richiedono l'autorizzazione per le notifiche e possono essere disattivati.

I tuoi progressi nelle lezioni, le note e i risultati dei giochi vengono memorizzati sul dispositivo. I controlli della schermata di apprendimento includono caratteri più grandi, contrasto elevato e movimento ridotto. Valutazioni separate di HTML, CSS e JavaScript offrono certificati di completamento in-app; questi sono registri di apprendimento dell'app, non una qualifica accreditata.

I post della community online offrono un'ulteriore fonte di codice da esplorare quando si è connessi. I contenuti di rete e gli esempi che caricano risorse esterne richiedono l'accesso a Internet; la memorizzazione locale dei progressi non fornisce la sincronizzazione cloud.

Per i principianti, gli studenti e coloro che ripassano i concetti di front-end, iniziate con un esempio, apportate una piccola modifica e consolidate la comprensione attraverso la pratica.