Page 72 - ODV Training outline_IT

Quando si parla di sviluppo web si distingue tra: sviluppo del front end e del
back end.

● Lo sviluppo del back end è incentrato sulla parte server di un sito o di

un’applicazione e consiste nella struttura e nel funzionamento del sito.

● Lo sviluppo del front end è incentrato sull’utente, dunque sulla creazione
dell’aspetto e della funzionalità del sito.

In parole semplice, lo sviluppo del back end riguarda ciò che accade dietro le quinte,
mentre quello del front end corrisponde a ciò che vedono gli utenti.

Ad esempio, nel caso di un sito di e-commerce, il back end è responsabile
dell’elaborazione degli ordini, dell’archiviazione dei dati in un database, dell’invio delle
email di conferma. Mentre il front end mostra i prodotti disponibili, consente di
selezionarli e di elaborare il pagamento.

In sintesi, il back end è responsabile della funzionalità del sito, mentre il front end
dell’aspetto.

Allo scopo di presentare alle e ai discenti lo sviluppo web ci concentreremo
principalmente sui linguaggi di programmazione front end.

Linguaggi di mark-up

HTML: utilizzato per definire la struttura di una pagina web. Il codice HTML serve a
creare degli elementi come l’header, i paragrafi, gli elenchi, le immagini e le tabelle.

CSS: (cascade style sheet) un linguaggio utilizzato per definire l’aspetto di un sito. Il
codice viene utilizzato per controllare le dimensioni, il colore, il font e altri elementi
grafici delle pagine web.

Linguaggi di programmazione

JavaScript è un linguaggio di programmazione utilizzato per conferire maggiore

interattività alle pagine web. Il codice JavaScript può essere utilizzato per creare
animazioni, giochi, forme interattive e altre funzioni.

Guida alle attività pratiche nell’ambito dello sviluppo web per diversi livelli di competenza

Una volta illustrati i principali aspetti dello sviluppo web, è possibile fornire alle e ai
discenti degli strumenti che consentano loro di avviare il processo di apprendimento.
Di seguito elenchiamo alcune interessanti risorse che possono sostenere l’introduzione
dello sviluppo web in classe.