[musica]
Benvenuti a questo corso sui Framework Front-End in JavaScript: Angular
Questo è il secondo corso nella specializzazione sul full stack web e
sulle applicazioni mobile multi piattaforma
Questo corso tratta i framework JavaScript, in particolare Angular
Vi starete chiedendo, riguarda Angular 2 o semplicemente Angular?
Chiariremo questo nella primissima lezione di introduzione ad Angular
in questo corso.
Sono contento che abbiate deciso di partecipare a questo corso.
e spero che vi divertirete andando avanti in questo corso.
Prima di iniziare il corso,
voglio assicurarmi che abbiate sufficienti conoscenze di HTML e CSS
e anche una buona esperienza pratica di JavaScript, specialmente JavaScript ES 5
A partire da questo corso, utilizzeremo come linguaggio Typescript
per la scrittura delle nostre applicazioni Angular
Adesso, se vi state chiedendo: Dovrei conoscere Typescript,
ES 2015+ e le più recenti versioni di JavaScript?
Bene, il vostro percorso potrebbe variare.
Il mio approccio nell'apprendere questi nuovi linguaggi consiste nell'iniziare ad utilizzarli
e poi apprendere durante il percorso.
Questo è quello che faremo in questo corso.
In questo corso non ho intenzione esplicitamente di presentarvi Typescript nello specifico
ma al contrario mentre scriviamo il codice, vi illustrerò varie
caratteristiche di Typescript nel contesto di Angular man mano che sviluppate
l'applicazione Angular, negli esercizi che fanno parte di questo corso.
Un altro punto che mi piacerebbe fortemente chiarire in questa fase
è che considero lo sviluppo e la progettazione web due parti separate.
La prima parte è la progettazione in sé, l'esperienza dell'utente o
o progettazione dell'interfaccia utente, il progetto visuale, la prototipazione, i colori,
la grafica e l' animazione.
E tutti quegli aspetti di come un sito web o
anche un'applicazione mobile devono essere progettati.
Ora, esiste un'altro aspetto che è la costruzione e
la consegna delle applicazioni web e delle applicazioni mobile.
Adesso in questo corso, ci concentreremo di più sulla costruzione
e sulla consegna delle applicazioni web.
Se siete in cerca dell'aspetto di progettazione e sviluppo web,
allora questo non è il corso adatto a voi.
Quando mi riferisco alla consegna, costruzione e
sviluppo delle applicazioni web, parliamo dell'apprendere le competenze
che sono essenziali per trasformare un progetto in codice funzionante.
Così facendo qui, in questa specializzazione, abbiamo già imparato Bootstrap 4.
In questo corso, apprenderemo Angular
poi impareremo a conoscere Ionic e NativeScript.
E poi anche lo sviluppo lato server utilizzando NodeJs e l'ecosistema NodeJs.
Dunque questa è l'obiettivo di questo corso in particolare.
Quindi, stiamo parlando di sviluppo reale, piuttosto che di progettazione di siti web.
L'altra domanda che vi verrà in mente è: Cosa è esattamente
lo sviluppo web full stack?
Se avete già seguito il corso precedente,
Vi ho presentato lo sviluppo web full stack.
In caso contrario, la primissima lezione in questo
corso sarà una piccola introduzione allo sviluppo web full stack.
E inseriremo questo corso nel nel contesto dello sviluppo web full stack.
Ecco perché nel primo corso abbiamo coperto Bootstrap 4,
in questo corso ci concentreremo su su Angular.
Poi, nel prossimo corso, vedremo Ionic e Cordova per
applicarlo allo sviluppo mobile.
Poi nel quarto corso vedremo NativeScript.
E alla fine, vedremo lo sviluppo lato server,
includendo sia la realizzazione dello strato di business logic utilizzando l'ecosistema NodeJs
che lo strato di persistenza utilizzando MongoDB in questa specializzazione.
Questo corso specifico, come atteso, si concentra su Angular.
Vi saranno presentati i diversi aspetti del framework Angular attraverso
un insieme di esercizi realizzati l'uno sull'altro.
Così sarà una sequenza di esercizi dove vi introdurrò diversi concetti di Angular.
E vi mostrerò immediatamente come possiamo applicare questi concetti nel contesto
di un'applicazione Anguale che svilupperemo durante questo corso.
Dunque, lungo la strada, dopo aver progettato le viste in Angular,
faremo uso di Angular material, per realizzare l'UI dei nostri componenti Angular.
E realizzeremo i layouts utilizzando il Flex-Layout di Angular in questo corso
L'alternativa sarebbe quella di utilizzare Bootstrap 4 che abbiamo appreso in precedenza.
Ma ho pensato che così questo corso vi darà anche
l'opportunità di imparare ancora un altro framework UI front end.
Quindi utilizzeremo Angular Material e Angular Flex-Layout per
fare esattamente le stesse cose che abbiamo fatto con Bootstrap 4.
Inquesto modo imparerete due approcci diversi alla progettazione della UI
sia quello che prevede Bootstrap 4 che quello con Angular Material combinato a Flex-Layout.
introdurremo anche le basi di TypeScript
durante gli esercizi appena raddoppieremo la nostra applicazione Angular.
Il corso in sé sarà organizzato in quattro moduli.
I quattro moduli sono strutturati per corrispondere a quattro settimane di questo corso.
ma naturalmente, lasciatemi evidenziare
che non avete bisogno di farvi pressare dalle scadenze stabilite nel corso.
Potete prendevi tutto il tempo a voi necessario nel seguire il corso.
E' più importante comprendere ciascuno e tutti gli aspetti di Angular.
Se avete bisogno di tempo in pù, sentitevi liberi di spostarvi alla prossima sessione del corso.
e poi continuate
tutto il lavoro che avete completato in una sessione sarà automaticamente trasferito
nella successiva sessione del corso
Dunque, non lasciate che le scadenze vi pressino ad affrettarvi a completare il corso.
Adesso, avedo dato l'idea generale,
date un'occhiata agli argomenti che ciascuno dei quattro moduli coprirà nel corso.
Il primo modulo presenterà lo sviluppo Full Stack
l'idea generale e il quadro di insieme.
Subito dopo, vederemo una breve introduzione a Git e NodeJs
Se avete svolto il corso precedente su Bootstrap4
allora avete già coperto questi due punti nel corso precedente
Quindi potete facilmente saltare
alla prima lezione che tratta Angular, l'introduzione ad Angular.
Dopo l'introduzione al framework Angular e dopo aver configurato nella nostra
applicazione Angular Material e Angular Flex-Layout
ci sposteremo a studiare i componenti Angular.
qual è il ruolo dei componenti Angular nella progettazione di una applicazione Angular e
nella progettazione delle varie viste che saranno supportate nella vostra applicazione Angular.
Tutto ciò dovrà consentirvi di affrontare il primissimo compito assegnato in questo corso.
Il secondo modulo si concentra sui servizi Angular,
il routing, e le single page applications.
Vediamo come il feedback Angular supporta l'accesso ai dati e
come possiamo far uso dei servizi per accedere ai dati.
Inoltre, come possiamo utilizzare i dati nella progettazione
delle nostre viste per i nostri componenti Angular.
E qui che gli aspetti legati al data binding vengono alla luce.
Poi vedremo il routing Angular e
come possiamo implementare le single page applications in Angular
Vi spiegherò cos'è una sigle page application e
poi vedremo come possiamo progettarne una utilizzando il framework Angular
Tutto ciò dovrà consentirvi di affrontare il secondo compito assegnato in questo corso.
Il terzo modulo si concentra sulle Angular forms.
In seguito vedremo le Angular Reactive Forms e
anche come Angular e al programmazione reattiva lavorano insieme.
E come Angular sfrutta la programmazione reattiva per
implementare diverse forms di supporto all'interno dell'applicazione Angular.
Quindi prima vedremo le Template Driven Forms, e in seguito le Reactive Forms
poi vedremo come Angular support le Promises.
E inoltre daremo una rapida occhiata alla programmazione reattiva in RxJS nel contesto
come Angular sfrutta RxJS per supportare diverse caratteristiche all'interno del framework.
Tutto ciò dovrà consentirvi di affrontare il terzo compito assegnato in questo corso.
Il modulo finale riguarda la comunicazione Client-Server.
Come fa la vostra applicazione Angular a comunicare con un server
che fornisce i dati come questi possono essere prelevati dal lato server e
poi utilizzati per renderizzare le viste all'interno della vostra applicazione Angular.
In corrispondenza, vedremo anche come ciascun cambiamento che desiderate
effettuare ai dati si può riflettere sul lato server,
dalla vostra applicazione Angular
Vedremo Angular e il modulo HTTP di Angular.
Vedremo le API REST vengono sfruttate per
progettare la vostra applicazione Angular
Vedremo anche le Animazioni e le direttive in Angular.
Nello specifico, le direttive di attributo di Angular.
Vedremo le direttive di struttura nel modulo iniziale.
Vedremo brevemente il testing delle applicazioni di Angular e infine
vedremo come sarà costruita e consegnata la nostra applicazione Angular al Server.
Tutto ciò dovrà consentirvi di affrontare i compito finale assegnato in questo corso.
Durante la strada, esiste anche un percorso per la lode costruito in questo corso.
Se vi interessa lavorare ad un vostro progetto personale utilizzando Angular,
allora il percorso per la lode vi fornisce l'opportunità di lavorare
al vostro progetto personale all'interno di questo specifico corso.
Quindi date un occhiata la percorso per la lode, e se vi interessa potete benissimo intraprendere
lo sviluppo di un vostro progetto personale in Angular durante questo corso.
Spero che vi divertiate a seguire questo corso e ad imparare Angular.
L'ultimo consiglio che vi lascio è: siate pazienti!
Imparare Angular richiede molta pazienza.
Ci saranno molti concetti e
tecnologie che incontrerete non appena avanzerete nel corso.
Per favore non abbiate fretta di completare il corso
Prendetevi tutto il tempo che vi occorre per capire ogni singolo passaggio prima di finire questo corso.
Spero che vi divertiate a seguire questo corso.
[MUSICA].