Questa sezione è obsoleta.
Visita il nuovo sito con i programmi aggiornati:
formazione.fabiobiondi.io
ANGULAR (8) CORE CONCEPTS
Una panoramica sulle principali funzionalità di Javascript ES6, Typescript e un’introduzione sull’ultima release di Angular per acquisire una solida base sul framework
Durata: 3 giornate (24 ore)
Tipologia: Corso Intensivo
Versione Angular: 8.x
- Obiettivo: acquisire una solida base sul framework: creare applicazioni multi-view con angular router, comunicare con il server attraverso REST API, creare form e gestire la validazione, utilizzare direttive e servizi forniti dal framework Angular, sfruttare le potenzialità introdotte da ES6 e Typescript e creare i primi componenti custom.
Requisiti: familiarità con almeno un linguaggio di programmazione e possibilmente conoscere i concetti fondamentali su cui si basa il paradigma della programmazione ad oggetti. Aver già utilizzato HTML, CSS e Javascript sicuramente ti saranno di grande aiuto.
IL PROGRAMMA
JAVASCRIPT ES2015 (aka ES6)
- Javascript ES2015
- Compiler, Transpiler e tool: Babel, Typescript e Webpack
- var vs let vs const: function scope vs block scope
- Template Literals
- Arrow syntax
- Destructuring
- Object.assign() e Object concise syntax
- Rest e Spread operator
- Immutabilità
- Array methods: find, map, filter, reduce, …
- ES6 modules
- Promises e operazioni asincrone
- Classi e ereditarietà in ES6
TYPESCRIPT
- Typescript vs ES6
- Introduzione ai decoratori
- Custom Types
- Interfacce
- Typescript in Angular
DEPENDENCY INJECTION
- Creazione custom Service Providers
- @Injectable decorator: quando e perché usarlo?
- Utilizzare i servizi per condividere dati tra routes e componenti
- Utilizzare i servizi per gestire lo stato dei componenti
SERVER-SIDE COMMUNICATION
- Installazione e configurazione di un REST mock server per i test
- Utilizzo del servizio HttpClient per la comunicazione con il server
- Comunicazione con REST API
- Creazione di applicazioni CRUD: Creare, Read, Update, Delete
- Immutable vs Mutable data
Environment & Tools
- NodeJS, NPM and multiple Node environments with NVM
- Install a Terminal on Mac and Windows
- Install and use Angular CLI
ANGULAR FUNDAMENTALS
- Creazione progetti con
angular-cli - Integrazione framework e librerie CSS: Bootstrap, FontAwesome, …
- Template Tags
- Manipolazione DOM
- 1-way e 2-way Binding
- Decorator @Component e metadata
- Dynamic HTML templates
- Direttive built-in: *ngIf, *ngSwitch, *ngFor
- Gestire e manipolare collezioni dati
DYNAMIC STYLING in ANGULAR
- From static to dynamic CSS
- inline CSS
- css “unit” suffix
- ngClass
- ngStyle
ANGULAR FORMS
- Keyboard Events
- Template driven forms
- Form & Input Template Reference Variables
ngModeldirective: 1-way vs 2-ways bindingngForme submit- Form validators
- Form Errors: custom messages in according with the error type
- form state: dirty, invalid, touch, …
- Validation with regular expressions
- Custom validators with Directives
MULTIVIEW APPLICATIONS
- Il modulo
@angular/router - Single Page Application Multiview
- Router Navigation
- Feature Route components
- Condividere dati tra le routes
INFORMAZIONI SUL CORSO
LEARN
LIVE CODE
HANDS-ON
Nel pomeriggio gli studenti metteranno in pratica le nozioni acquisite durante la giornata realizzando diversi esercizi con il costante supporto del docente.
UN PERCORSO COMPLETO
Questo modulo fa parte di un percorso didattico molto ampio che si pone due obiettivi: il primo è quello di descrivere in modo approfondito tutte le funzionalità e la sintassi del framework, il secondo, forse più importante, è quello di trasferire ai partecipanti metodologie, approcci e best practice consolidate affinché possano creare applicazioni modulari, scalabili, manutenibili e testabili.
FAQ
Ti consigliamo di portare il tuo laptop tramite il quale potrai consultare le slide e svolgere le esercitazioni qualora fossero previste dal corso.
Nel caso non avessi la possibilità di portarlo potrai comunque affiancare un altro partecipante.
Per tariffe, informazioni sui prossimi corsi o qualunque altra domanda puoi scrivere all’organizzatore utilizzando l’indirizzo email presente nel footer
RECENSIONI
“Indispensabile per iniziare ad utilizzare Angular con il giusto approccio.”
– Antonio Lo Greco
“Affronta passo-passo la maggior parte delle funzionalità del framework”
– Mario S.
“Ottimo corso e docente sempre disponibile!”
– Alessandro Cimador
“Concetti complessi spiegati alla sua maniera sembrano scorrere quasi ovvi. Sopra a tutto ciò, la sua disponibilità non cessa mai di stupire: dentro e fuori i corsi e le community, non si tira mai, mai, indietro dal discutere e approfondire argomenti tecnici e sostenere i principianti.”
– Alessandro Aprile
DOCENTE
Currently, he holds meetups, events and training courses all over Italy.
His particular specialism is front-end applications and related aspects, both visuals and architectural. He daily uses cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React, Vue.js, Typescript/ES6, Redux, NGRX, RxJS, Firebase, D3.js and several other web technologies.
Angular, React, Vue, Redux, RxJS, Typescript
Firebase, D3.js, Canvas, TweenMax