Sei qui: Home > Corsi di formazione > IT > Sviluppo software

Fantom Tag

Corso - Progettazione di interfacce grafiche JavaScript complete con Angular, TypeScript e Bootstrap

Sviluppo Front-End di ultima generazione per Back-End .Net o Java

  • A distanza
  • Aggiornamento
  • Step by Step
OpenPACKAGED Customized
Corso a catalogo
Durata
5 giorni (35 Ore)
Quota d'iscrizione
2.930,00 €  +IVA
WebCode
IT.46
Consulta le date
Iscriviti
Scarica il tagliando di iscrizione
Realizza questo corso in azienda
Durata
5 giorni (35 Ore)
A catalogo in azienda - Scopri di più sulla formazione a catalogo in azienda
6.750,00€ +IVA
Quota riferita ad un gruppo di 10 pax max, +10% di Project Management
WebCode
IT.46
Contattaci
Formazione customizzata
Sei interessato all'argomento?
Progettiamo un training personalizzato nella tua azienda.
Contattaci

La programmazione web si è evoluta in modo significativo negli ultimi anni, in particolare con HTML5, CSS3 e JavaScript. Forte della comparsa di framework JavaScript sempre più avanzati ed efficienti, il mondo dello sviluppo si muove molto velocemente e gli standard di ieri vengono letteralmente spazzati via da nuove modalità di sviluppo che rendono più agevole l'integrazione negli sviluppi tradizionali (per PC) "semplici" di nuove apparecchiature (tablet, touch screen, smartphone). Specificamente progettata per gli sviluppatori front-end di domani, questa formazione include molti comprovati framework JavaScript (Angular, TypeScript, Bootstrap) ma anche ultimi sviluppi come http2 e Socket .IO. Ciò consentirà agli sviluppatori che partecipano a questa formazione di avvicinarsi con calma allo sviluppo di App Web progressiva.

Leggi di più
Per chi

A chi è rivolto

Per chi

  • Sviluppatori .Net o Java che desiderano sfruttare le possibilità offerte da HTML5 e CSS3
  • Sviluppatori di applicazioni informatiche

Prerequisiti

  • Avere competenze di C# 
Programma

Programma del corso

1 - Recenti sviluppi nello sviluppo web

  • Dal sito web all'applicazione web
  • Nuovi framework web e loro usi
  • La struttura di un'applicazione web
  • Strumenti: webpack, npm, angular-cli

 

2 - Promemoria

  • Presentazione di JavaScript ES6
  • Presentazione delle funzioni freccia e loro interesse
  • Introduzione alle funzioni sincrone e asincrone (promesse e osservabili)

 

3 - Dattiloscritto: principi e funzionamento

  • Installare TypeScript
  • Transpile EcmaScript
  • Let, variabili locali e costanti
  • Tipizzazione e tipi nativi
  • Parametri facoltativi, valori predefiniti
  • Classi e interfacce
  • Gestione del modulo

 

4 - Angular: Principi e gestione dei componenti

  • Definizione dei componenti
  • Comprendere i componenti Web (standard, concetti, shadow DOM, CSS con ambito...)
  • Ciclo di vita nell'applicazione
  • Compilatore angolare: rilevamento delle modifiche
  • Sintassi del modello: interpolazione/espressione, associazione e filtri
  • Direttive di trasformazione: ngIf, ngFor, ngSwitch...
  • Definizione sintattica, il simbolo (*)
  • Variabili locali e variabili template
  • Classi
  • Direttive di configurazione: selettore, provider
  • Eventi utente ed eventi logici personalizzati: EventEmitter

 

5 - Angular: Gestione dell'ambiente

  • FormControl e FormGroup
  • TDF contro DDF: modulo basato su modelli e modulo basato su dati
  • Convalida personalizzata e gestione degli errori
  • Associazione dati su HTTP
  • Gestione e configurazione degli scambi HTTP a livello applicativo
  • Creazione percorso
  • Targeting, eventi di routing "router-outlet".
  • Gestione dei percorsi nell'albero dei componenti
  • Configurazione di "Guard" per l'inizializzazione dei percorsi

 

6 - Angular: funzioni avanzate (testing)

  • Testing
  • Compilazione
  • architetture APP

 

7 - DB indicizzato

  • Paradigma di archiviazione degli oggetti
  • Principi operativi
  • Creare e strutturare l'oggetto di archiviazione
  • CRUD
  • Aggiornamento della struttura
  • Sicurezza

 

8 - Presa IO

  • Presentazione di Socket .IO
  • Comunicazioni full duplex
  • http2, Socket.IO
  • Gestione delle prese
  • Le stanze e la trasmissione
Obiettivi

Obiettivi del corso

  • Valutare le sfide dello sviluppo di un'applicazione web e il suo interesse
  • Avere le conoscenze e le competenze necessarie per effettuare una domanda "offline"
  • Padroneggiare l'uso del Framework offerto da Google: Angular 2+ (versioni 2 e successive)
  • Scopri recome sfruttare Bootstrap per sviluppare rapidamente pagine Web reattive
  • Essere in grado di farsi carico dell'intero sviluppo della parte "frontale"
Esercitazioni

Esercitazioni

  • Best practice per l'implementazione di potenti interfacce Web in grado di funzionare sia online che offline
  • Feedback dei formatori in anticipo sulle ultime tendenze nello sviluppo di interfacce grafiche JavaScript complete
  • Workshop e un caso pratico (applicazione di chat online arricchita di nuove funzionalità man mano che i discenti progrediscono) che consentono di acquisire una prima esperienza concreta dello sviluppo del front-end di ultima generazione
Finanziamenti

Opportunità di finanziamento

I Fondi Paritetici Interprofessionali permettono, alle aziende aderenti, di finanziare la formazione aziendale ed individuale rivolta ai propri dipendenti.

Affidati a Cegos e al suo Team dedicato per essere supportato lungo tutte le fasi del progetto finanziato, dalla valutazione di fattibilità, alla presentazione della domanda al Fondo Interprofessionale, fino alla rendicontazione dei costi e al rimborso delle spese.

Scopri come accedere ai finanziamenti per questo intervento.

Date

  • 2.930,00 € +IVA
    Posti disponibili
    Iscriviti
    Dettaglio date per questa sessione
    • Dal 5 mag al 7 mag 2025
    • Dal 12 mag al 13 mag 2025
    I partecipanti riceveranno le istruzioni per partecipare alcuni giorni prima dell’inizio del corso. Consulta gli  orari
  • 2.930,00 € +IVA
    Posti disponibili
    Iscriviti
    Dettaglio date per questa sessione
    • Dal 3 nov al 5 nov 2025
    • Dal 10 nov al 11 nov 2025
    I partecipanti riceveranno le istruzioni per partecipare alcuni giorni prima dell’inizio del corso. Consulta gli  orari
Corso - Progettazione di interfacce grafiche JavaScript complete con Angular, TypeScript e Bootstrap