LPI WDE #1: Il tuo percorso per creare siti web straordinari

Nella società moderna, tra social media, fonti di informazione online e applicazioni di ogni tipo, un sito web è un requisito fondamentale per ogni organizzazione. Il sito web consente a un’azienda di spiegare in dettaglio ciò che fa, di illustrare i propri servizi, di trovare e fidelizzare i clienti, di vendere online e di essere più competitiva.

Se il Web è uno dei mezzi di comunicazione preferiti dalle aziende, gli utenti comuni lo considerano uno strumento fondamentale per trovare e accedere ai contenuti più disparati e allo stesso tempo soddisfare le proprie esigenze.

Le continue innovazioni tecnologiche legate al Web consentono la creazione di siti web più completi e visivamente accattivanti. Ma da dove cominciare quando si deve creare un sito web?

Il Linux Professional Institute (LPI) ha progettato un nuovo certificato, Web Development Essentials che ti permetterà di apprendere passo dopo passo gli strumenti e le idee fondamentali per la creazione di siti web. In questo post, faremo un viaggio insieme attraverso gli obiettivi dell’esame, per rendere il percorso per ottenere il certificato il più agevole possibile!

Una certificazione per sviluppatori…

L’obiettivo di uno sviluppatore web è creare siti e applicazioni web funzionali che rispettino le specifiche del progetto e forniscano la migliore esperienza utente possibile.

Nel percorso verso la certificazione come sviluppatore web, imparerete a gestire ciò che potremmo considerare il cemento, i mattoni e l’acciaio di cui è fatto Internet. Apprezzerai e imparerai le basi per la creazione di siti web semplici e attraenti, oltre a ulteriori approfondimenti e conoscenze per continuare la crescita professionale.

Le principali tecnologie coperte dalla certificazione sono:

• HTML
• CSS
• JavaScript
• Node.js
• Database

HTML e CSS

Il linguaggio HTML, acronimo di HyperText Markup Language, è il naturale punto di partenza per un percorso di certificazione di questo tipo, in quanto viene utilizzato per definire la struttura e i contenuti di un sito web. L’HTML è strettamente legato ai ‘fogli di stile a cascata’ (Cascading Style Sheets, CSS), che vengono utilizzati per applicare stili alle pagine web, rendendole visivamente più attraenti.

JavaScript, Node.js, Database

JavaScript è un linguaggio di scripting che rende le pagine web dinamiche, permettendo agli utenti di interagire con esse. Mentre JavaScript è stato progettato originariamente per essere eseguito nel browser del visitatore, Node.js è un ambiente runtime che esegue JavaScript sul server. Node.js può gestire, tra l’altro, l’integrazione con database relazionali e non.

Questo percorso di certificazione è ideale per coloro che vogliono diventare sviluppatori web, cioè diventare esperti di linguaggi di programmazione allo scopo di progettare, sviluppare e gestire siti e applicazioni web.

… Ma non solo!

Il certificato può essere utile anche se ti occupi di aspetti più gestionali della tua attività (io non sono un programmatore!), in quanto acquisirai le conoscenze tecniche di base essenziali per formare un team in grado di creare un sito web. Inoltre, potrai migliorare le tue conoscenze e competenze nell’ambiente Web. Questo background è estremamente utile durante il ciclo di vita di qualsiasi progetto, dalla definizione delle specifiche e delle tecnologie impiegate alla realizzazione e all’implementazione del progetto stesso.

Un responsabile IT o un project manager deve avere una base di conoscenze che gli consenta di fornire un adeguato supporto al team tecnico in ogni fase del progetto, definendo le tempistiche migliori e le strategie ottimali per la realizzazione del progetto. Un manager con queste conoscenze sarà anche più propenso a proporre le soluzioni migliori per risolvere eventuali problemi, ridefinendo i tempi e le specifiche del progetto anche durante lo sviluppo.

Front-end / Back-end e sviluppo Full-Stack

Le opportunità di lavoro nel settore ICT sono in costante aumento e le specializzazioni professionali sono sempre più numerose. Se hai mai cercato un lavoro come programmatore web, ti sarai sicuramente imbattuto in termini come programmatore front-end, programmatore back-end e programmatore full-stack.

Non confonderti. Ogni professionista appartenente a una di queste categorie ha in comune alcune conoscenze di base, alle quali se ne aggiungono altre di più specifiche.

Il termine programmazione front-end si riferisce alla creazione della parte del sito web visibile all’utente finale ed elaborata nel browser sul lato client. Un programmatore front-end deve quindi conoscere molto bene i linguaggi HTML, CSS e JavaScript e deve essere in grado di progettare siti web sia dal punto di vista grafico sia da quello dei contenuti, consentendo all’utente finale di interagire con essi in modo semplice e intuitivo.

Ulteriori conoscenze per uno sviluppatore front-end includono framework e librerie specifiche come React, Angular, VueJS, jQuery e Bootstrap. Sebbene non sia direttamente incluso nella certificazione Web Development Essentials, si pongono così le basi per coloro che vogliono specializzarsi nella programmazione front-end.

D’altra parte, la programmazione back-end si riferisce al lato server, cioè a tutti gli aspetti non direttamente visibili all’utente finale. Un programmatore di questo tipo lavora ‘dietro le quinte’, creando la logica di funzionamento dell’applicazione. L’integrazione con un database, la sicurezza e la protezione dei dati sono solo alcuni degli elementi fondamentali che uno sviluppatore back-end deve considerare.

Oltre al già citato Node.js, altri linguaggi di programmazione che il programmatore back-end dovrebbe conoscere sono PHP, C#, Java e Python. Questi linguaggi non sono coperti dalla certificazione Web Development Essentials, ma la loro conoscenza è utile per migliorare le proprie competenze come sviluppatore back-end.

Uno sviluppatore full-stack conosce sia la programmazione front-end sia quella back-end: in altre parole, è uno sviluppatore a tutto tondo! Un professionista di questo tipo ha una formazione tecnica approfondita sia sul lato server sia sul lato client ed è in grado di progettare, sviluppare e distribuire siti e applicazioni web completi.

E tu da che parte del Web stai?

Durante il percorso di apprendimento che stiamo iniziando insieme in questo post, scoprirai se preferisci concentrarti maggiormente sugli aspetti visivi di un sito web o operare dietro le quinte sul lato server, ovvero se preferite specializzarti nella programmazione front-end o back-end. Qualunque sia la strada che decidi di intraprendere, ricorda che è essenziale conoscere entrambe le facce della medaglia per portare a termine con successo un progetto. Pertanto, uno sviluppatore front-end deve anche essere consapevole della logica di funzionamento di un’applicazione, compresa l’interazione con un database. Allo stesso modo, uno sviluppatore back-end deve conoscere le basi per la creazione di pagine web sia dal punto di vista strutturale e visivo, sia dal punto di vista dell’interazione con l’utente. I programmatori front-end e back-end devono, infatti, collaborare tra loro in tutte le fasi del progetto. Un gap in uno degli aspetti fondamentali della programmazione può rendere difficile la collaborazione e compromettere il buon esito del progetto.

Se sei in grado di destreggiarti egregiamente tra le tecnologie front-end e back-end, puoi lavorare come programmatore full-stack. Possedendo le competenze tecniche di entrambi i ruoli sopra citati, sei in grado di occuparti di tutti gli aspetti del progetto per la realizzazione di siti e applicazioni web, in modo semplice e naturale.

I tipi di conoscenza appena descritti sono sintetizzati nella Figura 1. Mostra come uno sviluppatore full-stack sia una figura professionale completa che incorpora conoscenze tecniche sia sul front-end sia sul back-end.

Fig. 1: Conoscenze sviluppatori front-end, back-end e full-stack

I prossimi articoli di questa serie descriveranno brevemente ciascuno dei linguaggi e degli strumenti di front-end e back-end citati, fornendo una panoramica delle loro funzioni e mostrando come creare un sito web interattivo partendo da un editor di testo di base.

Leggi il prossimo articolo di questa serie >>