
Introduzione al corso di Angular
Come usare la dashboard del corso. Postare domande ed usare il player
Cosa vedremo nel corso. Miglior modo per seguirlo
Installare nodejs con nvm su window
Installare nodejs con nvm su mac o linux
Installare nodejs con nvm in LINUX Ubuntu
Installare e configurare Visual code come IDE
Installare @angular/cli e Creare un'applicazione angular
Angular app. Struttura di un'applicazione angular e i core file
Intro ai componenti
Creare una nuova app, User Management System, senza componente stand-alone
User Management System: Creare il componente users e renderizzarlo
User Management System Creare modulo Users ed importarlo nel modulo app
User Management System. Creare il componente usersList dalla riga di comando
User Management System. Aggiungere CSS al componente Users List
Iterare elenco utenti usando direttiva *ngFor
Iterare elenco utenti usando il blocco @for
Creare un servizio usersed iniettarlo nel componente users list
Cicli di vita di un servizio ed un componente
Creare componente user. Passare dati da padre a figlio. Decoratore @Input
Componente user. Configurare il decoratore @Input. Alias, required e transform
Componente User List. Gestire eventi in angular. (click) event. Eliminare utente
Emettere eventi custom e ascoltarli dal componente parent. Gestire utetenti
Gestire il layout con bootstrap. Creare i componenti navbar, footer e theme
Installare bootstrap con npm e bootstrap icons
Aggiungere pulsante modifica ed emetere evento per modificare utente.
Introduzione ai Template driven and Reactive forms
Template driven form. Creare form per modifica di un utente
Template driven form. Two way data binding. Legare i dati del form a user:User
Template driven form. Aggiungere ngForm e ngSubmit allo user form per salvare
Template driven form. Salvare i dati modificati dell'utente con lo userService
Template driven form. Validare i campi del form
Aggiungere il router-outlet e definire le rotte nel routing module
Angular router. Router e RouterLink
Angular Router. ActivatedRoute. Leggere parametri dalla rotta
Rendere UserService un singleton globale
RxJs Subject e Subscription. Gestire degli eventi con un Servizio singleton
Aggiungere la rotta a users e new user nella barra di navigazione
Creare nuovo utente. Uso di Subject e Subscription
Creare il componente User Detail. Aggiungere classe active a link attivo
Pipes. Intro
Pipes. Formattare stringhe. UpperCase, LowerCase, TitleCase
Pipes. Formattare valute. Currency
Pipes. Formattare date. Date
Pipes. Creare la nostra propria pipe: ucfirst
Installare json server
Testare le nostre api con Visual code e Http Client
Aggiungere HttpClientModule e configurare la url delle API
Iniettare httpClient, fare chiamata get e mostrare lista utenti
Usare la pipe async per consumare un observable nel template users-list
HttpClient. Aggiornare user detail e user form per gestire dati asincroni
HttpClient. Aggiungere un behaviorsubject allo UserService per ricaricare lista
HttpClient. Come mettere la lista utente in cache nel servizio
Aggiornato all'ultima versione .
Angular bootcamp in italiano per sviluppatori web.
Sviluppa Web app CRUD con Angular, NEST.JS e Laravel utilizzando typescript. Fai la deploy dell'app su heroku e hosting.
Angular è uno dei framework più popolari nello sviluppo di Single Page Application e App ibride con html, css e typescript. Se vuoi diventare uno sviluppatore front-end o full stack, allora questo corso ti aiuterà ad essere un passo avanti.
Questo sarà l'unico corso in cui imparerai in modo pratico tutto ciò che ti serve per cominciare a sviluppare app con Angular 4 , 5,6 7 ...15 e tutte le successive. Non perdere tempo saltando da un tutorial all'altro e fai il miglior investimento della vita. Sono il docente italiano più popolare su Udemy con quasi 150.000 utenti soddisfatti!
Non ti annoierò con delle slide di powerpoint e troppa teoria che trovi sul manuale ma potrai programmare insieme a me, in tempo reale, mettendo in pausa quando vuoi e facendo delle domande a cui risponderò in giornata. Un tutor sempre a tua disposizione!
Alla fine di questo corso potrai:
Creare tu stesso delle app dinamiche, reali, con Angular e laravel 5
Gestire problemi comuni di errori in tempo di compilazione e di esecuzione
Usare TypeScript non solo con Angular ma in generale
Usare la libreria RXJS per la programmazione reattiva
Scrivere del codice pulito e riutilizzabile
Usare qualunque API,
Autenticarti usando Web Token
Preparare build per ambiente di produzione e fare la deploy
Connettere Angular con firebase
Cominceremo subito, fin dall'inizio, costruendo la tua prima app Angular in pochi minuti.
Non ti preoccupare se non conosci TypeScript, lo imparerai man mano che programmiamo e c'è una sezione dedicata a TypeScript.
Ecco un elenco delle cose che imparerai di Angular :
Creare componenti
Creare template html
Manipolare il DOM con delle directives
Mostrare dati e gestire eventi
Formattare dati con i pipe
Costruire Template Driven Form
Accedere a servizi Http come le API
Gestire i diversi verbi delle chiamate API come GET, POST, PUT, DELETE
Creare un backend usando Laravel
Aggiungere Routing e Navigation
Autenticazione usando Web Token
Deploy su server condiviso, GitHub Pages, FireBase
Programmazione TypeScript da zero fino a livello avanzato
Utilizzo della libreria RXJS
Alla fine del corso avrai costruito una web app da zero con anche il Back end.