Home
Imparare a programmare con HTML e CSS, semplicemente e da subito

21 Giugno 2019

Imparare a programmare con HTML e CSS, semplicemente e da subito

di

Avvicinarsi a HTML è immediato e passare a CSS richiede solo l’intenzione di migliorarsi. Ecco come il linguaggio del web diviene una bella occasione di fare coding.

Se ne parla poco, ma HTML e CSS sono molto adatti per fare coding con ragazzi, in quanto hanno una curva di apprendimento poco ripida, almeno per quel che riguarda i concetti base. Inoltre tutto ciò che serve per iniziare è già presente sul computer. Non è strettamente necessario configurare un ambiente di sviluppo o installare alcunché. Insomma, chi inizia deve solo concentrarsi sui linguaggi.

Da un punto di vista didattico, considerare tanto HTML quanto CSS è importante perché limitarsi al primo significherebbe concentrarsi solo sui metadati. Imparare solo come funzionino selettori e proprietà senza conoscere la struttura del documento fa diventare lo studio troppo teorico e più faticoso. Trattare insieme i due linguaggi diventa invece una scelta naturale.

Adottare gli strumenti giusti: un buon editor è essenziale

Una prima cosa di cui preoccuparsi a livello di dotazione per lo studio è la scelta di un buon editor. Cosa significhi buon editor è frutto di decisioni personali. Oggi, due editor molto validi sul mercato sono Visual Studio Code di Microsoft e Sublime Text 3, entrambi disponibili su Windows, Linux e macOS.

Credo che questo sia un campo nel quale sia saggio muoversi per tentativi. Bisogna sperimentare quale editor sia più adeguato alle proprie esigenze. Mentre per scrivere il mio libro ho scelto il percorso di minor resistenza e adottato il template Word fornito dalla casa editrice, per il codice ho usato invece proprio Sublime Text, molto potente e, nel mio caso, largamente sottoutilizzato.

Scelto l’editor, trovo utili le semplificazioni di HTML come Markdown, che permettono di produrre testo con una formattazione ricca e in tempi rapidi. Le uso tutte le volte che ne ho l’occasione.

So che in più di un ambiente, per esempio scuole e uffici, per produrre pagine HTML si usano word processor. È un approccio proprio da evitare. Se un word processor consente l’esportazione in HTML, che produce per lo più documenti monstre. Esistono tanti editor di testo che sono meno impegnativi per le risorse di elaborazione e fanno un lavoro egregio.

Per imparare servono buoni esempi e una buona guida

Si è sentito molte volte raccomandare, per prendere contatto con HTML, l’analisi di pagine già fatte e magari anche il riuso di frammenti di codice buoni per risolvere un problema. Solo che i siti diventano sempre più complicati e sempre più di frequente lo spettacolo del codice sorgente è desolante per quanto sia incomprensibile!

Però è anche vero che oggi esistono siti come codepen.io, dove ognuno può dare sfoggio delle proprie capacità in modo trasparente, permettendo a tutti di vedere come un certo risultato sia stato ottenuto e dando la possibilità di modificarlo ed estenderlo per ottenerne uno nuovo più adatto alle proprie esigenze.

Per questo ho scritto Imparare a programmare con HTML e CSS: aiutare l’approccio alla creazione di pagine web ricche e interessanti. Il libro richiede la lettura sequenziale almeno per i primi due capitoli, dopo di che si può decidere di affrontare i successivi in libertà, secondo l’esigenza del momento.

Poi… ci sono le vignette! I disegni surreali e divertenti di Stefano Tartarotti si sposano benissimo con il testo e alleggeriscono la lettura. In alcuni passaggi aiutano persino nell’apprendimento: sfido chiunque a dimenticarsi la differenza tra il selettore id e il selettore class dopo aver visto la sua vignetta. In altri casi fanno riflettere, sempre strappano un sorriso.

I personaggi principali sono tre: una ragazza nerd, un ragazzo che sta imparando HTML e CSS e il manuale antropomorfo. Al termine dell’introduzione invito il lettore a scrivermi in caso di difficoltà e quando Stefano ha letto quel passaggio ne ha approfittato per regalarmi una vignetta in cui appaio anch’io! Ma è l’unica. 🙂

Si può fare coding con HTML e CSS a scuola. O in famiglia

Il coding con HTML e CSS può iniziare dai dodici/tredici anni, ovviamente con supervisione. Dipende molto dalle attitudini dei singoli e dalla pazienza dei genitori. Oggi, più che in passato, vedo una maggiore difficoltà legata alla scarsa dimestichezza con la tastiera. Interfacce touch cui i ragazzi sono esposti sin da piccolissimi permettono loro di fare esperienza affrancandosi dalla tastiera che però resta ancora passaggio obbligato per la scrittura del codice.

Unica possibile controindicazione, che peraltro disorienta tutti e fa innervosire anche i professionisti, è quel grado di indeterminatezza che i browser applicano nell’interpretazione di HTML oltre e una compatibilità a macchia di leopardo di diverse proprietà CSS.

La scuola potrebbe fare molto per diffondere la conoscenza di HTML e CSS, al limite adottandolo come standard per i testi prodotti da studenti e docenti: facilmente aggiornabile, leggero, compatibile con tutto, utilizzabile anche su un telefonino… di certo sarebbe un passo concreto verso una migliore condivisione dei contenuti: facilmente pubblicabili e accessibili su una pletora di dispositivi diversi. Più in generale, dobbiamo lavorare tutti per estendere le competenze informatiche di base, altrimenti rischiamo di diventare analfabeti digitali.

A chi vorrà approcciare HTML e CSS attraverso il libro prometto che non si annoierà e che mi troverà disponibile all’aiuto nei passaggi più critici della lettura ([email protected]).

L'autore

  • Gabriele Gigliotti
    Gabriele Gigliotti, ha maturato una grande esperienza nella programmazione Java e da quasi vent'anni studia e scrive libri sulle tecnologie web, dedicandosi in particolare all'insegnamento del linguaggio HTML.

Iscriviti alla newsletter

Novità, promozioni e approfondimenti per imparare sempre qualcosa di nuovo

Gli argomenti che mi interessano:
Iscrivendomi dichiaro di aver preso visione dell’Informativa fornita ai sensi dell'art. 13 e 14 del Regolamento Europeo EU 679/2016.

Libri che potrebbero interessarti

Tutti i libri

Imparare a programmare con HTML e CSS

Il manuale per iniziare a creare pagine web dai 13 anni in su

23,15

32,89€ -30%

18,91

19,90€ -5%

12,99

di Gabriele Gigliotti, Stefano Tartarotti

HTML & CSS

Progettare e costruire siti web

37,91

39,90€ -5%

di Jon Duckett