We maket IT possible!
Corso Angular Framework
Siamo una Software House italiana specializzata in sviluppo software, formazione e consulenza!
Il nostro corso Angular
Edizioni: 16 Settembre 2024 | Formula: Part-time | Modalità: Live Streaming
A CHE PREZZO? € 700
Destinatari
Certificato
Obiettivi
Durata
il Lunedì ed il Giovedì dalle 15:00 alle 18:00.
COSA IMPARERAI CON IL CORSO ANGULAR
- Cos’è Angular, ovvero ciò che permette di sviluppare in modo facile e veloce applicazioni che vengono eseguite su qualunque piattaforma, inclusi smartphone e tablet;
- Com’è strutturato Angular,con l’utilizzo di elementi base come i Moduli, che forniscono un’area per scrivere un blocco di codice;
- In che modo i componenti consentono disuddividere l’interfaccia utente in parti separate;
- Come realizzare un’applicazione per toccare con mano il framework Angular.
DESCRIZIONE
Rilasciato nell’ottobre del 2016, Angular 2+, meglio noto al giorno d’oggi come Angular Framework, rappresenta l’evoluzione di Angular JS. È attualmente disponibile nella versione 13 e permette di realizzare applicazioni Web basate su architettura Single Page (SPA). Ha un’ottima curva d’apprendimento.
STRUMENTI
Gli strumenti hardware e software richiesti per la partecipazione al corso sono i seguenti:
- Personal Computer
- Processore Intel i5 o superiore
- RAM 8 GB o superiore
- Windows 10 in poi
- Accessori
- Scheda audio
- Cuffie o altoparlanti
- Microfono
Ulteriori software verranno indicati durante il corso.
PROGRAMMA
- Introduzione a Javascript
- I Data Types
- Le variabili
- Le costanti
- Gli operatori
- Gli array
- Gli oggetti
- I Cicli: while e for e il for of
- I metodi sulle stringhe e con le array
- Introduzione a TypeScript
- La piattaforma Stackblitz
- La tipizzazione in TypeScript
- La Union Type
- L’interface
- La creazione di un metodo
- Cos’è Git
- La creazione di una repository su GitHub
- Installazione NodeJS, Nvm, Angular Cli
- La creazione di un nuovo progetto
- L’utilizzo dei Google Font
- La libreria di Bootstrap
- Gli stili CSS
- La creazione di una navbar
- La libreria Prime NG
- La libreria Ng Bootstrap
- Il Data Binding Input e Output e [(ngModel)]
- La creazione di un Carousel
- Le direttive strutturali ngIf, ngFor
- La direttiva strutturale ngSwitch
- Il costruttore
- Il life Cycle OnInit()
- La creazione del primo componente per il Carousel e refactoring del codice
- Le direttive di attributo ngClass e ngStyle
- La libreria Material
- L’aggiunta del else a ngIf, ng-template
- La creazione e l’utilizzo di un modello (interface)
- La creazione e l’utilizzo di un file mock
- La creazione e l’utilizzo di un service
- Il life cycle onDestroy
- La libreria RxJS: gli Observable, of, subscribe
- Come andare in debugging ed utilizzare i breakpoint lato Frontend
- L’aggiunta del componente Home e refactoring
- Il funzionamento del routing
- I componenti condivisi – Recipe card
- Data binding – il Decoratore @Input()
- Il componente di dettaglio
- Il routing dinamico passando l’id
- Il recupero dei parametri URL – l’ActivatedRoute, il Router, snapshot.paramMap ed il params
- ESERCIZIO DA SOLI: FARE IL TEMPLATE HTML e CSS del dettaglio
- L’utilizzo dei Children nelle rotte
- L’aggiunte delle stelline grafiche in base alla difficoltà della ricetta
- La pipe di Angular, uso dalla pipe slice
- L’aggiunta del componente condiviso della card nel componente home
- La spiegazione approfondita della Cross-Component Communication (Prima PARTE)
- Il decoratore @Output()
- La panoramica dei Forms in Angular
- L’utilizzo dei Template Driven
- La creazione del componente di Registrazione
- I Reactive Form – FormGroup, FormControl
- I validatori – il validators.compose
- La creazione dei Validatori Custom tramite Regex
- La libreria PrimeNG
- La Cross-Component Communication (Seconda PARTE)
- Passare i dati con il Subject ed il replaySubject di RxJS
- Le localStorage
- Uso del NgNonBindble
- La content Projection – ng-content
- La paginazione delle ricette con primeNg – Refactoring
- L’aggiunta di un accordion di Bootstrap
- L’aggiunta del server in NodeJS
- L’installazione di MongoDbCompass
- L’installazione e spiegazione di base su MongoDb
- Postman per verificare gli end point che il server ci espone
- Il modulo HttpClient
- La creazione di un proxy
- Come richiamare un endpoint dai servizi
- Agganciare il componente di registrazione al server
- I breakpoint lato server osservando il giro che fa la chiamata per l’inserimento del nuovo utente
- L’aggiunta della modale di Bootstrap nel componente recipe-list per eliminare la ricetta,
- L’aggiunta del metodo deleteRecipe nel service e richiamarlo nel then della modale
- L’AsyncPipe, CombineLatest, ForkJoin, Tap, Delay e concat-
- ESERCIZIO A CASA: creare il componente nuova ricetta, e agganciarlo alla chiamata
- Angular Auth
- Spiegazione differenza tra localStorage, sessionStorage, e cookie
- Il lifeCycle doCheck
- Il componente di Login
- I messaggi Toast con PrimeNg
- L’aggiunta del ruolo per la gestione delle ricette
- L’implementazione delle Guardia per le rotte
- La creazione del componente del profilo
- Formattare la data con la libreria Moment
- La libreria CkEditor per il componente Nuova ricetta
- l’InnerHTML
- La differenza tra Eager Loading e Lazy Loading
- L’implementazione del lazy loading esternando il “modulo ricette”
- ESERCIZIO DA SOLI – esternare il modulo user
- Fare la build
DOCENTE – DANILO DE FILIO
Sviluppatore Front End, è un mostro con Figma, Angular, WordPress e PHP, ed Adobe per lui non ha segreti! Da 26 anni si dedica alla docenza con il suo carattere esplosivo e trascinante, le lezioni con lui non saranno MAI noiose! Istruttore (Educator) Certificato Adobe.
CERTIFICATO DI PARTECIPAZIONE
Alla fine del corso ricevi il tuo attestato da inserire sul curriculum o condividere sui social!
Non perdere questa occasione!
Perché scegliere Academy Jdk
Il percorso più comodo, più smart e più divertente per crescere professionalmente nell’ambito che hai scelto.
Online
Basta una connessione alla rete. A casa tua o ovunque tu sia. E sei già dentro!
Interattivo
Dubbi, chiarimenti, prove. Interfacciati con i nostri docenti a tua disposizione.
Posti limitati
Vogliamo seguire ogni corsista al meglio garantendo a ognuno l'attenzione necessaria.
Archivio contenuti
Contenuti sempre disponibili. Per ripassare anche dopo le lezioni e non perdere nulla.
Attestato finale
Missione compiuta. Hai acquisito tante conoscenze nuove!
Sei ancora indeciso/a?
Parla con un nostro consulente che può aiutarti a capire se questo è il corso che fa per te!
