Corso Angular

24 ore
Qualsiasi livello

Angular è un framework Javascript open-source client-side MVC/MVVM (Model View Controller/Model View ViewModel Pattern), realizzato da Google e supportato da una comunità di sviluppatori internazionale.

Lo si può definire come un framework di ultima generazione per lo sviluppo web. La sua documentazione ufficiale cita che “Angular è quello che HTML avrebbe dovuto essere se fosse stato progettato per sviluppare applicazioni”.

AngularJS è un’infrastruttura ottima per creare le moderne Single Page Application.

Corso attivato on-demand su richiesta, anche individuale in sede o in modalità virtual classroom online.

Requisiti per gli studenti: conoscenze base di Javascritpt, HTML5 e jQuery

Obiettivo Corso Angular: formare il discente con le competenze teoriche e pratiche per lo sviluppo applicazioni web con il framework Angular di ultima versione. Un caso di studio pratico permetterà ai discenti di entrare nel vivo e rendersi autonomi nello sviluppo.

Docente Sviluppatore Angular senior con pluriennale esperienza nel settore.

Corso Angular erogato solo per aziende e su richiesta. Modalità virtual classroom online o frontale.

Programma Corso Angular – 24 ore (il programma sarà sempre aggiornato all’ultima versione di Angular corrente)

1. Cos’è Angular
Panaromica SPA e Moderne Web Application
Perchè Angular
Vantaggi e Svantaggi

2. Javascript ES2015
Compiler, Traspiler e tool: Babel, Webpack
Array, Oggetti e Stringhe in ES6
Arrow Syntax
Moduli ES6
Classi e OOP in ES6
Esercitazione

3. Typescript
Interface
Decorators
Types
Relazioni con Angular

4. Angular Foundamentals
Cos’è angular-cli
Installazione Nodejs npm e yarn
Installazione angular-cli
panoramica comandi angular-cli
esempi pratici angular-cli
novità con l’ultima versione di Angular
Esercitazione

5. Dynamic style in Angular
Style inline
ngClass, ngStyle, styleUrls
Animazioni con @angular/animations
Encapsulation style
ViewEncapsulation e ShadowDOM
Dynamic DOM con le directive: *ngIf, *ngSwitch, *ngFor
Esercitazione

6. Data-Binding Angular
1-way data-binding;
2-way data-binding
1-way vs 2-way binding
Property binding
Event binding

7. Angular Components
Approccio component-based
Decorator @Component e metadata
Input properties, @input @output decorator
Nested components e loro comunicazione
Organizzare Single Page Applications in components
Creazione componenti riutilizzabili

8. Architettura Dati Angular
@Injectable decorator
Data Model e custom types
Creare servizi riutilizzabili
Condividere dati tra componenti e views
REST API e RxJS
Redux pattern e stato dell’ applicazione (piccole nozioni)

9. Angular Routing per Applicazioni complesse
@angular/router
Navigazione e multiview applications
Gestione stati e routes
Passaggio parametri
Route Navigation components

Vuoi essere ricontattato?

Lasciaci il tuo numero telefonico e la tua email, ti richiameremo nelle 24h:

    Contattaci su Whatsapp