Corso Angular – Sviluppo Front-End

Il corso Angular – Sviluppo Front-End inizia da HTML e TypeScript allo sviluppo di applicazioni web moderne con Angular.

 

€ 2.440,00

Durata

40 ore

Tipologia

Individuale

Materiale didattico

Incluso

Modalità

Online

RICHIEDI INFORMAZIONI

"*" indica i campi obbligatori

Consenso*

RICHIEDI INFORMAZIONI

Descrizione Del Corso

PERIODO / DURATA

La proposta formativa è articolata in 11 Moduli, per un totale di 40 ore.  Il costo totale del corso è di 2440,00 € (iva inclusa).

DOCENTI

Le lezioni sono tenute da docenti e professionisti esperti, con specifiche competenze nei singoli argomenti trattati.

METODOLOGIE

Il percorso integra la didattica d’aula con una costante interazione con i docenti esperti, per rendere l’apprendimento più concreto ed efficace e più vicino alla realtà operativa vissuta dai partecipanti. Viene proposto l’inquadramento teorico-concettuale dei temi trattati, alternato con esercitazioni, analisi di esperienze, simulazioni pratiche e lavori su best practices.

OBBIETTIVO

L’obiettivo della proposta formativa è la creazione di figure professionali di informatici in grado di inserirsi nell’attuale contesto lavorativo nazionale e internazionale del settore informatico della produzione e dei servizi. A tale scopo, i discenti saranno in grado di proporre, sviluppare e valutare, operando sia in autonomia sia in team, soluzioni informatiche effettive, efficienti e affidabili in diversi ambiti applicativi.

 

  • Architettura web: client-server, HTTP, request/response
  • HTML5: struttura di una pagina, tag semantici, form e input
  • CSS3: selettori, box model, layout con Flexbox e Grid
  • Responsive design: media query e approccio mobile-first
  • JavaScript ES6+: variabili (let, const), arrow function, template literal
  • Array e oggetti: destructuring, spread operator, metodi funzionali (map, filter, reduce)
  • Programmazione asincrona: callback, Promise, async/await
  • DOM manipulation e gestione degli eventi
  • Esercitazione: creazione di pagine web interattive con HTML, CSS e JavaScript

 

  • Introduzione a TypeScript: tipizzazione statica e vantaggi rispetto a JavaScript
  • Tipi base: string, number, boolean, array, tuple, enum, any, unknown
  • Interface e type alias: definizione e differenze
  • Classi: proprietà, metodi, modificatori di accesso, ereditarietà
  • Generics: funzioni e classi generiche
  • Decoratori: sintassi e utilizzo (fondamentale per Angular)
  • Union type, intersection type e type narrowing
  • Compilazione e configurazione di tsconfig.json
  • Esercitazione: riscrittura di codice JavaScript in TypeScript
  • Cos’è Angular: architettura, filosofia e confronto con altri framework
  • Angular CLI: installazione, creazione e struttura di un progetto
  • Moduli, component e template: concetti fondamentali
  • Standalone component vs NgModule: approcci a confronto
  • Ciclo di vita di un’applicazione Angular
  • Esercitazione: creazione e analisi del primo progetto Angular
  • Anatomia di un component: decorator, classe, template, style
  • Interpolation: {{ }} e binding di espressioni nel template
  • Property binding: [property] e binding unidirezionale
  • Event binding: (event) e gestione degli eventi utente
  • Two-way binding: [(ngModel)] e sincronizzazione bidirezionale
  • Lifecycle hooks: ngOnInit, ngOnChanges, ngOnDestroy e altri
  • Esercitazione: costruzione di component interattivi con tutti i tipi di binding
  • Direttive strutturali: *ngIf, *ngFor, *ngSwitch e nuova sintassi @if/@for
  • Direttive di attributo: ngClass, ngStyle
  • Creazione di direttive personalizzate
  • Pipes built-in: date, uppercase, lowercase, currency, number, json
  • Pipes personalizzate: creazione e utilizzo
  • Pure vs impure pipes: differenze e performance
  • Esercitazione: lista dinamica con direttive, filtri e pipe personalizzate
  • @Input(): passaggio dati dal component padre al figlio
  • @Output() ed EventEmitter: comunicazione dal figlio al padre
  • Template reference variable e @ViewChild
  • Comunicazione tramite Service condiviso
  • Pattern container/presentational component
  • Esercitazione: applicazione multi-component con comunicazione bidirezionale
  • Introduzione ai Service: separazione della logica di business
  • @Injectable() e il sistema di Dependency Injection di Angular
  • providedIn: root, module e component-level injection
  • Singleton service vs service con scope limitato
  • Organizzazione dei service: best practice e pattern
  • Esercitazione: refactoring di un’applicazione con service e DI
  • Programmazione reattiva: concetti fondamentali
  • Observable, Observer e Subscription
  • Subject e BehaviorSubject: multicast e stato condiviso
  • Operatori RxJS essenziali: map, filter, tap, switchMap, mergeMap
  • Gestione degli errori: catchError, retry
  • Pipe async nel template: sottoscrizione automatica
  • Unsubscribe e gestione della memoria: takeUntil, DestroyRef
  • Esercitazione: flussi di dati reattivi con RxJS
  • Configurazione del Router: routes, RouterModule, RouterOutlet
  • Navigazione: routerLink e navigazione programmatica
  • Route con parametri: ActivatedRoute, snapshot e observable
  • Child routes e lazy loading dei moduli
  • Route guards: CanActivate, CanDeactivate e autenticazione
  • Esercitazione: applicazione multi-pagina con routing, parametri e guards

 

  • Template-driven forms: ngModel, validazione e messaggi di errore
  • Reactive forms: FormGroup, FormControl, FormBuilder
  • Validatori built-in e validatori personalizzati
  • Validazione asincrona
  • Form dinamici: FormArray e generazione di campi a runtime
  • Best practice: scelta tra template-driven e reactive forms
  • Esercitazione: form complesso con validazione e feedback visuale
  • HttpClient: configurazione e utilizzo
  • Operazioni CRUD: GET, POST, PUT, DELETE verso API REST
  • Tipizzazione delle risposte con interface TypeScript
  • Gestione degli errori HTTP: catchError, retry e feedback all’utente
  • Interceptor: autenticazione, logging e gestione centralizzata delle richieste
  • Loading state e spinner durante le chiamate HTTP
  • Integrazione completa: component → service → HTTP → API REST
  • Esercitazione finale: applicazione Angular completa con consumo di API RESTful

Il percorso erogato prevede la predisposizione di un test di apprendimento finale per valutare le conoscenze e/o le competenze acquisite.

CONDIVIDI SU

Personalizzazione e flessibilità

I corsi individuali offrono una maggiore flessibilità, in quanto è possibile concordare:

  • L’inizio del corso.
  • Il numero delle lezioni settimanali e gli orari.
  • Pacchetto “monte ore a scalare” dove in caso di assenza le lezioni possono essere sempre recuperate.
  • Percorso didattico su misura e adattato in base alle esigenze personali e/o professionali del partecipante.

FORMAZIONE ONLINE
A DISTANZA

I corsi di formazione a distanza (FAD) si differenziano dai classici corsi e-learning dove lo studio si svolge in maniera completamente autonoma avendo a disposizione materiale didattico, video e test. 

Questa tipologia di corsi è pensata a tutte le persone che non possono raggiungere la nostra sede.

Se vuoi ricevere ulteriori informazioni sui nostri corsi di formazione a distanza (FAD) chiama al numero 081 658 2106 oppure invia una mail a info@formazionesrl.it

Le lezioni possono svolgersi da casa o dall’ufficio con una anticipata pianificazione di giorni e orari.

Potrebbe interessarti anche

Prodotti correlati

RICHIEDI INFORMAZIONI

"*" indica i campi obbligatori

Consenso*