Angular Core Concepts

Home/Corsi/Angular/Angular Core Concepts
Angular Core Concepts 2018-12-15T02:59:09+00:00

ANGULAR (7) CORE CONCEPTS

Una panoramica sulle principali funzionalità di Javascript ES6, Typescript e un’introduzione sull’ultima release di Angular per acquisire una solida base sul framework

0
ore di teoria e live code
0
ore di pratica
  • Durata: 2 giornate (16 ore)

  • Tipologia: Corso Intensivo

  • Versione Angular: 7.x

  • Obiettivo: acquisire una solida base sul framework: creare applicazioni multi-view con angular router, comunicare con il server attraverso REST API, creare form e gestire la validazione, utilizzare direttive e  servizi forniti dal framework Angular, sfruttare le potenzialità introdotte da ES6 e Typescript e creare i primi componenti custom.
  • Requisiti: familiarità con almeno un linguaggio di programmazione e possibilmente conoscere i concetti fondamentali su cui si basa il paradigma della programmazione ad oggetti. Aver già utilizzato HTML, CSS e Javascript sicuramente ti saranno di grande aiuto.

IL PROGRAMMA

JAVASCRIPT ES2015 (aka ES6)

  • Javascript ES2015
  • Compiler, Transpiler e tool: Babel, Typescript e Webpack
  • Array, Oggetti e Stringhe in ES6
  • Arrow syntax
  • Rest e Spread operator
  • Destructuring
  • ES6 modules
  • Classi e OOP in ES6

TYPESCRIPT

  • Typescript vs ES6
  • Introduzione ai decoratori
  • Custom Types
  • Interfacce
  • Typescript in Angular

ANGULAR FUNDAMENTALS

  • Creazione progetti con angular-cli
  • Integrazione Bootstrap e FontAwesome
  • 1-way e 2-way Binding
  • Decorator @Component e metadata
  • Dynamic HTML templates
  • Direttive built-in: *ngIf, *ngSwitch, *ngFor
  • Gestire e manipolare collezioni dati

SERVER-SIDE COMMUNICATION

  • Installazione e configurazione di un JSON mock server
  • Utilizzo del servizio http per la comunicazione con il server
  • Utilizzo REST API
  • Applicazioni CRUD: Creare, Read, Update, Delete

DYNAMIC STYLING in ANGULAR

  • convertire layout css statici in applicazioni dinamiche
  • inline CSS
  • css “unit” suffix
  • ngClass
  • ngStyle

ANGULAR FORMS

  • Template driven forms
  • Template Reference Variables
  • ngModel, ngForm e submit
  • 1-way vs 2-way binding
  • Built-in Form validators
  • Gestione messaggi di errori
  • form state: dirty, invalid, touch, …

MULTIVIEW APPLICATIONS

  • Il modulo @angular/router
  • Navigazione e multiview applications
  • Gestione stati e routes
  • Passaggio parametri
  • Route Navigation components

INFORMAZIONI SUL CORSO

LEARN

Durante la giornata le sessioni di teoria saranno supportate costantemente da slide, contenenti approfondimenti, snippet e diversi casi d’uso illustrati passo-passo dal docente.

LIVE CODE

Il docente applicherà buona parte degli argomenti precedentemente trattati, scrivendo codice LIVE, con numerosi esempi pratici e coinvolgendo attivamente i partecipanti.

HANDS-ON

Nel pomeriggio gli studenti metteranno in pratica le nozioni acquisite durante la giornata realizzando diversi esercizi con il costante supporto del docente.

UN PERCORSO COMPLETO

Questo modulo fa parte di un percorso didattico molto ampio che si pone due obiettivi: il primo è quello di descrivere in modo approfondito tutte le funzionalità e la sintassi del framework, il secondo, forse più importante, è quello di trasferire ai partecipanti metodologie, approcci e best practice consolidate affinché possano creare applicazioni modulari, scalabili, manutenibili e testabili.

FAQ

Devo portare il mio laptop? 2017-07-06T13:44:22+00:00

Ti consigliamo di portare il tuo laptop tramite il quale potrai consultare le slide e svolgere le esercitazioni qualora fossero previste dal corso.
Nel caso non avessi la possibilità di portarlo potrai comunque affiancare un altro partecipante.

Come posso contattare l’organizzatore? 2017-07-13T23:13:51+00:00

Per tariffe, informazioni sui prossimi corsi o qualunque altra domanda puoi scrivere all’organizzatore utilizzando l’indirizzo email presente nel footer

Devo installare qualche software sul mio laptop? 2017-09-12T21:45:29+00:00

Per svolgere le esercitazioni il tuo laptop dev’essere configurato per l’utilizzo di Git e dovresti installare una versione di Node superiore alla 6.9.

RECENSIONI

“Indispensabile per iniziare ad utilizzare Angular con il giusto approccio.”
– Antonio Lo Greco

“Affronta passo-passo la maggior parte delle funzionalità del framework”
– Mario S.

“Ottimo corso e docente sempre disponibile!”
– Alessandro Cimador

“Concetti complessi spiegati alla sua maniera sembrano scorrere quasi ovvi. Sopra a tutto ciò, la sua disponibilità non cessa mai di stupire: dentro e fuori i corsi e le community, non si tira mai, mai, indietro dal discutere e approfondire argomenti tecnici e sostenere i principianti.
– Alessandro Aprile

DOCENTE

Fabio Biondi
Fabio BiondiGoogle Developer Expert (GDE) in Angular
Fabio is both a community leader and a frequent contributor in many Italian front-end usergroups (Angular, React, Javascript). He’s a Google Developer Expert in Web Technologies & Angular with more than ten years of experience in developing enterprise level applications, interactive experiences and UI components in several languages and web technologies.
Currently, he holds meetups, events and training courses all over Italy.

His particular specialism is front-end applications and related aspects, both visuals and architectural. He daily uses cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React, Vue.js, Typescript/ES6, Redux, NGRX, RxJS, Firebase, D3.js and several other web technologies.

  • Angular, React, Vue, Redux, RxJS, Typescript

  • Firebase, D3.js, Canvas, TweenMax

Facebook Community founder of:

PROSSIMO CORSO
Mastering Angular

PROSSIMI EVENTI?

Consulta la mia pagina Facebook

SEGUIMI

Vuoi organizzare questo corso

PRESSO LA TUA SEDE?

CONTATTAMI