Contattami | Tutti i corsi

ANGULAR8
CORE CONCEPTS

Un corso sulle principali funzionalità di Angular (8) per acquisire una solida base sul framework e sviluppare le prime Single Page Applications

angular-cc



INTRODUZIONE
Un corso sulle principali funzionalità di Angular 8 per acquisire una solida base sul framework e iniziare a sviluppare le prime Single Page Applications: styling, directives, template driven forms, servizi e dependency injection, server-side communication, multi-view applications con Angular Router, una veloce introduzione alla creazione di componenti e all’organizzazione di progetti.

Durante il corso sono previste delle brevi esercitazioni e sarà configurato l'ambiente di lavoro sui laptop dei partecipanti.
OBIETTIVO DEL CORSO
Al termine del corso i partecipanti saranno in grado di creare semplici applicazioni multi-view con angular router, comunicare con il server attraverso REST API, gestire form con validazioni, utilizzare le direttive del framework per manipolare il DOM e creare applicazioni CRUD, sfruttare il motore di dependency injection creando servizi e creare i primi componenti custom riutilizzabili.

Durata: 16 ore (2gg)
Livello: Principiante
Versione Angular: 8.x
Versione Typescript: 3.x
Tipologia: Corso in aula


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 ES6 sicuramente saranno di grande aiuto.
Se pensi di avere delle carenze, valuta il programma del corso Javascript ES6 & Typescript
TRASCRIZIONE DEL VIDEO
Ciao, mi chiamo Fabio Biondi, sono Google Developer Expert in web technologies e Angular.

Angular Core Concepts è un corso per sviluppatori che non hanno mai utilizzato Angular ma che desiderano in breve tempo acquisire il know-how necessario per realizzare Single Page Applications con uno dei framework front-end più utilizzati al mondo, soprattutto in ambito corporate ed enterprise.

Il corso contiene sessioni di teoria in cui descrivo le funzionalità del framework, ma la quasi totalità delle lezioni è basata su sessioni di live coding in cui descrivo scenari e casi d'uso con esempi reali per poi affrontare le classiche problematiche che si presentano nella realizzazione di una semplice applicazione CRUD multiview, simulando la creazione di un semplice CMS.

Durante il corso descriverò le principali funzionalità dell'ultima release di Angular affinché i partecipanti possano da subito raggiungere una certa autonomia nella gestione delle più comuni attività da integrare in una qualunque applicazione web: gestione template e manipolazione DOM, creazione di form con gestione di validazioni ed errori, comunicazione con REST API, styling, sfruttare il motore di dependency injection e creazione di applicazioni multiview con il router integrato nel framework

Vedremo brevemente anche come organizzazione i template HTML in diversi componenti, anche se questo argomento è tuttavia affrontato in modo più esaustivo nei gli altri corsi in catalogo.

I miei corsi sono sempre tarati sulle skill dei partecipanti e sugli obiettivi della società che lo richiede, perciò sarà possibile decidere di comune accordo se approfondire o meno alcune tematiche, se far svolgere ai partecipanti delle esercitazioni per mettere in pratica i concetti esposti e configurare ad esempio l'ambiente di lavoro sui propri PC (installando Node, NVM, AngularCli e creando i primi progetti Angular) oppure propendere per un corso più intensivo decidendo di approfondire, ad esempio, alcune tematiche fondamentali per il team o il progetto che si deve realizzare.
PROGRAMMA
Environment & Tools
NodeJS, NPM & gestire differenti versioni di NodeJS con NVM
Installare un Terminale su Mac e Windows
Installare e creare progetti con 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
ngModel directive: 1-way vs 2-ways binding
ngForm e 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
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
MULTIVIEW APPLICATIONS
Il modulo @angular/router
Single Page Application Multiview
Router Navigation
Feature Route components
Condividere dati tra le routes
MODALITÀ LEZIONI
TEORIA
angular-core-concepts-mode1
Lezioni dedicate alla teoria per comprendere le basi del framework e i suoi costrutti. Decine di slide, diagrammi e materiale esclusivo incluso nel corso
LIVE CODING
angular-core-concepts-mode2
La maggior parte del corso è svolto con sessioni di live coding: esempi pratici per la gestione di diversi scenari, casi d'uso tipici e utilizzo delle API più popolari
REAL APPS
angular-core-concepts-mode3
Durante il corso sarà sviluppata una semplice Single Page Application per la gestione di operazioni CRUD tramite l'utilizzo di API RESTful allo scopo di mettere pratica i concetti acquisiti.



ESEMPIO LEZIONE
Un semplice esempio di codice Angular per il caricamento di dati acquisiti da servizi REST e la loro visualizzazione tramite alcuni degli strumenti inclusi dal framework:

Direttive del framework: ngIf e ngFor
HttpClient e comunicazione con REST API
Creazione custom types tramite l'utilizzo di interfaccce
ISTRUTTORE:
FABIO BIONDI

profile-round-gde-1



TRAINER, SPEAKER, DEVELOPER
Fabio Biondi, front-end developer da quasi 20 anni, si occupa di formazione, sviluppo e consulenza in ambito enterprise.
Attualmente focalizzato principalmente su Angular, React, Redux, Fabio ha inoltre un solido background nella creazione di interfacce interattive, componenti e infografiche in HTML Canvas e D3.js.

Membro attivo e fondatore di diverse community italiane, collabora attivamente con molte realtà italiane per l'organizzazione di eventi, master, campus e corsi di specializzazione in cui ha formato centinaia di sviluppatori, studenti e team.

Nel 2018 ha ottenuto la qualifica di Google Developer Expert in Web Technologies e Angular e per diversi anni (2004-2011) è stato Adobe Certified Expert & Instructor (Flex, AIR, Flash PRO, Flash Catalyst).

2019-GDE-Angular-Badge
2019-GDE-Web-Technologies-Badge
RECENSIONIUTENTI

COSA INCLUDE IL CORSO
Corso di formazione on-site
16 ore (2gg)
CheatSheet Angular Fundamentals
PDF formato A4
CheatSheet Javascript ES6
PDF formato A4
Centinaia di slides
Accesso Area Riservata
Decine di esercitazioni
Accesso Area Riservata
Codice Sorgente
Incluso
Attestato di partecipazione
PDF formato A4


FAQ
A chi è rivolto?
Principalmente a team e società che intendono organizzare corsi di formazione per un ristretto gruppo di persone (10-30).
Tuttavia, organizzo spesso corsi ed eventi aperti al pubblico in cui chiunque può partecipare (freelance, appassionati, dipendenti). Ti invito a seguirmi sui vari canali social o di iscriverti alla newsletter per rimanere aggiornato
Non sono sicuro che questo corso sia adatto al mio team. Puoi aiutarmi ad orientarmi?
Assolutamente sì. Utilizza il form di contatto e organizzeremo volentieri una skype call o telefonata di confronto
Posso modificare il programma e creare un corso personalizzato ?
Sì. Puoi scegliere gli argomenti che preferisci da questo e altri corsi e possiamo definire un programma ad hoc tarato sulle vostre necessità e skill. Per i corsi più avanzati, solitamente, organizzo una skype call con i partecipanti in modo da valutare il grado di preparazione attraverso un'intervista e/o una sessione di code review (gratuita, della durata di 30/60 minuti)
Dove può essere erogato il corso?
• In Friuli, Ronchi dei Legionari (Gorizia) - Max 12/14 posti con seduta e tavolo oppure 80 posti solo seduta.
• On-Site, presso la vostra sede, in tutta Italia
Quanto costa?
Richiedi le mie tariffe attraverso il form di contatto specificando indirizzo in cui erogare il corso, il periodo e la durata
Cè un quantitativo minimo di giornate da acquistare?
Vivendo a Trieste, i viaggi per raggiungere le sedi dei corsi sono spesso lunghi, faticosi e non privi di imprevisti.
Per questo motivo il numero di giornate minimo affinché si possa organizzare un corso è due, nel caso la durata del viaggio sia inferiore alle 3 ore. Tre giornate, invece, nel caso di una durata maggiore
Il corso prevede esercitazioni per gli studenti?
La scelta è vostra. È possibile effettuare 1 o 2 ore di esercitazioni al giorno oppure lasciare spazio agli argomenti del corso ed approfondimenti
Devo portare il mio laptop?
È necessario solo se intendete configurare l'ambiente di lavoro o effettuare esercitazioni. Un blocco appunti e una penna sono più che sufficienti dato che, dopo il corso, avrete comunque accesso al materiale tramite un'area riservata (slide, esercitazioni, source code)