Login

Corso front-end developer (online) - gratuito

Torna ai corsi
Corso front-end developer (online) - gratuito Didattica a distanza Gratuito Formatemp

"Nuove Frontiere Lavoro", in collaborazione con l’ente di formazione "Idee Insieme", pubblica un corso di "Front-End Developer" su piattaforma online - e finanziato dal fondo Forma.Temp

Il corso mira a fornire le competenze riguardanti la progettazione, lo sviluppo e la pubblicazione di siti internet e pagine web, dalla rilevazione e validazione dei requisiti del cliente fino allo sviluppo delle componenti front-end e alla verifica di conformità del prodotto realizzato. Le unità di competenza indicate fanno riferimento ai risultati attesi relativi alle ADA (14.01.06 - Progettazione di Applicazioni; 14.01.09 - Sviluppo applicazioni), alle sequenze di processo (Progettazione di soluzioni ICT - Plan; Sviluppo, integrazione, testing e deployment della soluzione ICT - Build), al processo (Sviluppo e gestione di prodotti e servizi digitali) e al SEP (14 - Servizi digitali) dell'Atlante del lavoro.

In coerenza con la metodologia (IVC), al termine del modulo relativo alla figura professionale viene effettuata una rilevazione sistematica del livello di acquisizione degli apprendimenti riferiti al risultato atteso, distinguendo la componente relativa alle conoscenze da quella relativa alle abilità.

Il corso prevede lo sviluppo delle competenze necessarie al Tecnico della programmazione e dello sviluppo di siti internet e pagine web attraverso le seguenti attività:

  1. validazione dei requisiti del sito da sviluppare a partire dalla rilevazione e analisi delle esigenze del cliente e delle caratteristiche dell'ambiente di esercizio (hosting, dominio, protocolli), progettandone le specifiche funzionali e il layout.
  2. sviluppo delle componenti dell'interfaccia utente in coerenza con la progettazione attraverso: l’individuazione delle migliori opzioni tecniche disponibili, riutilizzo e miglioramento delle componenti già esistenti (librerie, framework), verifica della rispondenza del prodotto alle specifiche tecniche attraverso test mirati.
  3. organizzazione del piano di lavoro per la realizzazione del sito attraverso il monitoraggio dell’implementazione, la verifica della corrispondenza alla progettazione, la cura della produzione delle pagine, l’implementazione delle funzionalità dinamiche, l’utilizzo di dati esterni per la generazione del front-end, la pubblicazione del prodotto.

OBIETTIVO: Il progetto mira a formare una figura professionale capace di validare i requisiti di un sito web a partire dalle esigenze del cliente, sviluppare le componenti dell'interfaccia utente in coerenza con la progettazione e organizzare, monitorare e verificare la realizzazione del progetto sito fino alla sua pubblicazione.

Alla fine del corso il discente sarà in grado di:

  1. Validare i requisiti dell'applicazione da sviluppare dopo averli formalizzati, a partire dalla rilevazione e analisi delle esigenze del cliente e delle caratteristiche dell'ambiente di esercizio;
  2. Sviluppare applicazioni in coerenza con la progettazione e a partire dall'individuazione delle migliori opzioni tecniche disponibili, anche riutilizzando e migliorando componenti già esistenti, e verificando e testando la rispondenza del prodotto alle specifiche tecniche;
  3. Organizzare il piano di lavoro per la realizzazione dell'applicazione, monitorandone l'implementazione e verificandone la corrispondenza alla progettazione

A queste si aggiungono gli obiettivi previsti dalle lezioni obbligatorie relative alla sicurezza nei luoghi di lavoro e ai diritti e doveri dei lavoratori in somministrazione.

ENTE FINANZIATORE: Forma.Temp

ENTE PROMOTORE: Nuove Frontiere Lavoro spa

ENTE ATTUATORE: Idee Insieme soc.coop.soc.

COSTO: il corso è gratuito (finanziato dal Forma.Temp);

DURATA: 140 ORE dal giorno 2 NOVEMBRE al giorno 18 DICEMBRE 2026 – 31 giornate di AULA VIRTUALE (online) da 4 ore e due da 8 ore;

ATTESTATO: di frequenza di almeno il 70% delle ore totali di progetto e/o del conseguimento degli obiettivi definiti. Inoltre, per i destinatari non in possesso dei crediti formativi, frequenza di almeno il 90% delle ore del modulo di “Salute e sicurezza generale“ e di almeno il 70% delle ore del modulo “Diritti e doveri dei lavoratori in somministrazione”

LEZIONI D’AULA VIRTUALE: dal lunedì al venerdì dalle ore 14.00 alle 18.00 e per due giornate anche 09.00-13.00;

REQUISITI DI PARTECIPAZIONE: il corso è rivolto a candidati a missione di lavoro in somministrazione (sia inoccupati che disoccupati) iscritti e selezionati dall'Agenzia per il Lavoro;

- per gli stranieri, conoscenza della lingua e grammatica italiana anche NON certificata;

- è necessario disporre di un pc fisso (desktop), portatile o tablet con connessione stabile via cavo, webcam e microfono;

MODALITA’ DI SELEZIONE: L’accesso al corso avverrà attraverso più step preliminari:

- Corretto invio della documentazione richiesta;

- Analisi del curriculum inviato;

- Verifica dei dispositivi di connessione da effettuarsi in videoconferenza;

SELEZIONI: Coloro che avranno aderito saranno contattati a mezzo mail per la conferma (entro il giorno 29/10/2026 ore 18.00) della verifica dei dispositivi di connessione in videoconferenza previsto il giorno 30/10/2026 dalle ore 11.30 in poi in gruppo;

ISCRIZIONI: I selezionati saranno contattati via mail e telefonicamente (entro il 30/10/2026 ore 18.00) per presenziare alla prima giornata di corso il giorno 02/11/2026 ore 14.00 su piattaforma online previa invio del link di ingresso.

Moduli del corso

1.1

Analisi dei requisiti e progettazione del sito web

Obiettivo di apprendimento: RA1: Validare i requisiti dell'applicazione da sviluppare dopo averli formalizzati, a partire dalla rilevazione e analisi delle esigenze del cliente e delle caratteristiche dell'ambiente di esercizio.

Unità 1 - L'ambiente di esercizio del sito web

• Principali caratteristiche di un servizio di hosting

• Il protocollo DNS

• Il protocollo HTTP, HTTPS

• Il protocollo FTP

• I ruoli: il Web Developer, il Web Designer e il Webmaster

Unità 2 - Rilevazione e analisi delle esigenze del cliente

• Raccolta del brief e degli obiettivi del sito (oggetto del sito)

• Individuazione del pubblico di riferimento e dei contenuti richiesti

• Valutazione comparativa dei diversi approcci e strumenti di sviluppo (HTML/CSS puro, framework CSS, librerie JavaScript) in funzione dello scenario di riferimento

Unità 3 - Progettazione delle specifiche funzionali e del layout

• Definizione della struttura delle pagine e della navigazione

• Wireframe e definizione del layout

• Specifiche funzionali del sito: funzionalità richieste, contenuti dinamici

Unità 4 - Principi di security by design e privacy by design

• HTTPS e certificati; protezione dei dati minimi raccolti dal sito

• Cenni al trattamento dei dati personali: cookie, form di contatto

• Applicazione dei principi di security by design e privacy by design in fase di progettazione

Verifica dell'apprendimento: Il modulo si completa con prove di verifica relative al monitoraggio delle abilità e delle conoscenze acquisite.

2.1

Sviluppo dell'interfaccia utente e delle componenti front-end

Obiettivo di apprendimento: RA1: Sviluppare applicazioni in coerenza con la progettazione e a partire dall'individuazione delle migliori opzioni tecniche disponibili, anche riutilizzando e migliorando componenti già esistenti, e verificando e testando la rispondenza del prodotto alle specifiche tecniche.

Unità 1 - Allestimento dell'ambiente di sviluppo

• La console Unix

• Introduzione a Microsoft Visual Studio Code: installazione, utilizzo dei componenti, shortcuts di base

• GIT e GitHub: versionamento e collaborazione

• Selezione degli strumenti di sviluppo più idonei al progetto

Unità 2 - Sviluppo della struttura dei contenuti con HTML

• Introduzione a HTML5; il concetto di TAG

• I testi: titoli e paragrafi; liste e tabelle

• I collegamenti ipertestuali; inserimento di immagini e video

• I form

• HTML semantico e tecniche di base per l'indicizzazione dei contenuti

Unità 3 - Sviluppo della presentazione grafica con CSS3

• Sintassi CSS e modalità di inserimento di un foglio di stile

• I selettori e gli attributi, la specificità

• Colori, sfondi, gradienti e filtri; caratteri e unità di misura; formattazione del testo

• Le liste, i link, il box model, il posizionamento degli elementi nella pagina

• Animazioni e transizioni; le media queries; le variabili CSS; le flex box

• Il DEVTOOLS del browser; le librerie di stile (es. Bootstrap, SASS)

Unità 4 - Sviluppo delle funzionalità dinamiche con JavaScript

• Introduzione a [removed] a cosa serve, come si include in una pagina HTML (script interno, esterno, inline), la console del browser e il primo script

• Variabili, data type e operatori; le stringhe e i suoi metodi; gli array

• Il controllo del flusso: condizioni e cicli; le funzioni; gli oggetti predefiniti di JS

• Il DOM (Document Object Model) e la sua manipolazione; metodi globali

• File JSON; Fetch API; Intersection Observer API; async-await

• Modellazione dei dati: progettazione della struttura dei dati (oggetti, array, JSON) coerente con le specifiche funzionali del sito

Unità 5 - Riutilizzo di componenti esistenti e test di prodotto

• Integrazione di librerie e componenti esistenti (Bootstrap, pacchetti)

• Adattamento, miglioramento e riconfigurazione di componenti già esistenti

• Realizzazione di test di prodotto sulla scorta delle specifiche tecniche (validazione, debug)

• Produzione della documentazione tecnica relativa ai componenti sviluppati

• Illustrazione al cliente degli aspetti progettuali e realizzativi del prodotto sviluppato

Verifica dell'apprendimento: Il modulo si completa con prove di verifica relative al monitoraggio delle abilità e delle conoscenze acquisite.

3.1

Realizzazione, monitoraggio e verifica del progetto sito

Obiettivo di apprendimento: RA3: Organizzare il piano di lavoro per la realizzazione dell'applicazione, monitorandone l'implementazione e verificandone la corrispondenza alla progettazione.

Unità 1 - Predisposizione del piano di lavoro del progetto sito

• Oggetto del sito: definizione degli obiettivi e del piano di lavoro complessivo

• Pianificazione delle fasi di realizzazione e delle scadenze

Unità 2 - Produzione delle pagine e implementazione delle funzionalità dinamiche

• Produzione delle pagine del sito sulla base del layout definito nel Modulo 1

• Implementazione delle funzionalità dinamiche e dell'interattività

• Utilizzo di dati esterni per la generazione del front-end (Fetch API, file JSON)

Unità 3 - Monitoraggio e verifica della conformità alla progettazione

• Monitoraggio dell'avanzamento rispetto al piano di lavoro

• Verifica della corrispondenza del sito realizzato alle specifiche di progettazione (layout, requisiti, funzionalità)

• Pubblicazione del sito: hosting, deployment via FTP/Git

• Test finali cross-browser e responsive; correzioni conclusive.

Verifica dell'apprendimento: Il modulo si completa con prove di verifica relative al monitoraggio delle abilità e delle conoscenze acquisite.

4.1

Salute e sicurezza nei luoghi di lavoro

Modulo strutturato in conformità al D.Lgs. 81/08 e agli Accordi Stato-Regioni

Verifica dell'apprendimento: Il modulo si completa con prove di verifica relative al monitoraggio delle conoscenze acquisite.

5.1

Salute e sicurezza nei luoghi di lavoro

Tratta il principio di parità di trattamento economico e normativo rispetto ai dipendenti dell'azienda utilizzatrice, le regole del contratto con l'Agenzia per il Lavoro (ApL) e gli obblighi di diligenza, obbedienza e sicurezza sul lavoro.