Imparare HTML: Corso Code
Imparare HTML: Corso Code — Un corso di HTML con editor di anteprima live sempre in tasca
Imparare HTML: Corso Code è un corso di HTML per iPhone e Android che mette un editor HTML con anteprima live a un tocco di distanza da ogni lezione. Scrivi un tag, guarda la pagina prendere forma e passa dal primo titolo a moduli, tabelle, HTML5 semantico, accessibilità e componenti web attraverso 40 brevi corsi.
- Prezzo
- Gratis, upgrade a Pro
- Piattaforme
- iOS e Android
- Lingue
- 22
- Classificazione per età
- 4+
- Requisiti
- iOS 15.1 o versioni successive
- App Store
- 3.0 ★ (1)
Un tag acquista significato quando lo hai visto disegnare qualcosa.
HTML è un linguaggio di markup, quindi il modo più rapido per capire un nuovo elemento è scriverlo e guardare il risultato. Ogni lezione di questa app termina con l’editor già aperto, con l’anteprima accanto al markup; aggiungi file CSS o JavaScript solo quando sei pronto per usarli.
Cos'è
Imparare HTML: Corso Code è un corso di HTML per iOS e Android gratuito per iniziare, che insegna il markup delle pagine web attraverso 40 corsi e 159 brevi lezioni, ordinate dal livello principiante (A1) a quello avanzato (C1). Ogni argomento è affiancato da un editor di codice HTML integrato con anteprima istantanea, 20 progetti guidati come un modulo di contatto e una tabella dei prezzi accessibile, 20 missioni di debugging e un mentore AI: così anche chi parte da zero può passare da un documento vuoto a pagine semantiche, accessibili e ben strutturate.
Dentro l'app
Come si presenta
Il corso
Cosa comprende il corso HTML
40 corsi e 159 lezioni tratti dall’elenco dei corsi dell’app, nell’ordine in cui vengono insegnati dal percorso.
Struttura del documento, testo, link, immagini ed elenchi
Lo scheletro di ogni pagina: la struttura del documento, titoli e paragrafi, link e navigazione, immagini e figure, ed elenchi ordinati e non ordinati.
Tabelle, attributi e attributi globali
Organizzare i dati nelle tabelle, quindi usare gli attributi che regolano un elemento, compresi quelli globali che funzionano con ogni tag.
Form: basi, controlli avanzati e validazione
Prima gli input di base, poi i controlli più avanzati e infine gli attributi di validazione che consentono al browser di verificare un campo prima dell’invio.
HTML5 semantico, head e metadati, audio e video
Gli elementi semantici, l’head del documento e i relativi metadati, oltre agli elementi audio e video.
Accessibilità, ruoli ARIA e pattern ARIA avanzati
Le basi dell’accessibilità, i ruoli e gli attributi ARIA e i pattern avanzati usati per i widget personalizzati.
Attributi data, template, canvas, SVG e iframe
Attributi data personalizzati, template HTML, l’elemento canvas, SVG all’interno di HTML e contenuti incorporati negli iframe.
Web Storage, trascinamento, SEO e template per email
Web Storage e API per il trascinamento, SEO e meta tag social, oltre alle regole specifiche dei template HTML per email.
Web Components, prestazioni e HTML su larga scala
Elementi personalizzati, shadow DOM, import maps e progressive enhancement, oltre a prestazioni, sicurezza, PWA e testing, fino all’HTML su larga scala.
Come funziona
Come impari un tag, dalla lettura al rendering
Una lezione è breve e l’editor si trova accanto, quindi leggere un concetto e metterlo alla prova avvengono nella stessa sessione.
Leggi una breve lezione
Riprendi il percorso di apprendimento da dove ti eri fermato. Ogni lezione tratta una singola idea, come un elenco non ordinato o un’immagine con testo alt, e dura pochi minuti.
Scrivilo nell’editor e guarda l’anteprima
Apri l’editor e scrivi il markup. L’anteprima ridisegna la pagina e le schede CSS e JavaScript sono pronte quando vuoi dare stile alla pagina o farla reagire.
Controlla, correggi e costruisci
Un quiz e una sfida di coding concludono ogni argomento. Quando un tag o un errore non è chiaro, il mentore AI te lo spiega; una missione di debugging ti consegna una pagina non funzionante da riparare e un progetto guidato ti permette di costruire qualcosa da mostrare.
Cosa include
Che cosa contiene Learn HTML
40
Corsi dal livello A1 al C1
Le 159 lezioni partono dalla struttura del documento, dal testo, dai link, dalle immagini e dagli elenchi, per arrivare a tabelle, moduli e HTML5 semantico, fino ad accessibilità, componenti web, sicurezza e History and Navigation API.
Live
Editor HTML con anteprima
Scrivi il markup e guarda la pagina renderizzata aggiornarsi. Puoi aggiungere file CSS e JavaScript allo stesso progetto, così un semplice documento si trasforma in un piccolo sito web funzionante.
20
Progetti guidati
Progetti passo dopo passo, tra cui una pagina con ricette, un modulo di contatto, una galleria fotografica, una barra di navigazione e una tabella dei prezzi accessibile.
20
Missioni di debugging
Problemi reali da individuare: un modulo di registrazione che non invia nulla, un’etichetta che nessuno può toccare, una pagina che su un telefono si carica già rimpicciolita.
80
Cheat sheet dei tag
Un elenco di consultazione con 80 tag, elementi e attributi HTML, per quando sai che cosa vuoi fare ma non come si chiama.
50
Domande da colloquio
Cinquanta domande da colloquio per sviluppatori web con risposte chiare, oltre a una libreria di codice con brevi esempi che puoi aprire e modificare e uno spazio per salvare il tuo codice e le tue note.
Contesto
Che cos’è HTML e si può imparare digitando su un telefono?
HTML (HyperText Markup Language) è il linguaggio che descrive la struttura di una pagina web: quale testo è un titolo, quale è un paragrafo, dove porta un link e che cosa chiede un modulo. Non è un linguaggio di programmazione, quindi non ci sono loop o variabili con cui combattere: ecco perché è il primo passo abituale nello sviluppo web. Poiché il risultato è visibile nel momento stesso in cui lo scrivi, HTML si presta bene alle brevi sessioni sul telefono: un tag è abbastanza piccolo da poter essere digitato con un pollice e un’anteprima mostra subito se ha funzionato.
Elementi, tag e attributile tre parole che ricorrono in ogni lezione
Un elemento è una parte di contenuto dotata di significato, scritta tra un tag di apertura e uno di chiusura, per esempio un paragrafo o un elemento di elenco. Gli attributi si trovano all’interno del tag di apertura e lo modificano, ad esempio indicando l’indirizzo a cui porta un link o il testo che descrive un’immagine. Quasi tutti gli errori dei principianti sono dovuti a un tag di chiusura mancante o a un attributo collocato nel posto sbagliato.
HTML semanticotitoli, navigazione, main e footer
Gli elementi semantici indicano che cos’è un blocco della pagina, anziché descriverne l’aspetto. Una barra di navigazione, un articolo e un footer hanno ciascuno il proprio elemento: questo aiuta gli screen reader, i motori di ricerca e chiunque debba modificare la pagina in seguito. È l’abitudine che distingue una pagina ordinata da un mucchio di contenitori generici.
HTML, CSS e JavaScriptchi fa cosa
HTML contiene la struttura e i contenuti, CSS controlla l’aspetto di quei contenuti e JavaScript aggiunge comportamenti, come reagire a un clic. Imparare prima HTML offre agli altri due qualcosa a cui collegarsi. L’editor dell’app mette a disposizione schede separate per HTML, CSS e JavaScript, così puoi tenere distinti i tre compiti fin dall’inizio.
Moduli e accessibilitàdove le pagine semplici diventano serie
I moduli sono il modo in cui una pagina chiede qualcosa al visitatore e sono anche il punto da cui iniziano la maggior parte dei problemi di accessibilità: un’etichetta che nessuno può toccare, un campo che uno screen reader non riesce a identificare. Etichette, attributi di convalida e ruoli ARIA sono piccoli elementi di markup che determinano se una pagina funziona per tutti.
Adatta
A chi è adatta — e a chi no
Fa al caso tuo se
- Stai scrivendo la tua prima pagina web e vuoi che ogni tag venga spiegato prima di usarlo
- Impari meglio quando puoi vedere subito il risultato di ogni riga
- Gestisci un blog, una pagina di un negozio o un portfolio e vuoi modificare il markup che c’è dietro
- Vuoi passare a CSS, JavaScript o al lavoro front-end e desideri prima costruire basi solide
- Ti stai preparando per un colloquio da sviluppatore web e vuoi esercitarti con alcune domande
Non è lo strumento giusto se
- Ti serve un flusso di lavoro completo su desktop, con file, cartelle e un server locale
- Ti aspetti che ogni corso sia gratuito; il primo corso, il primo progetto guidato e due missioni sono inclusi, mentre Pro sblocca tutto il resto
- Scrivi già HTML di produzione ogni giorno e vuoi un riferimento anziché un corso
- Vuoi imparare uno strumento di design; qui si parla di markup e del codice che sta dietro alle pagine
Domande
Domande frequenti
Cos’è Imparare HTML: Corso Code?
Imparare HTML: Corso Code è un’app per iPhone e Android che insegna HTML dal primo tag fino agli argomenti avanzati. Combina 40 brevi corsi con un editor HTML integrato e un’anteprima live, 20 progetti guidati, 20 missioni di debugging e un mentore AI. È gratuita per iniziare ed è disponibile in 22 lingue.
Posso davvero scrivere e visualizzare l’anteprima di HTML su un telefono?
Sì. L’editor di Imparare HTML: Corso Code ha schede HTML, CSS e JavaScript, e l’anteprima mostra la pagina prodotta dal tuo markup. Un telefono è comodo per l’esercizio concentrato richiesto da HTML, dato che i tag sono brevi. Uno schermo più grande diventa utile solo quando devi gestire molti file contemporaneamente.
Devo avere esperienza di programmazione prima di iniziare?
No. Il percorso inizia spiegando come è composto un documento HTML e chiarisce ogni termine con un linguaggio semplice prima di usarlo. HTML non richiede di imparare prima loop o variabili, quindi Imparare HTML: Corso Code considera il principiante assoluto la norma, non l’eccezione.
Qual è la differenza tra HTML e CSS?
HTML definisce cosa si trova nella pagina e il significato di ogni parte, come un titolo, un link o un campo di un form. CSS definisce il suo aspetto, inclusi colori, spaziatura e layout. L’app insegna prima HTML e ti permette di aggiungere file CSS nell’editor, così puoi vedere i due linguaggi lavorare insieme senza confonderne i ruoli.
Quanto tempo serve per imparare le basi di HTML?
La maggior parte delle persone riesce a scrivere una pagina semplice e corretta dopo alcune brevi sessioni, perché gli elementi fondamentali sono pochi: titoli, paragrafi, link, immagini, elenchi e form di base. Gli argomenti più approfonditi, come accessibilità, struttura semantica e Web Components, richiedono più tempo. Le lezioni qui sono pensate per essere completate in pochi minuti, quindi è realistico creare un’abitudine quotidiana.
Che tipo di progetti posso realizzare nell’app?
I 20 progetti guidati includono una pagina con ricette, un form di contatto, una galleria fotografica, una barra di navigazione e una tabella dei prezzi accessibile. Ogni progetto viene costruito un passaggio alla volta. Sono volutamente piccoli, così puoi completarli e conservare il codice nei tuoi snippet salvati.
Learn HTML tratta l’accessibilità e i form?
Sì, e in modo piuttosto approfondito. I form comprendono tre corsi dedicati a basi, controlli avanzati e attributi di validazione. L’accessibilità ha corsi dedicati alle basi, ai ruoli ARIA e ai pattern ARIA avanzati. Anche le missioni di debugging includono problemi come un’etichetta che nessuno può toccare, rendendo questi argomenti pratici anziché astratti.
L’app è gratuita e cosa aggiunge Pro?
Puoi scaricarla gratuitamente e iniziare subito: sono inclusi il primo corso, il primo progetto guidato, due missioni e l’editor live, oltre a una disponibilità giornaliera di mentoring AI. Pro sblocca tutti i corsi, tutti i progetti e le missioni, l’esame per il certificato e domande illimitate al mentore AI, oltre a rimuovere gli annunci.
Inizia
Scrivi il tuo primo tag e guardalo comparire
Gratuita per iniziare su iOS e Android, in 22 lingue.
Altro da CoddyKit
Disponibile su iOS e Android.