Contattami | Tutti i corsi

ANGULAR FUNDAMENTALS

Il 1° videocorso in italiano sulle fondamenta del framework, pattern e best practice. Include, inoltre, mini-corsi "Javascript ES6" e "Pubblicazione librerie Angular su NPM"

angular-fundamentals



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.
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


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
angular-ngrx-mode1
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
angular-ngrx-mode2
Video lezioni dedicate alla teoria in cui saranno descritti i concetti tramite l’utilizzo di slide, diagrammi animati e materiale esclusivo.
REAL APPS
angular-ngrx-mode3
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

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
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?
Abbiamo creato un gruppo Facebook dedicato al corso Angular Fundamentals in cui potrai fare domande agli altri partecipanti, chiedere feedback e consigli
Posso essere rimborsato?
Assolutamente si, entro 30 giorni dall'acquisto nel caso il corso non soddisti le tue aspettative. Il rimborso sarà effettuato entro un paio di giorni dalla richiesta
Come posso visualizzare le lezioni?
Dopo l'acquisto ti sarà inviata una email per accedere ad una piattaforma online per la visualizzazione dei corsi
Ho bisogno di supporto tecnico?
Tramite gruppo Facebook dedicato al supporto tecnico: Angular Fundamentals
Il corso sarà aggiornato?
Si, vengono spesso inseriti aggiornamenti e nuovi contenuti
Dopo aver pagato, per quanto tempo posso usufruire del corso?
Non possiamo garantire un accesso a vita ma sicuramente per diversi anni
Posso ricevere la fattura per l'acquisto? Pagherò l'IVA?
Il sito è distribuito su piattaforma americana, quindi, se acquisti come privato l'iva sarà aggiunta al totale in fase di acquisto. Al contrario, se acquisti con partita iva, l'iva non sarà dovuta e ti sarà inviata una ricevuta di acquisto che conterrà solo nome e partita iva. Vedi un esempio di ricevuta.
Ci sono sconti nel caso di acquisti multipli, per team e aziende?
Contattami per un offerta personalizzata attraverso form di contatto specificando la quantità di licenze che sei interessato ad acquistare
Voglio lasciarti una recensione. Dove posso farlo?
Nel gruppo Facebook dedicato al corso Angular Fundamentals, nella sezione "Recensioni" della mia pagina Facebook o nella sezione "recommendations" del mio profilo LinkedIn
Sei disponibile per erogare dei corsi di approfondimento presso la nostra sede?
Assolutamente sì. Scrivimi attraverso il form di contatto