Angular Evolution (v.19)
Un video corso per imparare a sviluppare applicazioni web con la più recente versione di Angular
La versione 17 di Angular ha introdotto moltissime novità che hanno totalmente stravolto il framework!
Angular è ora molto più semplice e performante rispetto alle precedenti versioni ma, allo stesso tempo, rimane il framework front-end più potente e ricco di funzionalità per la creazione di applicazioni web.
Angular è ora molto più semplice e performante rispetto alle precedenti versioni ma, allo stesso tempo, rimane il framework front-end più potente e ricco di funzionalità per la creazione di applicazioni web.
Grazie a questo video corso, in pochi giorni, imparerai a:
- • Creare Single Page Application con le più recenti funzionalità del framework
- • Creare componenti riutilizzabili
- • Ottimizzare il codice per ottenere il massimo delle performance
Un corso realizzato a gennaio 2024 da Fabio Biondi, Google Developer Expert in Angular, e aggiornato alla più recente versione del framework, la 19.
10+ ore
di lezione
210
video
15
capitoli
ciao
Introduzione
Angular, il framework di sviluppo front-end creato da Google, si è affermato negli anni come uno strumento indispensabile per la creazione di applicazioni web enterprise.
Offre una robusta architettura che semplifica lo sviluppo di scenari complessi, migliorando la manutenibilità del codice e consentendo la creazione di applicazioni scalabili.
Prima di Angular v.17...
...il framework era troppo complesso!
Soprattutto i neo-programmatori si sono spesso lamentati per la curva di apprendimento iniziale un po' ripida ma, anche per i più esperti, non è mai stato davvero semplice.
Anche le performance non erano il massimo se confrontate con i più recenti framework.
Tuttavia, solidità, quantità e qualità delle funzionalità incluse nel framework, lo hanno sempre messo in rilievo rispetto ai competitor.
Come migliorare un prodotto già valido, quindi?
- Semplificandolo
- Aumentando le prestazioni
Angular è rinato!
Avevamo realmente bisogno di un nuovo corso su Angular? La risposta è SI!
La versione v.17 ha totalmente stravolto il framework che, pur mantenendo la retrocompatibilità con il passato, ha introdotto una moltitudine di API che lo ha semplificato e reso più performante rispetto al passato.
Il framework è così differente rispetto al passato che il team Angular ha ben pensato di effettuare un re-brand (nuovo logo e nuovo sito) e di definirla "angular renaissance", ovvero la "rinascita di Angular".
Ed è per questo che ho deciso di chiamare questo corso "Angular Evolution"
Il corso
L'introduzione degli standalone components, dei Signals, della nuova control flow syntax e di moltissime nuove API ha potenziato e, allo stesso tempo, snellito il framework rispetto alle precedenti versioni, eliminando la necessità di creare sovrastrutture complesse e semplificando notevolmente il processo di sviluppo.
Per questo motivo, pur avendo già a catalogo il corso Angular Fundamentals (il mio corso più venduto) ho deciso di realizzarne uno totalmente nuovo, completamente riscritto per sfruttare al massimo le potenzialità delle nuove API e funzionalità introdotte nelle più recenti versioni.
Guarda il video per saperne di più:Punti di forza
Un corso per apprendere le più recenti funzionalità, API e buone pratiche per lo sviluppo di applicazioni web utilizzando Angular, il framework front-end di Google.
Tutto ciò di cui hai bisogno per essere produttivo nel più breve tempo possibile ma con solide fondamenta e senza trascurare aspetti come ottimizzazione delle performance e qualità del codice.
Micro Learning
Perché perdere tempo con video lunghi e tediosi, creati al solo scopo di allungare il corso?
Lezioni brevi, molto pratiche e "velocizzate" in post-produzione nelle parti più noiose e ripetitive.
Lezioni brevi, molto pratiche e "velocizzate" in post-produzione nelle parti più noiose e ripetitive.
Aggiornato alla v.19
Sfruttiamo le API più recenti del framework: Signal, New Control Flow syntax, Defer blocks, novità su router, dependency injection, SSR, componenti e molto altro
TypeScript e RxJS
Approfondimenti sul linguaggio TypeScript e RxJS per sfruttare al meglio le potenzialità del framework
Source Code
Il codice è disponibile sotto ogni video per replicare velocemente quello che è stato svolto nella lezione. Troverai spesso anche dei link di approfondimento
Quiz e Cheatsheet
Dopo ogni capitolo potrai verificare quanto appreso grazie ad un breve quiz di verifica. Avrai, inoltre, a disposizione diversi Cheatsheet PDF da scaricare
Supporto
Hai dubbi o domande?
Puoi scrivere un commento sotto ogni video per ricevere supporto da me e dagli altri studenti
Puoi scrivere un commento sotto ogni video per ricevere supporto da me e dagli altri studenti
Leggi le recensioni dei primi studenti
Il corso più aggiornato su Angular
Sfrutta API, paradigmi e metodologie per sviluppare applicazioni web con la più recente versione del framework.
Nel corso:
• Angular Fundamentals: template dinamici, stili, binding, API, ...
• Diversi tip'n'tricks su TypeScript e RxJS
• Signals e Gestione stato
• Nuova Control Flow Syntax
• Creazione componenti riutilizzabili
• Gestione Router e applicazioni multi-view
• Comunicazione con il server tramite REST API
• Organizzazione progetti in componenti e servizi
• Applicare best practices e migliorare le performance
• Sfruttare il motore di Dependency Injection
• Deploy e introduzione al component testing in Cypress
Guarda il video per ulteriori dettagli sui contenuti del corso
Nel corso:
• Angular Fundamentals: template dinamici, stili, binding, API, ...
• Diversi tip'n'tricks su TypeScript e RxJS
• Signals e Gestione stato
• Nuova Control Flow Syntax
• Creazione componenti riutilizzabili
• Gestione Router e applicazioni multi-view
• Comunicazione con il server tramite REST API
• Organizzazione progetti in componenti e servizi
• Applicare best practices e migliorare le performance
• Sfruttare il motore di Dependency Injection
• Deploy e introduzione al component testing in Cypress
Guarda il video per ulteriori dettagli sui contenuti del corso
Prestazioni e Ottimizzazioni
Pur essendo un corso che parte delle fondamenta, ho dato molto spazio al concetto di performance e ottimizzazione del codice:
• Analisi dei render
• Funzionamento della Change Detection
• Strategie per ottimizzare i render, con e senza i Signals
• Lazy Loading e ottimizzazione del bundle...
• ...e le più recenti funzionalità dei blocchi
@defer• Utilizzo degli Angular Dev Tools
Reusable Components
Durante il corso creeremo un set di componenti riutilizzabili senza l'ausilio di UIKIT e dipendenze di terza parti (eccetto Tailwind e Daisy UI per i CSS).
Amo la teoria ma ancora di più la pratica.
La creazione di diversi componenti riutilizzabili ti permetterà di apprendere e acquisire confidenza con alcune delle funzionalità fondamentali del framework e, allo stesso tempo, di essere sufficientemente autonomo nel gestire diverse casistiche senza necessariamente ricorrere all'ausilio di librerie di terze parti, astraendo e creando componenti flessibili e modulari.
Amo la teoria ma ancora di più la pratica.
La creazione di diversi componenti riutilizzabili ti permetterà di apprendere e acquisire confidenza con alcune delle funzionalità fondamentali del framework e, allo stesso tempo, di essere sufficientemente autonomo nel gestire diverse casistiche senza necessariamente ricorrere all'ausilio di librerie di terze parti, astraendo e creando componenti flessibili e modulari.
PER I PIÙ ESPERTI...
Il corso include tre capitoli bonus con altri contenuti esclusivi e aggiornati alle ultime versioni:
1. Cypress
Spesso utilizzato per scrivere test E2E in modo davvero semplice, Cypress integra anche delle utilissime funzionalità per il Component Testing, che in questo corso esploreremo molto velocemente.
2. Auth
Auth0 rappresenta una delle piattaforme più utilizzate per la creazione di sistemi di autenticazione, flessibili solidi e scalabili.
03. SSR e SSG
Utilizzare Server Side Rendering (SSR) e Static Site Generation (SSG) per sfruttare diverse strategie di pre-rendering e creare applicazioni performanti e SEO Friendly
Metodologia di insegnamento
Amo i video brevi, che vadano dritti al punto!
E non sopporto le perdite di tempo, i corsi dove è necessario impostare la riproduzione a 2x per evitare che mi addormenti, creati al solo scopo di far sembrare il corso più interessante.
Per questo motivo:
1. Il percorso e gli esempi sono stati progettati con cura per fornire tutte le informazioni di cui si ha bisogno per essere produttivi nel minor tempo possibile
2. Non solo descrivo le funzionalità del framework ma cerco di fornire solide fondamenta, spiegando spesso i PERCHÈ, i COME e COSA accade dietro le quinte.
3. Il processo di post-produzione è "immenso": un video di 10 minuti spesso diventa di 1 o 2 minuti, tagliando sbavature, errori, velocizzando le parti lente che non aggiungono valore reale ed eliminando tutte le parti superflue
A chi è rivolto
Principianti
Non hai mai utilizzato Angular?
Questo corso ti aiuterà ad essere produttivo in pochissimo tempo, sfruttando le più recenti API offerte dal framework
Questo corso ti aiuterà ad essere produttivo in pochissimo tempo, sfruttando le più recenti API offerte dal framework
Experts
Utilizzi Angular da tempo o hai già acquistato il corso Angular Fundamentals?
Scoprirai moltissime novità nel più breve tempo possibile!
Guarda il video di presentazione
Scoprirai moltissime novità nel più breve tempo possibile!
Guarda il video di presentazione
ciao
Leggi le altre recensioni
Requisiti
L'unico vero requisito è saper utilizzare i costrutti alla base di JavaScript ES2015, ad es. arrow syntax, array methods, spread operators e così via. Anche una minima conoscenza di TypeScript sarebbe preferibile.
Nel caso non avessi queste nozioni?
Incluso nel bundle, troverete anche un mini corso propedeutico di 3 ore su JavaScript / TypeScript che ti consiglio di guardare prima del corso Angular.Non lo consiglio, invece, nel caso non avessi proprio alcuna esperienza di programmazione.
Il Programma
Un percorso di studio sull'ultima versione di Angular per essere produttivo nel più breve tempo possibile!
Angular &. TypeScript Essentials
Durata: 02:05:20
Una panoramica sulle funzionalità principali del framework:
template dinamici, gestione eventi di mouse e tastiera, moltissime strategie per lo styling dinamico, utilizzo di direttive e pipes inclusi nel framework, Angular Dev Tools, analisi delle performance e moltissimi consigli nell'utilizzo di TypeScript
template dinamici, gestione eventi di mouse e tastiera, moltissime strategie per lo styling dinamico, utilizzo di direttive e pipes inclusi nel framework, Angular Dev Tools, analisi delle performance e moltissimi consigli nell'utilizzo di TypeScript
01. Creare un progetto standalone (aggiornato ad Angular v.19)
8:13
02. Interpolation - Template Tags
3:06
03. Events
1:23
04. Class Methods
0:58
05. Property Binding e Dynamic Attributes
4:16
06. CSS Esterni
2:34
07. CSS Styles nello stesso file
1:33
08. Dynamic class names con [class.Name]
2:26
09. Dynamic Attributes and Class Methods
2:38
10. La direttiva ngClass
2:24
11. ngClass Directive con objects, array e stringhe
0:59
12. Dynamic inline styles
1:33
13. style suffix operator
1:42
14. Dynamic CSS with ngStyle
1:45
15. Bootstrap CSS via CDN
2:42
16. Bootstrap CSS via npm
5:07
Approfondimento: il file 'angular.json'
3:01
17. Tailwind CSS: installazione e configurazione
5:12
18. Tailwind Global CSS e Utilities
3:35
19. Daisy UI and Tailwind: installazione e configurazione
2:28
20. MouseEvent, 'event$' property e types: creare una ToolTip
6:51
21. Keyboard events and event 'target' property
5:52
QUIZ: Fundamentals - Parte 1
22. Accesso al DOM con Template Reference Variable
2:33
23. '@ViewChild' decorator e Template Reference Variables
5:19
24. Component LIfecycle - 'AfterViewInit' e 'strict null check'
3:18
25. Built-in Pipes: date, number, json, ...
5:57
26. CommonModule
1:00
27. Image and Local Assets
1:36
28. 'ngIf' directive
2:26
29. 'ngFor' directive, contextual props e typed array
2:49
30. 'ngSwitch' directive, Union Type e TypeScript Strict mode
3:50
31. ngSwitch, ngFor, Literal Types e Union Type
3:44
32. Esempio: creazione Mini Slide Gallery
3:52
33. Esempio: creazione TodoList
9:59
34. Esempio: ToDoList With Immutability
4:23
35. Angular Dev Tools: Profiler e Analisi Change Detection
5:28
36. Angular Dev Tools: Components
1:49
QUIZ: Fundamentals - Parte 1
02. Signals, Gestione Stato e Analisi Performance
Durata: 21:05
I signals rappresentano una delle novità più importanti introdotte nelle ultime versioni del framework. Consentono di migliorare notevolmente le prestazioni delle applicazioni e semplificano la gestione di stati locali e globali, rendendo spesso superfluo l’utilizzo di RxJS, quasi indispensabile nelle precedenti versioni
01. Introduzione ai Signal
5:08
02. Signal: set e update
3:25
03. Signals: Effects
2:22
04. Change Detection e Performance
3:40
05. Computed Property e Signal Derivati
4:00
06. Inner Computed Signals: Ottimizzare ulteriormente le prestazioni
2:40
07. Linked Signals (Angular v.19)
1:30
QUIZ: Signals
03. Control Flow Syntax e Signals
Durata: 20:47
Creare template HTML dinamici con la nuova sintassi a blocchi, sfruttando i Signals.
Ti stai chiedendo che fine hanno fatto le vecchie direttive 'ngIf', 'ngFor', 'ngSwitch'? Lo scoprirai in questo capitolo
Ti stai chiedendo che fine hanno fatto le vecchie direttive 'ngIf', 'ngFor', 'ngSwitch'? Lo scoprirai in questo capitolo
01. Direttiva *ngIf e Signals
1:23
02. Direttiva *ngFor e Signals
1:03
03. '@if' block
2:07
04. '@Switch' block - wizard multi step
1:53
05. '@for' e @empty blocks
3:07
06. '@for' e computed Signals
1:41
07. Contextual Variables, '@If' inside '@for'
0:51
08. Multiple Signals: creazione Tab Navigation
2:47
09. Todo List con i Signals
5:55
QUIZ: Control Flow Syntax
04. Standalone Components Fundamentals
Durata: 36:10
I componenti "standalone", introdotti in Angular 14 e potenziati versioni dopo versione, hanno semplificato e snellito il framework.
Hai già usato Angular in passato? Dimenticati di moduli, complesse procedure per gestire router e lazy loading.
In questo capitolo creiamo i primi componenti ed esploriamo le API fornite dal framework, molte delle quali introdotte da Angular v.16
Hai già usato Angular in passato? Dimenticati di moduli, complesse procedure per gestire router e lazy loading.
In questo capitolo creiamo i primi componenti ed esploriamo le API fornite dal framework, molte delle quali introdotte da Angular v.16
01. Creare un componente "Phone" riutilizzabile
4:01
02. @Input Properties
2:53
03. @Input required
0:47
04. @Input Transform
1:32
05. @Input Trasform booleanAttribute
1:57
06. @Input Transform numberAttribute
1:52
07. Transform and TypeScript: literal types e union
2:24
08. @Input Alias
0:41
09. External Templates
1:12
10. Angular Dev Tools
0:33
11. Component LifeCycle - 'ngOnInit' e 'ngOnDestroy'
4:03
12. Component LifeCycle - 'ngOnChanges'
7:03
13. @Input Setters
1:53
14. Ottimizzazione performance con ChangeDetection 'onPush' e Immutability
5:19
QUIZ: Standalone Components - Pt. 1
05. Reusable Components
Durata: 48:03
Approfondiamo i componenti Standalone creando da zero diversi componenti riutilizzabili, senza l'ausilio di dipendenze di terze parti (se non per l'utilizzo di Tailwind e Daisy UI come supporto CSS)
01. TimeLine Component
7:26
02. Accordion Component
7:15
03. Alert Component: Output Event Emitter
4:30
04. Alert: ngContent
1:59
05. Alert: inputs
0:49
06.Alert: Variants
1:49
07. Alert: Icons / ngSwitch
1:56
08. Alert: Customize Buttons
0:42
09. Alert: Icon: Children Components
2:00
10. Alert: Dynamic Icon SVG Path e '[attr.prop]'
3:14
11. DropDown Component
3:55
12. DropDown: posizionamento e apertura al click o al rollover
3:56
13. Dropdown: event con params
1:56
14. Dropdown: trick per forzare la chiusura
2:40
15. Raggruppare componenti in uno Shared Module è una bad practice!
5:36
QUIZ: Standalone Components - Pt. 2
06. Router e MultiView Applications
Durata: 44:57
Il router di Angular è uno dei più ricchi di funzionalità : vedremo come realizzare e navigare su route di primo e secondo livello, proteggere le route da accessi indesiderati, passare dati e parametri alle route e molte altre funzionalità, sfruttando le più recenti API.
Oggi puoi creare progetti Angular snelli, performanti e in modo davvero semplice e veloce!
Oggi puoi creare progetti Angular snelli, performanti e in modo davvero semplice e veloce!
01. Creazione Componenti
2:33
02. Router Outlet
4:05
03. Navigation Bar e direttive router
5:51
04. Lazy Loading, Bundle & Chunks
6:15
05. Export Routes as Default
0:56
06. Router Event, RxJS e Inject
4:05
07. ActivateRoute Service, RxJS e Router Data Property
4:17
08. Router Params e RxJS
3:37
09. withComponentInputBinding - data e params - the NEW WAY
1:44
10. Nested Routes - creare lo showcase dello UIKIT
8:07
11. Functional Router Guard
3:27
12. View Transition API
1:15
QUIZ: Router
07. HttpClient e REST API
Durata: 46:14
Analizziamo diversi aspetti legati alla comunicazione con il server tramite REST API
01. DI, provideHttpClient e HttpClient
5:39
02. HttpClient and Types
4:29
03. Http Client e @for
0:37
04. HttpClient, RxJS e Async
3:46
05. HttpClient e Signals
1:02
06. HttpClient, RxJS e ToSignal
6:01
07. ToDo List: pt1 - Panoramica
3:14
08. ToDo List: pt2 - HttpClient
6:50
09. Todo List: pt3 - Gestione errori
4:31
10. Functional Http Interceptor
5:00
11. Interceptor - Gestione errori
5:05
12. Resource API - Fetch Data (Angular v.19)
3:55
13. Resource API with async await (Angular v.19)
0:30
14. Resource API - Reload data (Angular v.19)
0:31
15. Resource API e la proprietà request - Invocare il loader sulla base di un Signal
3:10
16. Resource API - Abort Signal (Angular v.19)
1:41
17. Resource API e RxJS con rxResource (Angular v.19)
2:44
18. rxResource e forkJoin - multiple http requests (Angular v.19)
3:57
QUIZ: HttpClient e RxJS
08. Refactoring
Durata: 32:42
Applichiamo strategie e pattern per migliorare la leggibilità e manutenibilità del codice, sfruttiamo il motore di Dependency Injection per la gestione dello stato e dei side effects, strutturiamo le pagine in componenti stateful e stateless, ottimizziamo le performance
01. Creazione Component Shared - Http Error
2:27
02. Todo List - suddivisione in componenti
0:51
03. Summary Component
2:20
04. Todo Form Component
3:14
05. Todo List Component
4:11
06. Stateful vs Stateless components
3:25
07. Dependency Injection - API Service
6:12
08. Dependency Injection - State e API
4:20
09. Performance e Change Detection Strategy onPush
2:55
10. DI e Component Providers
2:47
09. State Management con Signal e Dependency Injection
Durata: 49:59
Gestire stati locali e globali non è mai stato così semplice grazie al sistema di Dependency Jnjection integrato che ora può sfruttare la flessibilità e le prestazioni offerte dai Signal
01. Creazione Nuovo Progetto: mini shop con Carrello
3:51
02. La pagina Shop
3:51
03. Share State con Service e Signal: global cart service
5:00
04. Service e Computed properties
2:53
05. Cart Page: template syntax blocks and signals
2:51
06. Share Service tra componenti: Settings Service
3:01
07. Setting Service: update Signals
1:35
08. Editor Component
4:12
09. Preview Component
3:29
10. Ottimizzazione: Ridurre i render con le Computed Properties
2:54
11. Ottimizzazione TypeScript: astrazione
1:26
12. Ottimizzazione TypeScript: type safed keys con TypeScript keyof
1:44
13. Ottimizzazione TypeScript: generics e type safe value
4:54
14. cleancode e minor fixes
1:23
15. Ottimizzazione: ChangeDetection onPush e performance
3:05
16. Providers e Gerarchia Injector
3:50
QUIZ: Dependency Injection
10. Deploy
Durata: 11:55
Pubblica le tue applicazioni: dal versionamento al deploy
01. Versionamento di un progetto Angular 17 su GitHub
1:52
02. Deploy su Vercel
4:40
03. Deploy su GitHub Pages
6:23
11. Deferrable Views
Durata: 16:44
Sfrutta la nuova funzionalità dei blocchi "@defer" per applicare un lazy loading granulare e controllato su singoli componenti e parti dell'applicazione
01. Creazione Progetto
2:35
02. Creare "Utility components": Box e VSpace
2:04
03. Deferrable Views con @defer e "when"
4:22
04. @defer: on interaction e @placeholder
1:24
05. @defer: on viewport
1:22
06. @defer: on ViewPort Trigger
1:36
07. @defer: on Timer
1:28
08. @defer: @loading and @error
1:53
QUIZ: Deferrable Views
BONUS: Autenticazione con Auth0
Durata: 38:19
Introduzione ad Auth0
4:29
01. Creare il progetto Angular Standalone
1:39
02. Configurare Auth0 dalla dashboard
3:14
03. Installare e Configurare Auth0 SDK for Angular
1:52
04. Login con Auth0 e Google Provider
3:19
05. Login e Logout con Auth0 e RxJS
3:47
06. Login e LogOut con Signals
1:10
07. Get User Profile
3:07
08. User Profile con Signals e Computed Signals
1:27
09. CORS e Auto-Login
1:32
10. Auth0 e Router Guards
1:31
11. Auth0 Interceptor
3:49
12. Social Connection: Facebook Provider
2:24
13. LocalStorage e Problemi con Silent Authentication
1:12
14. Refresh Token
3:47
BONUS: Component Testing con Cypress
Breve panoramica sul Component Testing in Cypress.
Crea un componente e scrivi i test per i casi d'uso più comuni: Input, Output e Content Projection.
Crea un componente e scrivi i test per i casi d'uso più comuni: Input, Output e Content Projection.
Angular - 01. Creazione progetto
3:31
Angular - 02 - Creare il componente
7:12
Angular - 03 - Scrivere il test per il componente
10:46
BONUS: Angular SSR
Durata: 35:17
Introduzione al server side rendering (SSR) e alla generazione di pagine statiche (SSG) con l'ultima release di Angular (v.17)
01. Creare un progetto con supporto SSR-SSG
3:15
02. Gestione Router
1:38
03. SSG - Build Static Apps
1:15
04. HttpClient, withFetch e SSG
7:06
05. isPlatformBrowser
3:46
06. afterNextRender in Components
3:02
07. afterNextRender in custom directives
4:10
08. DOM, Signal e Injection
3:25
09. DOM, Multiple Service e Server Config
3:11
10. Mixed Mode - SSR e SSR nella stessa applicazione
4:29
Extra e Aggiornamenti
Durata: 30:13
Capitolo bonus con aggiornamenti, integrazioni e novità
Signal Inputs - Weather Component (v.17.1)
11:40
01. Utilizzare una CDN (ImageEngine) con la direttiva NgOptimizedImage
19:33
CORSI IN SUPER PROMO
Non c'è un capitolo sui form?
Il motivo è che ho già creato un video corso dedicato, "Reactive Forms Fundamentals" della durata di 3 ore in cui potrai imparare a creare form tipizzati usando i potentissimi Reactive Forms forniti dal framework
All'interno del corso troverai un coupon per acquistarlo a soli € 29 + iva.
Ma non solo!
Acquistando il corso Angular Evolution potrai sfruttare le super promozioni per acquistare i corsi:
• "Reactive Programming con Angular e RxJS 6" a soli € 79 + iva*
• "Scrivere E2E test con Cypress " a soli € 79 + iva*
* Troverai i coupon all'interno del video corso Angular Evolution
Acquista il corso
Accedi al materiale dove e quando vuoi... per sempre!
TEAM 5 studenti
€
89
+ iva
/utente
-
Prezzo promozionale per team di almeno 5 persone
-
Report / Progress per singolo utente
-
Promozione applicabile solo a società e team. Non gruppi di acquisto
LICENZA LIFE-TIME
Singolo Utente
€
149
+ iva
-
210+ video su Angular v.17
-
10+ ore di lezione
-
Cheatsheet PDF
-
Quiz
-
Link di approfondimento
-
+ 3 ore mini-corso JS / TS
-
15 gg soddisfatto o rimborsato
-
Codice Sorgente
-
Supporto Tecnico
Hai bisogno della fattura?
Devi inserire i dati in fase di acquisto cliccando il checkbox "Add a business tax ID" o non sarà più possibile richiederla
TEAM 10 studenti
€
69
+ iva
/utente
-
Prezzo promozionale per team di 10+ persone
-
Report / Progress per singolo utente
-
Promozione applicabile solo a società e team. Non gruppi di acquisto
FAQ
Ho qualche dubbio che il corso faccia al caso mio. Posso contattarti?
Ho qualche dubbio che il corso faccia al caso mio. Posso contattarti?
Certo, puoi scrivermi tramite il Form di Contatto
È possibile fruire il corso simultaneamente su device?
È possibile fruire il corso simultaneamente su device?
Gli accessi simultanei alla piattaforma da diversi IP verranno bloccati.
Nel caso fossi interessato all’acquisto di più di una licenza d’uso sono previsti degli sconti.
Contattami per ulteriori info.
Contattami per ulteriori info.
È previsto un rimborso nel caso non fossi soddisfatto?
È previsto un rimborso nel caso non fossi soddisfatto?
Sono sicuro che apprezzerai i contenuti del corso ma se non fossi soddisfatto potrai comunque essere rimborsato totalmente entro 15 giorni dall'acquisto
Posso ricevere la fattura?
Posso ricevere la fattura?
In fase di acquisto, è necessario inserire la partita iva (utilizzando IT come prefisso, ad es. IT1234567890) cliccando sul pulsante "+ ADD BUSINESS DETAILS" e inserire i dati per la fatturazione.
Teachable, la piattaforma americana utilizzata per erogare i corsi, si occupa di tutto il processo di pagamento e di mettere le ricevute di acquisto.
Essendo un sistema di pagamento extra EU, nel caso di acquisto con partita iva, l'iva non sarà applicata e quindi sarà tolto il 22% dal totale.
Prima di effettuare l'ordine guarda un esempio di fattura che riceverai.
L'iva viene applicata? La fattura è inviata da un'azienda americana
L'iva viene applicata? La fattura è inviata da un'azienda americana
Il mio corso è fruibile tramite la piattaforma Teachable, azienda con sede negli Stati Uniti. Per questo motivo: se richiedi la fattura e inserisci la partita iva in fase di acquisto NON verrà applicata l'iva. Al contrario, il costo per i privati sarà comprensivo di IVA
La possibilità di visionare il corso è limitata nel tempo?
La possibilità di visionare il corso è limitata nel tempo?
No! La licenza d’uso non ha nessuna scadenza. Una volta acquistato il corso potrai fruire dei contenuti del corso ed eventuali aggiornamenti senza limiti di tempo.
Dubbi e Domande?
Dubbi e Domande?
Scrivimi in privato su LinkedIn o utilizza l'apposito form di contatto
Dove posso seguirti per ulteriori aggiornamenti?
Dove posso seguirti per ulteriori aggiornamenti?
Sono presente su tutti i principali social network. Trovi i link nel footer.
Per tutti gli aggiornamenti puoi seguirmi su Telegram e non dimenticare di iscriverti alla newsletter
Per tutti gli aggiornamenti puoi seguirmi su Telegram e non dimenticare di iscriverti alla newsletter
☠️ PIRATERIA : hai visto il mio corso replicato su qualche piattaforma oppure la tua azienda condivide l'account tra più studenti?
☠️ PIRATERIA : hai visto il mio corso replicato su qualche piattaforma oppure la tua azienda condivide l'account tra più studenti?
Per favore inviami una segnalazione compilando il Form di contatto
Recensioni
Alcune delle recensioni dei primi studenti del corso...
Alessandro Nestola
Product Manager presso BPMSoft | Capogruppo Consiliare AlbaNuova
Corso coinciso, pratico e pragmatico. Fabio non lascia nulla al caso, consiglia best practice, approfondisce ogni argomento del corso.
Un corso necessario, anche per chi ha già conoscenza di vecchie versioni di angular: le novità sono così tante e così impattanti che aggiornarsi velocemente e bene sia quasi un obbligo. Lo consiglio.
Federico Villa
Velivoli Storici
Con il suo conciso e perentorio incedere, Fabio fornisce un esuriente e mai superfluo approccio al fantastico mondo di Angular. Ogni argomento viene offerto nel giusto ordine e con un approccio essenziale, dando all’utente tutti gli spunti per essere immediatamente produttivi e per avere una chiara rappresentazione di ogni aspetto del framework, anche per eventuali successivi approfondimenti. Un must have
Vito Colletta
software developer and team leader with about 7 years of experience
Corso veramente ottimo, come tutti i corsi di Fabio Biondi. Ottimo sia per chi è nuovo su Angular e vuole cominciare ad usare questo framework, sia per chi come me ha già qualche anno di esperienza nell'uso del framework ma vuole avere un corso che lo aiuti a ripassare concetti, tenersi aggiornato sulle novità, conoscere best practice e confrontarsi costruttivamente con un guru delle tecnologie FE come lui. Super consigliato!!
Marco Gallo
Software Developer
Angular Evolution si distingue per la sua straordinaria ampiezza e completezza. Coprendo sia i fondamenti sia concetti avanzati, il corso offre una panoramica esauriente di Angular, rendendolo adatto sia per principianti che per sviluppatori esperti. Ogni modulo è ben strutturato, con lezioni che si susseguono in modo logico e progressivo, assicurando una comprensione completa di ogni aspetto di Angular, con esempi dal mondo reale che permettono di applicare immediatamente le conoscenze acquisite.
Giampaolo Manca
Front-end Developer
I contenuti di Fabio sono sempre chiari, diretti e puntuali. Anche in questo suo nuovo videocorso riesce a lasciare il segno e regalarci una serie di chicche interessanti: elementi chiave, dettagli e approfondimenti che aiutano e velocizzano notevolmente l'apprendimento del framework. Le sue capacità di sintesi e di comunicazione vanno di pari passo con il suo studio e approfondimento della materia, rendendolo uno dei formatori più bravi d'Italia nel campo del front end
Alessio Cellucci
Front-end Software Developer
Premetto che ancora non ho finito il corso, ma da quanto ho potuto constatare, Fabio ha svolto un lavoro meraviglioso, perchè il corso si adatta perfettamente sia a chi è alle prime armi con il framework, sia a chi ha più esperienza, ma vuole approfondire le infinite possibilità d'uso, oltre ad immergersi nelle novità dell'ultima versione rilasciata. Seguo Fabio da tanto, e grazie a lui imparo continuamente cose nuove, quindi siate accorti, perchè se entrerete nel suo magico mondo non potrete più farne a meno, perchè i suoi corsi, come i video e le live, creano dipendenza. Buon codice a tutti e grazie mille per la professionalità e la passione che metti in quello che fai Fabio!
Enrico Del Piano
Senior Software Developer | Angular Developer Certified | FrontEnd Developer
Ottimo corso sia per esperti che per persone che vogliono affacciarsi al framework. Spiegazioni chiare e puntuali. Ho provato diversi corsi ma questo è il migliore. Grazie mille!
Mike De Petris
Co-founder, CTO
Fabio Biondi è il professionista numero uno per quanto riguarda la formazione Angular, e si vede facilmente dalla qualità dei suoi prodotti.
Fabrizio Manna
Sviluppatore Web Full-Stack e Speaker
Ben aggiornato, chiaro con esempi che ti aiutano a capire a cosa servono le varie funzionalità spiegate, si vede che dietro ci sono anni di esperienza alle spalle
Mauro Morici
Senior Sql Database Administrator
Corso coinvolgente, chiaro e che invoglia a fare di più
Marco Bortolazzo
Software Developer
Ottimo corso sia per principianti che per chi già conosce Angular. Le novità di Angular 17 sono veramente tante e partire con un corso pensato proprio da questa versione aiuta molto, anche per i prossimi anni.
Complimenti a Fabio! Consigliatissimo!
Eleonora Tiengo
Il corso é in italiano, chiaro e diretto, senza banalizzare. Ha uno stampo molto operativo, con esempi e tavole riassuntive. Introduce anche alcuni argomenti collaterali (come il versionamento con github) che sono fondamentali per uno sviluppatore, ma che troppo spesso sono considerati out of scope o scontati. Il corso si presenta quindi un ottimo strumento, che accoglie anche le new entry.
Marco Selva
Prima di tutto devo ringraziare Fabio per il grosso regalo fatto. Ho acquistato Angular Fundamentals a Novembre e a tutti i corsisti è stato regalato questo aggiornamento, non si poteva partire l'anno in modo migliore.
Per quanto riguarda il corso, avendo sotto mano anche il precendente, si nota come sia migliorata molto la l'esposizone, la qualità dei video e la post produzione cosi come il dettaglio nel corso. I cheatsheet sono qualcosa di indispensabile sia in fase di studio che in fase di sviluppo.
Sono spiegati in maniera molto efficacie le nuove sintassi e API sempre con il paragone con le versioni precedenti.
Componenti da 0 per capire davvero le basi e poter poi usare in maniera più agile kit gia costruiti.
I capitoli bonus sono delle chicche che aprono nuovi mondi anche ai meno esperti come me.
Il codice sotto ogni video è molto utile per sviluppare passo passo quello che si sta studiando per fissare ancora meglio i concetti.
Consiglio a tutti l'acquisto, del corso in particolar modo agli junior come me che hanno gia usato Angular, per cementare ancora di più le conoscenze base e per imparare fin da subito le best practice per avere un codice pulito, funzionale e sempre di ottima qualità.
Andrea Fianco
Sviluppo area clienti Wind
Un ottimo corso per chi parte da zero e non solo.
Dopo una introduzione ricca di spunti (manca solo la gestione dei form, trattata approfonditamente da Fabio in un altro suo corso) si passa a tutte le novità introdotte dalle versioni 16/17 come gli standalone component, i "signals", le "deferrable views" e la nuova sintassi di controllo del flow.
Utile il capitolo che, sfruttando i signals e la dependecy injection, permette di gestire lo stato applicativo senza bisogno di librerie di terze parti (tipo NgRx).
Ci sono poi capitoli bonus, come quello che riguarda l'autenticazione con la libreria Auth0, che approfondisce l'uso delle rotte, delle guards (indispensabili per applicazioni di un certo livello), degli interceptors.
C'è tutto, o quasi, spiegato - come sempre - in maniera chiara ed esaudiente.
L'insegnate è poi super disponibile e raggiungibile attraverso vari canali (io vi consiglio il suo gruppo Telegram multi topic "We are devs" https://t.me/we_are_devs).
Dimenticavo: come riportato nel titolo il corso è in costante evoluzione e aggiornamento (work in progess il capitolo riguardante il Server Side Rendering), il che lo rende un investimento eccellente per la vostra carriera!
Simone Cardinale
Front End Developer - Angular | React
Il corso è un must per tutti quegli sviluppatori, junior e non, che vogliono conoscere e approfondire le caratteristiche principali di Angular. Chiarezza nell'esposizione, video ben editati e dalla corretta durata sono la forza principale di questo corso, permettendo allo studente di concentrarsi sugli argomenti e di ottenere il massimo dalle varie lezioni. Se volete conoscere a fondo Angular dovete partire da qui!
Adolfo Sacchi
Software Engineer
Il corso si rivolge veramente a tutti, experienced e non del framework. L'ordine dei capitoli è ben studiato e funzionale, i temi trattati spaziano dall'uso di base, alle diverse chicche buttate qua e là in grado di farti aprire gli occhi su nuovi modi di fare (meglio) cose che facevi in modo meno efficiente e leggibile. Ancora grazie Fabio!.
Christian A.
Ho iniziato questo corso carico di aspettative che non sono state deluse: Fabio è un maestro nel tenere sempre alta la concentrazione dell'ascoltatore con le sue lezioni che vanno dritte al punto senza perdite di tempo in chiacchiere sterili. Le spiegazioni sono chiare e mai banali. Un corso che chi ama Angular deve assolutamente avere.
Giulia
Il corso è strutturato bene e ogni argomento è spiegato in modo chiaro ed approfondito. I temi trattati sono fondamentali per orientarsi bene all'interno del framework e migliorare come developer. I cheat sheet, invece, sono semplicemente fantastici. Non ho ancora terminato il corso ma sono già certa di aver fatto un ottimo acquisto.
Raffaele Grieco
Consulente IT
Ho appena concluso il corso di Fabio ed è ineccepibile sotto tutti i punti di vista.
Da backend developer, neofita dell'ambito frontend, solo con una breve esperienza in React, sono soddisfatto in quanto sento di aver padroneggiato tutti i concetti dichiarati nell'introduzione del corso. Consiglio questo corso a tutti i neofiti e non, sia per la professionalità e la lunghezza dei video (che lasciano spazio ad approfondimenti e ad una rapida comprensione), sia per il rapporto qualità-prezzo che personalmente ritengo molto vantaggioso.
Daniele Barell
Frontend Web Developer
Un corso di pregevole fattura grazie a un lavoro encomiabile di postproduzione. Estremamente denso di informazioni utili, ben congegnato. Ogni filmato corre (è il caso di dirlo, eh!) dritto al punto senza perdersi in fronzoli. Nononstante abbia percorso solo il 15% delle lezioni mi sento già molto soddisfatto - le sezioni che ho fatto costituiscono già un utilissimo ripasso - e rinfrancato rispetto a quelle che sono le numerose novità in arrivo. Non mi sono pentito dell'acquisto!
Marco Monza
Responsabile IT
Le lezioni, composte da video di breve durata, risultano molto fruibili, curate e, soprattutto, chiare.
Gli esempi sono ben scritti e coerenti dall'inizio alla fine: ogni lezione è l'evoluzione della precedente, ognuna completata con preziosi suggerimenti sulle best practices da applicare in ogni aspetto del progetto.
Keep updated about latest content
videos, articles, tips and news
2024 Fabio Biondi | P.I. 01116230317