Il World Wide Web è nato nel 1989 sotto la guida del londinese Tim Burners-Lee: una rete di pagine di testo collegate tra di loro. La sintassi utilizzata per scrivere queste pagine è l'HTML, che trova una sua prima definizione standard nel 1991.

Nel 1994 Tim Burners-Lee fonda il w3consortium (w3c) con lo scopo di standardizzare le nuove tecnologie emergenti per il World Wide Web. Gli standard per HTML continuano fino al 2001, quando differenti opinioni si scontrano: da una parte w3c propendeva per lo standard XHTML, dall'altra un gruppo di persone ed aziende stava proponendo uno standard chiamato HTML5 e formato da 3 elementi: HTML+CSS+JS. La diatriba si concluderà nel 2014 con la pubblicazione dello standard HTML5 da parte del w3c.

Lo standard HTML5 si basa su tre tecnologie fondamentali:

• le pagine html, che definiscono la struttura della pagina
• i fogli di stile css, che definiscono come la pagina deve essere visualizzata
• i file js, ovvero JavaScript, che definiscono il comportamento dinamico del sito

Per ora concentriamoci sui primi due: HTML e CSS. Di seguito i punti su cui consiglio di prestare maggiore attenzione, con i relativi link su w3school o altri siti di riferimento.

Importanti:

• elementi block e inline
• layout
• liste
• come collegare i fogli di stile

Approfondimenti:

• responsive web design

Importanti:

• sintassi e selettori CSS
• box model

Approfondimenti:

• layout inline-block
• proprietà display e visibilità
• flexbox
• responsive tables (vari articoli, fatevi una cultura)
• transition basics
• transitions vs animations

Altri link interessanti:

• csszengarden: esempi di come può cambiare la stessa pagina HTML con differenti CSS
• uplabs: sito dove potete trovare molti esempi di layout

Importanti:

• Code conventions