Corsi

Angular 4


Angular 4

Obiettivi

Con il corso Angular, aggiornato ad Angular 4, apprenderai le novità introdotte con la nuova versione e scoprirai come arricchire le tue Web Application di funzionalità eccezionali ,tra le quali la possibilità di sviluppare Single Page App ed utilizzare i data streams.
L’obiettivo del corso è quello di formare una solida base teorica che permetta di inquadrare architetturalmente il framework e dare conoscenze pratiche che permettano allo sviluppatore di muoversi con indipendenza in un progetto Angular 4.


Contenuti del corso:

  • Introduzione
  • Introduzione al concetto di S.P.A (single Page Application)
  • Angular 1 e Angular 2 (differenze)
  • Altri Framework alternativi
  • Installazione ambiente di sviluppo
  • La scelta dell IDE (vs2015 o VsCode)
  • Installare Node.js e NPM da zero via riga di comando
  • Il file package.json di NPM
  • Installare Angular-cli via riga di comando
  • Installare chocolatey come package master per windows (per poter installare git e altri tool)
  • Installare Typescript via NPM e via visual studio
  • Cos’è TYPESCRIPT
  • Cosa sono i TASK RUNNER (Gulp e WebPack)
  • Configurazione ambiente di sviluppo
  • Lo scaffolding dell’app (come organizzare il codice e la nostra app con cartelle)con comandi della angular-cli
  • Settaggio dei file di Lintaggio per typescript ( tslint.json)
  • Creare file per settore compilazione typscript ,quale versione di js in output e dove creare i file di output ( il file angular-cli.json)
  • Come includere css e js esterni nel file angular-cli.json (Es: bootstrap etc)
  • Building e Serve dei file per ambiente di produzione e developement e i comandi di ng-cli
  • ANGULAR 4 in depth
  • Il concetto di dependency injection in generale e come viene usato in Angular 4 per iniettare le dipendenze.
  • Il concetto di databinding in Angular e cosa è cambiato in Angular 4 (two way e one way data-binding)
  • ES6 e le sue nuove funzioni (filter, map etc)
  • Come importare i nostri moduli con ES6 e come funziona ES6 per la dichiarazione di moduli da esportare al di fuori del file (il concetto di default e il concetto di import multiplo .. es import
  • {obj, obj2} From ‘../modulo’) e concetto di Barrel
  • I template HTML
  • Le direttive di Angular 4 nell' HTML (*ngFor / *ngIf etc)
  • Importare i file css in ogni nostro modulo (e non avere un unico css)
  • SASS … sostituiamo al nostro css ..SASS
  • I FORM in Angular 4 .. usare un form nella nostra app
  • Creare un SERVICE per poter mandare i nostri dati del form a un back end
  • Modificare gli HEADER e le altre proprietà delle nostre chiamate REST
  • Utilizzare Observable / Promise / Await nelle chiamate asincrone (SERVICE etc)
  • Interceptors per iniettare i token nelle richieste e centralizzare le response
  • Il routing in Angular 4 e come poter gestire i passaggi di parametri nel routing e il Lazy Load
  • I models (con Interface) ..
  • PIPE (FILTER di Angular 1)
  • Creare delle proprie PIPE CUSTOM
  • Creare un gestore degli errori personalizzato e centralizzato in Angular 4

Destinatari

Programmatori con una buona base di HTML, CSS e soprattutto di Javascript.

Durata

24 ore

Sede

Argo 3000 srl - Viale Stelvio 70 - Milano ( MM Maciachini)

Verifica Finale

si

Compila il modulo per pre-iscriverti

Compilando il modulo effettuerai una pre-iscrizione, l'effettiva iscrizione avverrà solo in seguito al raggiungimento del numero minimo di partecipanti. Un nostro incaricato ti ricontatterà per confermare l'effettivo inizio del corso e per le eventuali modalità di pagamento.


 Autorizzo il trattamento dei miei dati personali ai sensi del D.Lgs. 196/2003. Informativa sulla privacy