Angular 8. La guida pratica per sviluppatori web
4.4 (1,275 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,776 students enrolled

Angular 8. La guida pratica per sviluppatori web

Sviluppa web app CRUD da zero con Angular 8 e Laravel 5 utilizzando typescript. Fai la deploy dell'app in Produzione
4.4 (1,275 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,776 students enrolled
Created by Hidran Arias
Last updated 4/2020
Italian
Current price: $89.99 Original price: $149.99 Discount: 40% off
4 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 23.5 hours on-demand video
  • 7 articles
  • 83 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Sviluppare Single Page Application con Angular 6
  • Programmare con TypeScript
  • Creare componenti
  • Creare pipe
  • Usare routing
  • Usare services
  • Usare chiamate API con HttpClient
  • Usare bootstrap e fontawesome con Angular
  • Deploy app su server
  • API con Laravel 5
  • json web token, jwt
  • Utilizzo libreria rxjs
Course content
Expand all 170 lectures 23:38:06
+ Introduzione
10 lectures 01:05:17

Navigare nella dashboard del corso

Preview 07:31

Installare nodejs con nvm su window

Preview 09:08

Installare nodejs con nvm su mac o linux

Preview 05:04

Installare nodejs con nvm in LINUX Ubuntu

Preview 07:37

Installare e configurare Visual code come IDE

Preview 11:27

Creare applicazione online con l'editor stackblitz

Preview 05:29
Installare angular-cli
Preview 07:43

Angular cli di default cerca di versione il progetto con git.

Se vuoi versionarlo, usare git, allora devi impostare git come ti dice il messaggio di sopra:

git config --global user.email latuaemail@dominio.com
git config --global  user.name qualunqueUserNameOEmail

Altrimenti puoi fare

ng new nomeapp --skip-git    così non aggiunge git

Preview 00:14
+ Struttura di un'applicazione di angular 6
4 lectures 25:25
Nota su TypeScript e RXJS
00:11
Editor IDE per lavorare con typescript
Preview 12:43

Struttura file angular.json dalla versione angular 6 in su

Struttura file angular.json dalla versione angular 6 in su
02:15
Struttura di un modulo angular 4
Preview 10:16
+ Componenti e Servizi in Angular . Costruire Uno User Management System
18 lectures 02:59:07

Introduzione ai componenti

Preview 01:54
Creare un componente manualmente
Preview 14:21

Mostrare i dati di un array con ngFor in una tabella html

Preview 12:08

Direttiva *ngFor e clicare un array do oggetti 

Preview 06:17

Angular 4 Service. Creare un servizio per gestire elenco utenti

Angular Service. Creare un servizio per gestire elenco utenti
13:59
ngOnInit. Gestione ciclo vita di un componente
ngOnInit. Gestione ciclo vita di un componente
06:42
Creare un nuovo componente angular 4 con angular-cli
Creare un nuovo componente angular con angular-cli
05:10
Angular . Passare dati da un componente padre ad un figlio
11:04

Angular 4.Gestire eventi nativi in un componente

Angular .Gestire eventi nativi in un componente
09:09
Angular 4. Event emitter. Sollevare eventi customizzati in un componente
Angular . Event emitter. Sollevare eventi customizzati in un componente
11:12
Angular 4. Interface. Tipicizzare i parametri con interface
Angular . Interface. Tipicizzare i parametri con interface
11:46

Direttiva *ngIF. Aggiunta dettaglio utente

Direttiva *ngIF. Aggiunta dettaglio utente
11:34
EventEmitter. Ascoltare eventi di componenti figli
EventEmitter. Ascoltare eventi di componenti figli
13:31

Forms. Direttiva nGModel.Compilare i dati dell'utente

Forms. Direttiva nGModel.Compilare i dati dell'utente
10:00
Class e Interface. Creare la classe User

che implementa l'interface UserInterface

Class e Interface. Creare la classe User
12:19
Creazione Componente User Detail.Salvare modifiche
Creazione Componente User Detail.Salvare modifiche
07:23
NgFormReset. Creare nuovo utente
NgFormReset. Creare nuovo utente
12:59

Form Reset. Getter e Setters di una classe

Form Reset. Getter e Setters di una classe
07:39
+ Pipes
4 lectures 27:53

Pipe per manipolari stringhe: lowercase, uppercase

Pipe per manipolari stringhe: lowercase, uppercase
05:40

Pipe per le valute: currency

Preview 07:11

Pipe per le date: date

Pipe per le date: date
04:40

Creare una pipe : ng g  pipe nomepipe

Creare una pipe
10:22
+ Layout con bootstrap 4 e font-awesome
4 lectures 36:48
Installare bootstrap 4 con npm
Installare bootstrap 4 con npm
08:01
Installare fontawesome
Installare fontawesome
11:35
Creazione componente navbar
Creazione componente navbar
09:17

Menu hamburger. ngbCollapse

Menu hamburger. ngbCollapse
07:55
+ Gestione delle rotte in Angular
5 lectures 43:35

Introduzione alle rotte in laravel

Introduzione alle rotte in angular
03:01
Aggiungere il module routesmodule e le rotte
06:29

Router outlet e params. 

Aggiungere un segnaposto dove renderizzare il componente legato ad una rotta

Router outlet e params
08:23
ActivatedRoute e navigate
ActivatedRoute e navigate
10:44
Mostrare dettaglio utente
Mostrare dettaglio utente
14:58
+ Installazione LAMP su windows con Laragon
3 lectures 20:31

Installare Laragon

Installare Laragon
09:21
Creare app Laravel con laragon
03:26
Installare php, composer e laravel
Installare php, composer e laravel
07:44
+ Installare xampp su linux
1 lecture 10:21

Installare xampp su linux

Installare xampp su linux
10:21
+ Progetto gestione utente con Laravel e angular 5
17 lectures 02:00:46
Script collegamento a mysql e creazione database
00:03

Configurare laravel 5  mysql e la migrazione tabella users

Configurare laravel 5 mysql e la migrazione tabella users
07:18

Laravel auth e laravel-ui

Laravel auth e laravel-ui
07:45

Registrazione utenti lato backend

Registrazione utenti lato backend
00:58

Creare un Resource controller con laravel per gestire il CRUD

Creare un Resource controller con laravel per gestire il CRUD
09:28
Installare il moduleo HtppClientModule per fare chiamate http
Installare il moduleo HtppClientModule per fare chiamate http
06:41
Installazione middleware CORS con laravel e mostrare dettaglio utente
Installazione middleware CORS con laravel e mostrare dettaglio utente
13:18
CRUD con laravel 5. Http.get Dettaglio utente
CRUD con laravel 5. Http.get Dettaglio utente
02:06

Verificare la chiamata dal server ed eventuali errori javascript

Verificare la chiamata dal server ed eventuali errori javascript
05:45
CRUD con laravel 5. Http.put . Modifica utente
CRUD con laravel 5. Http.put . Modifica utente
18:02
CRUD con laravel 5. Http.post . Creazione utente
07:10
CRUD con laravel 5. Http.post  .Cancellazione  utente
CRUD con laravel 5. Http.post .Cancellazione utente
07:49

Crud con Laravel. Database seeder e cancellazione utente lato client

Crud con Laravel. Database seeder e cancellazione utente lato client
11:04
CRUD Laravel. Altri dati con faker
05:16
CRUD laravel. Forma con layout responsive
03:53

Testare le API con POSTMAN

Testare le API con POSTMAN
09:52
Requirements
  • Connessione internet per scaricare i pacchetti necessari
  • Conoscenza intermedia di javascript
  • Conoscere come minimo le funzioni in javascript
  • Conoscenza minima della riga di comando su window, linux o mac
  • Conoscenza di html e css
Description

Aggiornato alla versione 8. Compatibile con angular 4 in su.

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 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 20.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 8 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 8 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 7:

  • 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 5

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

Who this course is for:
  • Programmatori frontend
  • Web Developer
  • App developer