Corso AI Web Developer

Corso AI Web Developer

Con il Corso AI Web Developer di LABFORWEB diventi un Full Stack Developer in grado di sviluppare applicazioni web complete, dal front end al back end, utilizzando l'Intelligenza Artificiale per lavorare in modo più efficace e creare soluzioni moderne e scalabili.

  • Prossima edizione: 20 aprile 2026
  • Durata: 6 mesi
  • Modalità: in aula a Roma, Live Streaming, On Demand
  • Finanziamento disponibile:
    possibilità di iniziare a rimborsare dopo 3 anni
  • 15 anni di formazione tech
  • 3.500+ studenti formati

Un corso a misura delle tue esigenze

In aula a Roma, Live Streaming, On Demand / Orario mattutino o serale.

Un corso part time

Corso part time

6 mesi di corso
Lezioni 3 giorni a settimana + tutor 3 giorni a settimana

3 modalità di frequenza

In aula a Roma, in streaming e on demand

In aula a Roma, in Live Streaming, Video On Demand (con tutor live)

Scegli l'orario più comodo

Orario mattutino o serale

Mattina 10.00/13.00
Sera 18.15/21.15

Le competenze fondamentali di un Full Stack Developer

Un percorso pratico che unisce front end, back end con Python, database ed API, con un approccio progressivo e orientato a progetti reali. L'AI entra nel modo giusto: per programmare meglio, aumentare l'efficacia dello sviluppo, non per saltare le basi.

Durante il corso lavorerai su tutte le principali aree dello sviluppo web moderno.

  • 🌐 Front End: HTML, CSS, JS, TypeScript e Angular

    Realizza interfacce web moderne, responsive e dinamiche, partendo dalle basi fino allo sviluppo di applicazioni front end strutturate.

  • 🐍 Back End con Python e SQL

    Sviluppa la logica server-side, gestisci dati e database e crea applicazioni web complete con Python e SQL.

  • 🔗 API e architetture web

    Progetta e utilizza API, organizza il codice e comprendi le architetture delle applicazioni web moderne.

  • 🤖 Integrazione AI nello sviluppo

    Integra funzionalità di Intelligenza Artificiale nelle applicazioni web per migliorare automazione, efficienza ed esperienza utente.

  • 🧠 Creazione di un agente AI personalizzato

    Progetta e sviluppa un agente AI personalizzato in Python, adattato a casi d'uso reali e integrabile in applicazioni web.

  • 🚀 Specializzazione in Java/Spring o C#/.NET

    Approfondisci, con tutor dedicati, uno stack enterprise per ampliare le competenze back end e professionali.

Web development solido. AI dove serve davvero.

Prima impari a programmare. Poi impari a usare l'AI per programmare meglio.

Il Corso AI Web Developer nasce dall'evoluzione del nostro storico Corso Full Stack Developer, attivo da oltre 10 anni.
LABFORWEB si occupa di formazione web e digitale da tempo, adattando costantemente programmi e competenze alle trasformazioni delle professioni del web.

Imparare a programmare resta centrale. L'Intelligenza Artificiale entra nel percorso come strumento di supporto allo sviluppo, utile per migliorare la produttività e creare applicazioni più evolute.

  • Programmazione web al centro del percorso
  • Python come linguaggio principale
  • AI integrata in modo pratico e consapevole
  • Nessuna scorciatoia, nessuna “magia”
  • Competenze realmente spendibili nel mondo del lavoro

È questo approccio, concreto e progressivo, che ti permette di costruire competenze solide e affrontare con maggiore consapevolezza il lavoro reale.

immagine di una web developer

Cosa significa davvero “AI Web Developer”

Un AI Web Developer è prima di tutto un Web Developer competente, capace di progettare, sviluppare e mantenere applicazioni web complete. L'AI non sostituisce il codice, ma lo affianca: aiuta a scrivere meglio, capire più velocemente e costruire soluzioni più intelligenti.

Il metodo LABFORWEB: formazione concreta, persone reali

Da oltre 15 anni LABFORWEB forma sviluppatori web con un approccio pratico, progressivo e orientato al lavoro reale. Non video lasciati a te stesso, ma un percorso guidato, con docenti, tutor e una sede fisica dove crescere davvero.

Docenti sviluppatori

Le lezioni sono tenute da professionisti del settore, che lavorano ogni giorno con le tecnologie insegnate.

Tutoraggio costante

Durante tutto il percorso hai il supporto dei tutor per chiarimenti, esercitazioni e difficoltà tecniche.

Metodo pratico

Impari facendo: progetti, esercizi e casi reali, per consolidare le competenze e diventare operativo.

Sede fisica a Roma

Puoi seguire il corso anche in presenza, in un ambiente reale di formazione e confronto diretto.

Il risultato è un percorso guidato che riduce la dispersione e ti aiuta a restare costante nello studio.

Studia come preferisci, senza rinunciare alla qualità

Il Corso AI Web Developer è pensato per adattarsi alle esigenze di chi studia o lavora. Puoi scegliere la modalità di frequenza più adatta a te, mantenendo sempre lo stesso livello di supporto e qualità didattica.

In presenza

Segui le lezioni nella sede LABFORWEB di Roma, confrontandoti direttamente con docenti e compagni di corso.

Online in diretta

Partecipa alle lezioni live da remoto, interagendo con il docente e seguendo il corso in tempo reale.

On demand con tutoraggio

Accedi alle lezioni registrate e studia con i tuoi tempi, con il supporto continuo dei tutor.

Qualunque modalità tu scelga, il percorso resta sempre guidato, strutturato e orientato all'apprendimento reale.

Studente LABFORWEB

Il corso è part-time, con possibilità di frequenza mattutina o serale, per conciliare studio, lavoro e vita personale.

A chi è rivolto questo corso?

Il Corso AI Web Developer è pensato per chi vuole costruire competenze solide nello sviluppo web. È adatto sia a chi parte da zero, sia a chi vuole reinventarsi con un metodo pratico e guidato.

Se hai appena finito la scuola (o stai scegliendo cosa fare)

Vuoi un percorso pratico, orientato al lavoro, con docenti e tutor che ti seguono passo dopo passo.

Se vuoi trovare o cambiare lavoro

Cerchi una svolta professionale reale: un percorso serio, compatibile con la vita di tutti i giorni, che ti porti a competenze spendibili.

È perfetto per te se...

  • Vuoi diventare Full Stack Web Developer con Python.
  • Preferisci imparare con progetti ed esercizi, non solo teoria.
  • Cerchi supporto costante e un metodo strutturato.
  • Vuoi integrare l'AI nello sviluppo, senza perdere le basi.
  • Vuoi poter seguire anche in presenza a Roma, se lo preferisci.
Il corso perfetto per te

Potrebbe non essere il percorso giusto se...

  • Cerchi scorciatoie o risultati “senza studiare”.
  • Vuoi solo usare strumenti AI, senza imparare a programmare.
  • Non hai tempo di dedicarti con continuità alle esercitazioni.
Potrebbe non essere il percorso giusto se...

Hai dubbi sul tuo punto di partenza?Prenota una call gratuita di orientamento e ti aiutiamo a capire se è il percorso giusto per te.

Il prezzo del Corso Full Stack Developer

Cosa comprende il costo?

  • 6 mesi di corso.
  • 12 mesi di career coaching.
  • Supporto costante grazie ai tutor, durante e dopo il tuo corso.
  • Registrazioni delle lezioni sempre a tua disposizione, durante il corso e per ulteriori 12 mesi dopo la sua conclusione.
  • Workshop su tematiche web e sui più innovativi tool di intelligenza artificiale al servizio del coding.
  • Partecipazione ai Job Day: incontri con le nostre aziende partner.
  • Attestato di partecipazione finale.
  • Attestato di merito: una lettera di referenze che attesta il tuo impegno e le tue capacità tecniche.
  • Diploma di Qualifica Professionale della Regione Lazio* * vincolato alla frequenza del corso in presenza
  • Corso in aula o in live streamingPromo Super Early Bird: » se ti iscrivi entro il 28 febbraio » 4.300 € invece di 5.200 €

  • Video Corso On DemandPromo Super Early Bird: » se ti iscrivi entro il 28 febbraio » 3.800 € invece di 4.700 €

Come mi iscrivo al Corso Full Stack Developer?

Compila il modulo per prenotare il tuo posto.
Ti contatteremo per fissare un appuntamento qui in sede o in video chiamata e compilare insieme la scheda di iscrizione.
Ti basterà versare un acconto di 300 euro per confermare la tua iscrizione e bloccare l'offerta in corso.
Pochi giorni prima dell'inizio del corso concluderai la tua iscrizione versando la quota rimanente in un'unica soluzione o in comode rate mensili.

Modalità di pagamento

Finanziamento agevolato

Grazie al prestito "per Merito" di Intesa Sanpaolo ottieni fino a 10.000 euro e inizi a ripagare tra 3 anni.

  1. Nessuna garanzia necessaria
  2. Rateizzi fino a 30 anni
  3. Inizi a pagare tra 3 anni
Scopri di piùPer Merito di Intesa Sanpaolo

Pagamento dilazionato

Fino a 5 rate mensili a tasso 0

Non occorre alcuna pratica di finanziamento, nessuna busta paga o garante.

Da 6 a 15 rate mensili

Con Sella Personal Credit puoi pagare il tuo corso grazie a un finanziamento.

In un'unica soluzione *

Il costo è ancora più conveniente:

  • Corso in aula o in live streaming: 4.100 € invece di 5.200 €
  • Corso On Demand: 3.600 € invece di 4.700 €
* Per l'iscrizione ti basta versare 300 € come acconto. Il saldo potrai versarlo entro il 12 gennaio 2026.

Domande frequenti sul Corso AI Web Developer

Il Corso AI Web Developer è adatto a chi parte da zero?

Sì. Il percorso parte dalle basi dello sviluppo web ed è pensato anche per chi non ha mai programmato. Non serve una predisposizione particolare, ma impegno, curiosità e costanza.

+

Questo corso è adatto anche se lavoro full time?

Sì. Il corso è part-time e progettato per essere compatibile con altri impegni, grazie a orari flessibili e alle diverse modalità di frequenza disponibili.

+

Il corso è in presenza o online?

Puoi scegliere se seguire il corso in presenza nella sede LABFORWEB di Roma, online in diretta o on demand con tutoraggio.

+

Questo corso è più un corso AI o un corso Full Stack Web Developer?

È un corso Full Stack Web Developer. L’Intelligenza Artificiale è integrata come supporto allo sviluppo, senza sostituire le basi della programmazione.

+

Perché avete scelto Python come linguaggio principale?

Python è un linguaggio moderno, leggibile e molto utilizzato nello sviluppo web e nell’AI. Rappresenta una base solida e spendibile per costruire competenze professionali durature.

+

Si usa davvero l’AI durante il corso o è solo teoria?

L’AI viene utilizzata in modo pratico: integrazione nello sviluppo web e creazione di un agente AI personalizzato in Python.

+

Che tipo di progetti si realizzano durante il corso?

Durante il percorso si lavora su progetti pratici e casi d’uso reali, per applicare le competenze acquisite e sviluppare autonomia nello sviluppo.

+

Cosa significa “specializzazione in Java/Spring o C#/.NET”?

Oltre al percorso principale, puoi approfondire uno stack enterprise on demand, con il supporto dei tutor LABFORWEB.

+

Che differenza c’è tra questo corso e un bootcamp online?

A differenza di molti percorsi solo video, il corso LABFORWEB prevede lezioni guidate, tutoraggio continuo e la possibilità di seguire anche in presenza.

+

LABFORWEB è una scuola affidabile?

LABFORWEB opera da oltre 15 anni nella formazione web e digitale, con docenti professionisti, tutor dedicati e una sede fisica a Roma.

+

Come faccio a capire se questo corso è adatto a me?

Puoi prenotare una call gratuita di orientamento: valutiamo insieme il tuo punto di partenza e i tuoi obiettivi, senza impegno.

+

Vuoi diventare Full Stack Developer?La tua carriera inizia da qui

Compila il modulo per fissare un appuntamento senza impegno.

Durante una breve chiacchierata, scopriremo insieme se il corso è adatto a te e se hai il tempo e la motivazione necessari per completare con successo il tuo percorso di studi.

Programma del Corso Full Stack Development

  • HTML5 e CSS3 36 ore


    • Il linguaggio HTML
    • Introduzione al linguaggio HTML
    • Sintassi di base
    • Concetto di tag, attributo e valore
    • Problemi di compatibilità tra browser
    • HTML e l'accessibilità delle pagine web
    • La formattazione del documento web - i paragrafi e la titolazione
    • Gli elenchi puntati e numerati
    • I collegamenti ipertestuali
    • Inserire immagini in un documento web
    • I formati grafici per il web
    • La realizzazione delle tabelle
    • Il Tag IFRAME per incorporare contenuti web esterni al proprio sito (Youtube, Google Maps, Vimeo, Facebook, etc.)
    • Risorse utili e casi pratici

    • HTML5 semantico
    • Introduzione all'HTML5 e differenze con HTML4.01
    • La sintassi HTML5
    • Il supporto dei browser
    • Fallback e Polyfill per gestire retrocompatibilità dei browser
    • I nuovi TAG e gli attributi introdotti in HTML5
    • Elementi Header e Footer
    • Elementi Section e Article
    • La navigazione semantica con l'elemento Nav
    • Elementi Aside e Figure
    • Integrare Facebook all’interno del proprio sito Web
    • Open Graph Protocol
    • Risorse utili e casi pratici

    • Le form e la multimedialità con HTML5
    • Creazione dei Form (moduli)
    • Analisi ed utilizzo dei campi form HTML
    • Le novità introdotte per le form in HTML5
    • I tag AUDIO e VIDEO e i loro attributi
    • I formati audio e video supportati
    • Progettare video per tutti i device
    • Risorse utili e casi pratici

    • I fogli di stile CSS
    • Introduzione ai fogli di stile CSS
    • Separare lo stile dai contenuti
    • Le regole della sintassi CSS
    • Differenti tipologie di fogli di stile: fogli di stile in linea, incorporati, esterni, importati
    • Analisi degli stili principali: gli stili del testo, gli stili per lo sfondo
    • Utilizzare le Classi e le pseudoclassi CSS
    • ID univoco
    • Caso pratico: realizzazione di una barra di navigazione complessa
    • Le immagini in Background
    • Il box Model CSS tradizionale
    • Tre proprietà speciali: display, float e clear
    • Il Layout Fisso
    • Il Layout Fluido o Liquido a due e tre colonne
    • Il Layout elastico per adattare il proprio sito a differenti risoluzioni e dimensioni del monitor
    • Impostare un CSS Reset
    • La proprietà @font-face
    • I nuovi formati per i font: Woff e Woff2, SVG
    • Utilizzare i colori rgba e la proprietà opacity
    • La proprietà box-sizing
    • Arrotondare i bordi dei box
    • Le proprietà CSS3 per ombreggiare Box e Testi
    • Le pseudoclassi introdotte dai CSS3
    • Risorse utili e casi pratici

    • Le Media Queries CSS
    • Riconoscere un dispositivo mobile
    • Definire i breakpoint con le Media Queries CSS3
    • Impostare Script e Markup HTML per un progetto "responsive"
    • Ottimizzare un layout per smartphone - impostare il breakpoint a 480px
    • Ottimizzare un layout per tablet - impostare il breakpoint a 768px
    • Lavorare per il desktop - impostare il breakpoint a 1024px
    • Orientare lo schermo: Landscape e Portrait
    • Il meta tag 'Viewport'
  • GIT Video On Demand6 ore


    • Introduzione al versioning: lavorare in team in una web application

    • Software per installazione/ utilizzo di web application
    • Composer
    • Vagrant
    • Git Hub

    • Introduzione a Git ed ai sistemi di versioning (software per il controllo di versione distribuito)
    • Repository esterni (NPM - Node Package Manager)
    • CLI (Command Line Interface)
    • Installazione di GIT

    • I progetti GIT
    • Inizializzazione e configurazione di un progetto Git
    • Clonare un progetto GIT ed aggiungere componenti
    • Repository remoti: GIT HUB e suo utilizzo

    • Branches: ramificare un progetto GIT
    • Creare un nuovo branch
    • Operazioni sui branches: navigazione, merge, commit
  • Algoritmi e strutture dati Video On Demand10 ore


    • La programmazione del calcolatori: modalità logiche per la risoluzione di problemi software

    • Differenza tra algoritmi e programmi

    • I diagrammi di flusso (flow charts): traduzione visiva della logica per la risoluzione di un programma

    • Tipi di dati: numerici, stringhe, booleani, array, oggetti

    • La programmazione strutturata e le strutture dei dati
    • Sequenze di istruzioni
    • Istruzioni condizionali (if..else, switch case)
    • Istruzioni iterative (cicli For / While / for ... each)
    • Il principio di Jacopini-Bohm (evitare l'uso del GoTo)

    • La programmazione procedurale: risoluzione dei problemi "dal generale al particolare". Il concetto di funzione e il passaggio dei parametri
    • Funzioni iterative
    • Funzioni ricorsive

    • Case studies sulla ricorsione
    • Calcolo del fattoriale
    • Lista dei file, cartelle e sottocartelle
    • Lista dei nodi/sottonodi nella struttura DOM di una pagina web

    • Case studies: alcuni esempi di algoritmi di utilizzo comune
    • Calcolo della somma dei primi N numeri
    • Calcolo della serie Fattoriale
    • Calcolo della serie di Fibonacci
    • Ordinamento di un Array: il Bubble sort
    • Trovare il minimo e il massimo in un insieme di valori
    • Ricerca di un elemento in un insieme: la ricerca dicotomica
    • Pile e Code (LIFO / FIFO)
    • Strutture dinamiche complesse: Alberi, Grafi e reti di dati complesse

    • Dalla programmazione strutturata procedurale alla programmazione ad oggetti (OOP - Object oriented programming): cenni

    • I "pattern" della programmazione nelle web application
    • Singleton
    • Factory
    • MVC (Model - View - Controller)
  • JavaScript30 ore


    • Introduzione a JavaScript
    • Le regole di base della sintassi
    • I tipi di dato primitivi: stringhe e numeri
    • Uno strumento di lavoro indispensabile: la console del Browser
    • Introduzione alle variabili
    • Il concetto di funzione
    • I controlli condizionali if/else
    • I dati booleani
    • Introduzione agli array
    • Il ciclo for e il concetto di contatore
    • Le funzioni parametriche e il "return" di valori

    • JavaScript e i tag HTML: il DOM
    • Introduzione al DOM
    • Il concetto di oggetto
    • Gli oggetti window e document
    • Metodi e proprietà
    • Il metodo getElementById()
    • Alcuni metodi e proprietà che permettono a JavaScript di manipolare il codice HTML: innerHTML, style, getAttribute, setAttribute, ecc...
    • Il metodo querySelector()
    • Il metodo querySelectorAll() e il concetto di nodeList
    • "Manipolare" un gruppo di elementi HTML grazie ai nodeList e al ciclo for()
    • L'oggetto location

    • Gli eventi in JavaScript
    • Introduzione agli eventi
    • L'evento window.onload
    • L'evento per antonomasia: click()
    • Il concetto di funzione anonima
    • Il parametro event delle funzioni e il metodo preventDefault()
    • Gli eventi scroll e resize
    • Il metodo addEventListener()
  • La libreria jQuery Video On Demand12 ore


    • Introduzione alla libreria jQuery
    • Inglobare in una pagina web le libreria jQuery
    • L'operatore $ e la sintassi di base jQuery: selettori, attributi, classi e metodi base
    • Le funzioni html(), text(), css()
    • Manipolazione degli elementi della pagina e dei CSS: le funzioni append() e appendTo()
    • Effetti e Animazioni: spostare e animare gli oggetti della pagina
    • Le funzioni hide(), show(), fadeIn(), fadeOut(), animate()
    • Realizzare siti web "one page" con effetti di menu a scorrimento
    • I plugin jQuery per realizzare effetti d'animazione
      • LightBox, Colorbox, FancyBox, JCarousel: realizzare slider, sfogliare immagini, effetti di dissolvenza, photo gallery
      • Effetto "parallax"
      • Realizzare "social wall" responsive con la libreria Masonry
  • Javascript Avanzato | ECMAScript 6 18 ore


    • Richiami sul concetto di variabile: scope globale e scope locale

    • Concetti avanzati di programmazione in Javascript
    • Funzioni built-in di Javascript (filter, map, find, indexOf, splice, slice)
    • Funzioni con numero di argomenti variabile, l'oggetto arguments
    • Funzioni anonime
    • Funzioni ricorsive
    • Funzioni annidate e Closure
    • Callback: Funzioni passate come argomento
    • Funzioni immediatamente eseguibili (IIFE)

    • JavaScript OOP - La programmazione ad oggetti in Javascript
    • Gli oggetti in Javascript: oggetti predefiniti ed oggetti custom
    • I concetti principali di javascript OOP
    • Classi e Oggetti, Prototype
    • Ambiti di visibilità: public, private, protected, static
    • Proprietà e Metodi
    • I paradigmi della OOP in Javascript: Incapsulamento, ereditarietà

    • ECMAScript 6 (ES6) - Nuove caratteristiche
    • Nuovi modi per le dichiarazioni: Let / Const
    • Arrow function (=>)

    • Programmazione asincrona: nuove caratteristiche ES6
    • Promise
    • API Fetch
    • Async/Await

    • TypeScript
    • Introduzione a TypeScript
    • Tipi di Dati (number, string, array, boolean, any)
    • Proprietà e Metodi
    • Le classi in TypeScript
    • Ereditarietà
    • Interfaces, Classe astratte
  • AJAX, XML e JSON 18 ore


    • Far lavorare il codice in modalità asincrona
    • Introduzione ad AJAX (Asyncronous Javascript and XML)
    • L'interazione asincrona client - server (HTML - PHP): come aggiornare una pagina web senza ricaricarla
    • L'oggetto HTTPRequest: il processo e gli step di interazione client-server asincrono
    • Query asincrone: interazione con DB esterni MySql

    • JQUERY e AJAX
    • Il processo di comunicazione asincrono tramite Jquery: la funzione $.ajax(), i suoi parametri e la metodologia d'uso
    • Introduzione a XML (eXtensible Markup Language)
    • Il documento XML - Struttura, formattazione, validazione
    • Il formato di dati JSON (Javascript Object Notation)
    • Gestire le risposte in formato testo e HTML
    • Gestire le risposte in formato XML tramite PHP, Javascript e DOM
    • Gestire le risposte in formato JSON tramite PHP, Javascript e DOM
    • Eseguire script js in modalità asincrona
    • Case studies
  • UI/UX design Video On Demand15 ore


    • Ricerca e Analisi del progetto
    • Individuazione del briefing e del problema da risolvere

    • Concept
    • Generare idee e validarle. Ovvero, come risolvere il problema e come organizzare la struttura dell'applicativo
    • Architettura delle informazioni - IA
    • Tree test per validazione Architettura Informazioni
    • Analisi funzionale basica
    • Concetto di UCD (user centered design process)
    • Eventuale Card sort e lavoro con penna e matita per un brainstorming
    • Prime bozze / idee realizzate su carta

    • Design
    • Rendere reale il concept ideato
    • Studio e definizione dei componenti Web
    • Studio e posizionamento dei contenuti e dei componenti all'interno dell'applicativo
    • Censimento dei componenti web esistenti, approfondendone le caratteristiche, le dimensioni, l'aspetto e la funzionalità
    • Google Material
    • Bbc Gel Styleguide
    • Creazione di un Wireframe per approvazione di un applicativo
    • Concetto di User Interface - UI
    • Comunicazione Visuale dell'applicativo
    • Colori
    • Creazione di un'interfaccia grafica pixel perfect, personalizzazione del wireframe approvato
    • Responsività e concetto di risoluzione relativa alla proporzione rispetto alla viewport
    • Typography
    • Gerarchia degli elementi grafici
    • Accessibilità tenendo conto dei font e colori per persone disabili. Simulazioni on line

    • Testing
    • Usabilità e Accessibilità
    • SPLIT TEST + AB test + PREFERENCE TEST
    • Concetto di testing sull'utente finale. Come migliorare l'applicativo tramite feedback
    • Simulazione della consegna dell'interfaccia dell'applicativo ad un ipotetico reparto di sviluppo web
    • Formato finale: Interfaccia pixel perfect in formato immagine + file sorgente + PDF per mostrare il lavoro al cliente

    • Digital Styleguide e consegna
    • Creazione di una guida di stile multipagina per l'applicativo realizzato, dove viene illustrato il layout dell'applicativo e ogni singolo componente utilizzato
    • Creazione di un layout grafico per impaginare la guida
    • Redazione di un indice dei contenuti e illustrazione dei singoli componenti utilizzati all'interno della guida
    • Coerenza di linguaggio sia testuale che visivo
    • Simulazione della consegna del manuale digital ad un ipotetico reparto di sviluppo web
  • Responsive Web Design 30 ore


    • Il Responsive Web Design
    • I principali browser per dispositivi mobili (Safari, Mozilla Firefox, Google Chrome)
    • Da un layout multicolonne ad un layout monocolonna
    • Realizzare layout elastici a griglie fluide
    • Introduzione al 'Responsive Design'
    • Riconoscere un dispositivo mobile
    • Orientare lo schermo: Landscape e Portrait
    • Il meta tag 'Viewport'
    • Stili per il mobile: layout, dimensioni, font
    • Stili per il mobile: la navigazione
    • I 3 approcci per un layout Responsive: Desktop First, Mobile First, Content First
    • 10 regole da rispettare per realizzare un layout responsive
    • Strumenti per i test, siti web di riferimento

    • Organizzare i contenuti in modalità responsive
    • Realizzare immagini responsive con il tag PICTURE
    • Caricamento condizionale delle immagini di sfondo con i CSS
    • Realizzare immagini responsive con la libreria JQuery Picture
    • Caricare dati esterni con la libreria Ajax Include
    • Realizzare video elastici e responsive
    • Gestire snippet di codice condizionale con javascript
    • Risorse utili e casi pratici
    • Rendere una tabella di dati responsive
    • Realizzare una TabMenu in modalità responsive
    • Ridurre il peso delle pagine visualizzate dai dispositivi mobili
    • Creare sprite CSS per aumentare le performance del proprio sito web
    • Utilizzare Web Icon Font
    • Il formato di file Data URIs per la rappresentazione di icone
    • Rendere i menù di navigazione responsive
    • Gestire layout responsive con la Tecnica off-canvas
    • Realizzare Slide Gallery Responsive con effetto Parallax
    • Risorse utili e casi pratici

    • CSS Flexbox
    • CSS Flexbox, i principi di base
    • Creare griglie monodimensionali
    • Display:flex
    • La proprietà justify-content per allineare gli item di un FlexBox
    • Le proprietà flex-direction, flex-wrap e flex-flow
    • La proprietà shorthand degli item del flexbox: FLEX
    • Differenze tra la proprietà width e la proprietà flex-basis
    • Creare colonne affiancate con la stessa altezza
    • Modificare l'ordine degli item di un flexbox
    • Nidificare i Flexbox
    • Caso pratico: realizziamo una barra di menu orizzontale con i FlexBox
    • Risorse utili e casi pratici
    • Appendice: Utilizzare Flexbox e CSS Grid insieme

    • CSS Grid
    • Introduzione a CSS Grid
    • Definire una griglia
    • Creare griglie bidimensionali con grid-template-columns e grid-template-rows
    • Utilizzare le percentuali e il metodo css repeat()
    • Utilizzare l'unità di misura Fractional Units
    • Posizionare gli elementi della griglia
    • Utilizzare grid-template-areas e grid-area per definire zone della griglia
    • max-content, min-content, minmax()
    • Cambiare l'ordine di posizionamento degli elementi della griglia
    • Creare layout con griglie nidificate
    • Esempio pratico: Realizziamo un Fluidly Responsive Grid senza l'ausilio di Breakpoints e delle Media Query
    • Risorse utili e casi pratici

    • CSS SASS
    • Installare Sass e Compass
    • Usare SASS
    • Lavorare con Sass e Compass da riga di comando
    • Impostare un progetto Sass
    • Lavorare con i partial files
    • Dichiarare variabili
    • Nesting, Extend, Placeholders e Mixins
    • Media Queries CSS3 avanzate con Sass
    • CSS3 semplificati con Compass
  • La libreria Boostrap Video On Demand6 ore


    • Bootstrap: il framework CSS/JS
    • Responsive bootstrap
    • Bootstrap per il mobile
    • Elementi di bootstrap
      • CSS di base e avanzato
      • Componenti JS (Accordion, Tabs, Tooltips, Popover, Carousel...)
    • Personalizzazione di bootstrap
    • Temi
    • Componenti aggiuntivi di terze parti
  • Angular 36 ore


    • Generalità su Angular
    • Applicazioni web client/server, lo stack MEAN (Mongo DB, Express, Angular, Node.js)
    • Getting started: il set up dell'ambiente Angular, il CLI (Command Line Interface)
    • Costruzione, compilazione ed esecuzione di un nuovo progetto di un'applicazione Angular

    • Anatomia di un'applicazione Angular
    • Moduli
    • Componenti
    • Selettori
    • Template

    • I "Componenti" di Angular
    • La sintassi Typescript
    • Il Template e la rappresentazione visiva dell'interfaccia utente
    • Il binding di Angular tra i dati dell'applicazione e il layout
    • Applicazioni "mono component" ed applicazioni "multi component"

    • Le direttive in Angular
    • Direttive strutturali (NgIf, NgFor, NgSwitch)
    • Direttive di attributo (NgStyle, NgClass)

    • Gestire gli eventi in Angular
    • Sintassi
    • Alcuni gestori di evento (click, submit, keydown etc)

    • Passaggio dei dati tra Component e Template: il Binding in Angular
    • Interpolazione
    • Event Binding
    • Property Binding
    • Doppio Binding
    • Le Template Reference Variables

    • Angular FrontEnd
    • Installare ed utilizzar Angular Material

    • Applicazioni Master - Detail
    • Passaggio dei dati tra Component parent e Component Child
    • I Decorator @Input e @Output

    • Le Form in Angular
    • L'approccio Template Driven legato al controllo dei markup della form
    • Il modulo FormsModule e le direttive per la validazione dei dati (NgValid, NgTouched, NgDirty, etc)

    • I Service in Angular
    • I Service come classi condivise tra più Component
    • La Dependency Injection: Il meccanismo di "Iniezione" del Service nei Component dell'applicazione
    • Case Study: accesso a web services esterne tramite un Angular Service

    • Il Routing in Angular
    • le Single Page Application
    • La gestione delle rotte di un'applicazione
    • L'oggetto Router e la metodologia per creare / navigare tra le varie "rotte"

    • Richieste http Ajax in Angular
    • Get Request e Post Request
    • Utilizzo di Promises e Observables: la richiesta e la ricezione delle risposte
    • Case Study: realizzazione di un'applicazione web client server in Angular con utilizzo di un DB esterno

    • Il deploy di un'applicazione Angular
  • Il database MySQL 30 ore


    • Il Database MySql
    • PhpmyAdmin: lo strumento di Management per MySql
    • Il linguaggio Sql
    • Creare un database
    • Lavorare con le tabelle
      • Creare, modificare e cancellare una tabella
      • Gestire i campi delle tabelle
      • I tipi di dato
      • Inserire, modificare e cancellare un record
    • Le relazioni fra i dati: la Chiave primaria (primary key) e la Chiave esterna (foreign key)
    • Tipi di relazione: uno a uno, uno a molti, molti a molti
    • Indicizzare le tabelle per migliorare le performance di accesso ai dati
    • Le query di selezione
    • Legami tra i dati: Inner Join e Left Join
    • Filtri sui dati con operatori algebrici, logici e letterali
    • Ordinamenti e raggruppamenti
    • Query di aggiornamento: inserimento, modifica e cancellazione
    • Funzioni interne del linguaggio Sql: (sum, min, max, avg, count, replace, substring)
    • Le Viste: memorizzare una query nel database
    • Le query di Unione
    • Backup e recovery dei dati
    • Esempi pratici di esportazione e importazione di dati da e verso più formati: Sql, Ms-Excel, Xml

    • Concetti avanzati del Database MySQL
    • SQL: Data Definition Language (DDL) - create, drop, alter, truncate, rename
    • Gestione avanzata delle Query: Views, Stored Procedures
    • Case studies
  • Java base 30 ore


    • Introduzione a Java e le sue tecnologie
    • Compilazione e JVM
    • Tipi primitivi e tipizzazione
    • Variabili e i loro tipi, casting
    • Compilazione ed esecuzione di applicazioni
    • Problem solving (diagrammi funzionali)
    • Classi Wrapper: boxing, unboxing e autoboxing
    • Operatori e manipolazione di dati
    • Diagrammi funzionali e controllo del flusso
    • If, else, elseif, switch case
    • Cicli
    • Eccezioni ed errori in Java
    • Array

    • Programmazione OOP e astrazione
    • Le classi Java e le istanze di classi
    • Gestione della memoria: inizializzazione, distruzione, duplicazione di oggetti
    • Metodi e attributi (campi)
    • Eccezioni
    • Package Java e organizzazione del codice
    • Incapsulamento
    • Estendere le di classi: ereditarietà
    • Overriding
    • Polimorfismo
    • Interfacce
    • Oggetti, attributi e metodi statici
    • Classi astratte
    • Overloading
    • Il controllo dell’errore
    • Collection framework
  • Java Backend (avanzato)36 ore


    • Sviluppo di applicazioni web con Java EE
    • Introduzione e componenti di Java EE
    • Struttura di un progetto Java EE
    • JavaServer Pages e scriptlets
    • Introduzione a HTTP: Request e Response HTTP
    • GET e POST methods
    • Servlet Java
    • JavaBeans
    • JSP Action Tags
    • Tag personalizzati
    • Architetture e organizzazione del codice
    • Persistenza dei dati: sessioni e cookies
    • Fornire dati in output con interfacce REST e JSON
  • Spring - Java Framework30 ore


    • Spring Framework
    • Introduzione
    • Architettura
    • Dependency Injection

    • Spring MVC
    • Controller, Model, View

    • Database in Java
    • JDBC
    • DAO pattern
    • JPA e Hibernate

    • Spring Data
    • Configurare un data source
    • Hibernate con Spring

    • Web service in Java
    • Introduzione ai web services
    • Cenni web services SOAP
    • Web services REST
    • Interrogare un web service da Java

    • Web Service con Spring
    • REST e Spring MVC
  • Seminari e Workshop 20 ore


    • I seminari e i workshop sono in corso di aggiornamento...
    • Trovare lavoro è un lavoro: CV, LinkedIn e molto altro
    • Lavorare come freelance: partita iva o start up?
    • Marketing & Comunicazione digitale
    • Introduzione alla SEO
    • Google e gli annunci a pagamento: Google Ads
    • Teoria del colore e lettering
    • Video Content Marketing
    • Social media communication & influencer marketing
    • ...

Tutoring e laboratori pratici durante tutto il corso+125 ore

VOGLIO SAPERNE DI PIÙ

Docente

Scrivici se vuoi saperne di più sul Corso Ai Web Developer e sulle modalità di iscrizione

  • Orario

  • Ho letto l'informativa sulla privacy e accetto le condizioni
  • © LABFORWEB srl | Nerd Academy
  • C.F. e P.IVA 11712501003
  • Via Francesco Saverio Solari, 16 - Roma (zona Portuense/Spallanzani)
  • Informativa cookie

Compila il modulo con i tuoi dati

Ti ricontatteremo per fissare un appuntamento in sede o in video chiamata, senza alcun impegno.

  • Ho letto l'informativa sulla privacy e accetto le condizioni
Chiudi il popup