ANGULAR FUNDAMENTALS
Un video corso sulle fondamenta del framework, pattern e best practice. Include, inoltre, il mini-corso "Javascript ES6" e ...
Dopo aver lavorato con grandi clienti internazionali e formato per anni aziende e freelance offline, ho deciso di ascoltare i feedback delle miei studenti e sviluppare un video corso completo, adatto sia ai principianti, che ai developer più esperti che già utilizzano il framework.
CHE COS'È ANGULAR FUNDAMENTALS?
Angular Fundamentals è un corso intensivo in cui si descrivono le principali funzionalità dell’ultima release di Angular.
Moltissimi esempi pratici e casi d’uso tramite il quale potrete non solo apprendere i concetti fondamentali del framework per la creazione di Single Page Applications ma applicare fin da subito pattern, metodologie e best practice tramite sessioni di teoria, pratica e live-coding.
Inclusi nel pacchetto troverai anche un mini-corso su Javascript ES6 propedeutico a quello Angular e un corso di approfondimento sulla creazione di librerie NPM di componenti e servizi Angular.
Moltissimi esempi pratici e casi d’uso tramite il quale potrete non solo apprendere i concetti fondamentali del framework per la creazione di Single Page Applications ma applicare fin da subito pattern, metodologie e best practice tramite sessioni di teoria, pratica e live-coding.
Inclusi nel pacchetto troverai anche un mini-corso su Javascript ES6 propedeutico a quello Angular e un corso di approfondimento sulla creazione di librerie NPM di componenti e servizi Angular.
A CHI È RIVOLTO?
1) BEGINNERS
Per tutti coloro che desiderano utilizzare Angular e creare Single Page Application tramite un percorso di studio graduale, ben strutturato, che permetta ai neofiti di partire da zero e raggiungere un buon livello in brevissimo tempo. L’unico requisito è la conoscenza di almeno un linguaggio di programmazione.
2) ANGULAR DEVELOPERS
Per gli sviluppatori che già utilizzano Angular ma non ritengono di farlo nel modo corretto e/o desiderano migliorare la qualità del loro codice applicando best practice, pattern, metodologie e ottimizzando il codice allo scopo di renderlo più performante, leggibile e manutenibile.
N° Lezioni: 160+ video
Corso Angular: 18+ ore
Corso Javascript ES6: 2 ore
Corso Librerie NPM: 1 ora
Livello: Principiante / Intermedio
Versione Angular: 8.x
Tipologia: Video Corso
Organizzazione in custom modules: "core", "features" e "shared"
Nel corso organizzeremo i layout in componenti
Applicazioni stateless e business logic (stato applicativo e side effect) gestiti attraverso appositi servizi
Organizzazione in custom modules: "core", "features" e "shared"
Nel corso organizzeremo i layout in componenti
COSA TROVERAI DENTRO ANGULAR FUNDAMENTALS ?
Più di 130 video su Angular
Nel video corso troverai più di 130 video e 16 ore di lezione suddivise in capitoli, con sessioni di teoria, pratica, live-coding: sviluppo Single Page App, applicazioni CRUD, Realtime app con Google Firebase e decine di casi d’uso ed esempi pratici.
Mini corso "Javascript ES6" in omaggio (altri 26 video)
Avrai accesso ad uno speciale mini corso su Javascript ES6, appositamente realizzato per semplificare l’apprendimento di framework front-end come Angular, Vue o React.
Mini corso "Creazione e pubblicazione librerie / UIKIT Angular su NPM" (altri 10 video)
Avrai accesso ad uno speciale mini corso nella quale descrivo come realizzare una libreria di componenti e servizi Angular da pubblicare su NPM affinché possa essere utilizzata da più progetti
Aggiornamenti
L’acquisto include tutti i futuri aggiornamenti, quindi avrete accesso a nuovi video con argomenti attualmente non inclusi, bug fix e materiale extra (PDF, Slides, Codice)
Soddisfatto o Rimborsato
Se non sei soddisfatto di quello che hai acquistato, nessun problema. Entro 30 giorni dall’acquisto potrai richiedere il rimborso del 100% del corso 😉
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.
PROGRAMMA
Panoramica
Introduzione al corso (4:44)
Gli argomenti del corso in dettaglio (5:03)
Single Page Applications e approccio component-based (14:37)
Angular Framework: le funzionalità principali (17:17)
Installazione e configurazione
Installazione e utilizzo di NodeJS e NVM (4:16)
Installare Angular CLI e creare un progetto Angular (2:34)
Introduzione al boilerplate (2:05)
AppComponent e AppModule: parte 1 - intro (3:50)
AppComponent e AppModule: parte 2 - code (3:44)
ng new: parametri (1:59)
Fundamentals
Interpolation {{value}} (1:10)
Native events: mouse e tastiera (5:48)
Directives (5:19)
Attributi e parentesi quadre (brackets) (6:29)
Components (5:07)
Pipes (5:17)
Custom Types (5:46)
Introduzione ai service e alla dependency injection (3:52)
Comunicazione con server, REST API e HttpClient (5:03)
Angular Structural Directives
La direttiva ngIf e l'opzione ngIf...else (6:02)
La direttiva ngFor: introduzione e tipizzare collezioni (6:59)
La direttiva ngFor: proprietà index, last, odd (3:30)
La direttiva ngFor: manipolazione dati (5:58)
La direttiva ngSwitch (4:53)
Styling
Styles and Components (4:06)
Inline CSS class (2:08)
La direttiva ngClass (3:15)
Inline Styling (3:27)
La direttiva ngStyle (1:50)
Librerie CSS 3rd party e angular.json (6:12)
Template-driven Form
Input, "template reference variables", keyboard events (7:25)
La direttiva ngModel: 1way vs 2 way binding (5:49)
ngForm, ngModel e gestione data model (13:50)
Form Validation (8:19)
Form, validazione e gestione errori (4:09)
Custom components
Hello Components (5:52)
Input Properties (2:32)
Content Projection (7:35)
Componenti "stateful" e Input default value (2:32)
@Output event emitter: realizzare un TabBar component riutilizzabile (24:10)
Lifecycle hook: ngOnInit (9:23)
Lifecycle Hook: onChange (5:20)
ChangeDetectionStrategy, ChangeDetectorRef e stato immutabile: ottimizzazione performance e controllo del rendering (14:45)
BrowserAnimationModule: animazioni in Angular
Animated Collapsable Panel: trigger, style, state e animate (11:37)
Animated TabBar: animations e ciclo di vita dei componenti (15:58)
Animated Text: gestire gli eventi delle animation (14:02)
Multi-view applications con Angular Router
Introduzione ad angular router (2:03)
Utilizzo di Angular Router e creazione componenti con Angular CLI (6:15)
Navigation Bar (5:33)
AngularCLI ei il modulo AppRoutingModule (5:13)
Passaggio parametri e ActivatedRoute (8:30)
ActivatedRoute e Router API (6:23)
Eventi del router & RxJS operators (4:50)
Comunicazione con il server
Configurare un mock server: json-server (5:13)
GET: Caricamento dati da REST API e custom types (9:30)
DELETE: Cancellazione elementi e gestione errori XHR (8:39)
Dynamic styles e migliorare il look & feel (7:45)
POST: Aggiungere elementi alla collezione tramite form (9:55)
PUT e PATCH: aggiornare un elemento (13:34)
Dependency Injection
Dependency Injection, injector e providers (6:01)
Condividere dati utilizzando i "Service" (8:43)
Service, REST API e decoratore @injectable (10:57)
Gestire lo stato applicativo (5:49)
Applicazioni modulari, approfondimento router e lazy loading
Moduli: introduzione (8:23)
Applicazioni Modulari (5:38)
es6 modules vs ngModules (2:21)
Feature Modules (10:12)
Shared Modules (11:25)
Core Module (3:56)
Router & Lazy Loading (11:56)
Moduli e route di secondo livello (5:54)
Router children e router-outlet secondario (5:34)
Angular 8, lazy loading & imports (3:41)
Build & Deploy
Creare la build del progetto e installare un webserver locale (3:09)
Ottimizzazione build, production e tree shaking (2:41)
Deploy delle applicazioni su Surge.sh (2:37)
Pubblicare un'applicazione Angular su Surge.sh (0:54)
environment variables: production vs development (5:44)
Live Coding / SPA: Hotel-Booking App
Video demo dell'applicazione (0:20)
PARTE 1: SVILUPPO APPLICAZIONE
Layout statico HTML con CSS Grid (+ source code) (8:37)
Creazione progetto, gestione router e impaginazione layout (11:36)
Server REST, comunicazione server, model, gestione form e visualizzazione risultati (23:21)
Card component e pipe: image gallery, forms, maps, rate, ... (34:35)
Gestione del carrello (19:26)
Autenticazione, "sicurezza" router utilizzando le guardie e protezione DOM (25:59) PARTE 2: APPROCCIO COMPONENT-BASED
Approccio component-based - PART 1: hotel-form, hotel-list e shared components (16:42)
Approccio component-based - PART 2: i componenti rimanenti (16:57)
Approccio component-based - PART 3: card component flessibile e riutilizzabile (HostBinding) (17:02)
Gestire il caso in cui il risultato della ricerca non produca risultati (4:08) PARTE 3: MODULI e LAZY LOADING
Shared Module (5:57)
Core Module (5:34)
Features Modules (6:19) Router & Lazy Loading (21:06)
Live Coding / Crud APP: approccio component-based, gestione stato & Best Practice
Demo dell'applicazione (0:11)
Creazione progetto, TSLint, installazione dipendenze e Mock Server (9:46)
Creare "features components" da Angular-CLI e gestione router (4:04)
GET e DELETE: visualizzazione e cancellazione dati dal server (7:40)
PUT, PATCH e POST: modifica e inserimento dati (17:34)
Organizzare il layout in componenti: CatalogList (8:05)
Organizzare il layout in componenti: CatalogForm (14:20)
Metodo onChanges del ciclo di vita dei componenti e decoratore @ViewChild (9:17)
Organizzazione dell'applicazione in services (5:36)
Gestire lo stato applicativo (8:18)
Nested Components: componenti dentro componenti (5:12)
Shared components: componenti riutilizzabili (9:35)
Core Components: Navigation bar e router (4:17)
Live Coding / REALTIME APP con Firebase : creare un remote controller per controllare un viewer di slides
Demo dell'applicazione "remote controller" (0:18)
Creazione progetto con router (3:24)
ADMIN: Creazione layout statico - HTML + CSS (16:21)
VIEWER: Creazione layout statico - HTML + CSS (1:48)
Introduzione a Firebase (3:22)
AngularFire: installazione e configurazione (4:09)
CONTROLLER: Creazione della galleria immagini realtime in Firebase (19:31)
CONTROLLER: controllare le slide (7:24)
VIEWER: visualizzazione delle immagini realtime (3:05)
VIEWER: bug fix (9:29)
VIEWER: aggiungere le animazioni (8:44)
VIEWER: animation bug fix
Testare l'applicazione da un dispositivo mobile tramite rete locale durante lo sviluppo: ng serve --host (1:19)
EXTRA:
StackBlitz: editor online per condividere snippet (3:34)
Introduzione ai Reactive Forms - Codemotion 2019 (40:53)
Altri video in arrivo....
MODALITÀ LEZIONI
SINGOLI ESEMPI
Decine di esempi pratici e casi d’uso sulle principali funzionalità del framework, le API più popolari e le best practice più utili per la creazione di codice riutilizzabile e scalabile.
TEORIA
Video lezioni dedicate alla teoria in cui saranno descritti i concetti tramite l’utilizzo di slide, diagrammi animati e materiale esclusivo.
REAL APPS
Sessioni di live coding in cui saranno sviluppate alcune Single Page Application che comunicano con il server tramite REST API e una RealTime Application che utilizza Google Firebase per la sincronizzazione realtime tra diversi client.
ESEMPIO LEZIONE
In questa breve lezione andremo ad imparare:
L’utilizzo della CLI (Command Line Interface)
La generazione di componenti e moduli custom
Approccio component-based
Organizzazione progetti modulari
Creazione di 'features' custom module
ISTRUTTORE:
FABIO BIONDI
FABIO BIONDI
TRAINER, SPEAKER, DEVELOPER
Mi chiamo Fabio Biondi, sono Microsoft MVP e Google Developer Expert in Angular e Web Technologies, e ho più di 15 anni di esperienza nella creazione di applicazioni web enterprise.
Sviluppatore, Istruttore e Speaker in numerosi eventi. Ho fondato e gestisco diverse community italiane che si occupano di Javascript, Angular, React e Opportunità per gli sviluppatori (più di 30000 membri).
Attualmente mi occupo di formazione e mentoring su Javascript / Typescript, Angular, React, Redux, NGRX, RxJS, Next e, recentemente, Lit e Web Components.
Mi occupo, inoltre, di creazione contenuti tecnici su YouTube (in italiano e in inglese) e sono partner su Twitch in cui mi trovate spesso in streaming (con ospiti, sessioni di formazione, live coding e studio di nuove tecnologie).
CERTIFICATIONI & AWARDS
Dal 2019: Microsoft MVP Dal 2018: Google Developer Expert in Web Technologies e Angular 2004-2011: Adobe Certified Expert & Instructor (Flex, AIR, Flash).
Sviluppatore, Istruttore e Speaker in numerosi eventi. Ho fondato e gestisco diverse community italiane che si occupano di Javascript, Angular, React e Opportunità per gli sviluppatori (più di 30000 membri).
Attualmente mi occupo di formazione e mentoring su Javascript / Typescript, Angular, React, Redux, NGRX, RxJS, Next e, recentemente, Lit e Web Components.
Mi occupo, inoltre, di creazione contenuti tecnici su YouTube (in italiano e in inglese) e sono partner su Twitch in cui mi trovate spesso in streaming (con ospiti, sessioni di formazione, live coding e studio di nuove tecnologie).
CERTIFICATIONI & AWARDS
RECENSIONI
COSA INCLUDE IL CORSO
Video corso Angular Fundamentals
18+ ore
Mini Corso JAVASCRIPT ES6
2 ore
Mini Corso Creazione librerie NPM in Angular
1 ora
Piattaforma Corsi Professionale
OnLine
Aggiornamenti futuri
Inclusi
Supporto Tecnico
Gruppo Facebook
CheatSheet Angular
PDF formato A4
CheatSheet Javascript ES6
PDF formato A4
Codice Sorgente
Incluso
Soddisfatto o Rimborsato
Entro 30gg
€ 205+iva
FAQ
Sono indeciso sull'acquisto, a chi posso chiedere consiglio?
Posso essere rimborsato?
Come posso visualizzare le lezioni?
Ho bisogno di supporto tecnico?
Il corso sarà aggiornato?
Dopo aver pagato, per quanto tempo posso usufruire del corso?
Posso ricevere la fattura per l'acquisto? Pagherò l'IVA?
Ci sono sconti nel caso di acquisti multipli, per team e aziende?
Voglio lasciarti una recensione. Dove posso farlo?
Sei disponibile per erogare dei corsi di approfondimento presso la nostra sede?