corso-angular-ngrx

Prerequisiti

Indispensabili:

• 9.0 hai familiarità con HTML, CSS e JavaScript?

• 9.1 Conosci Git? non devi essere un drago, basta conoscere gli argomenti trattati su queste due guide:

  • per un ripasso https://medium.com/free-code-camp/a-developers-introduction-to-github-1034fa55c0db
  • la guida base https://docs.github.com/en/free-pro-team@latest/github/getting-started-with-github/quickstart

• 9.2 conosci nodejs/npm?

  • per un ripasso https://medium.com/jspoint/introduction-to-node-js-a-beginners-guide-to-node-js-and-npm-eca9c408f9fe

Fondamentali:

• 9.3 conosci gli argomenti base delle versioni evolute dell'ECMAScript? ad esempio:
  • classi: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
  • moduli: https://developer.mozilla.org/enUS/docs/Web/JavaScript/Reference/Statements/import
• 9.4 hai mai programmato in Typescript?

Importanti:

• 9.5 hai sviluppato un'applicazione Angular per lavoro?
• 9.6 hai sviluppato un'applicazione Angular per motivi personali/studio?
• 9.7 nei progetti in Angular hai utilizzato librerie per la gestione dello store, ad esempio NGRX?
• elenca i linguaggi di programmazione che conosci meglio.
• come IDE consiglio di utilizzare Intellij completo nella versione prova.

Ambiente di sviluppo

• accesso a internet
• un pc
• GIT
• NodeJs:
  • npm
  • @angular/cli
• intellij Ultimate (versione di prova)
• account gratuito github.com
• account gratuito heroku.com

se non si dispongono i diritti amministrativi del proprio pc, seguire la guida del file DEV_ENV.md

Linee guida

• Condivisione del codice:
  • Per i tutorial svolti su StackBlitz, basta condividere il link.
  • Per i tutorial svolti sulla propria macchina, utilizzare GitHub.
• In caso di difficoltà nello svolgimento dei tutorial aprite una Issue su questo repository GitHub, indicando più informazioni possibili.

Le basi

1) Tour of Heroes

Il tutorial permetterà di affrontare gli aspetti principali di Angular, se doveste ritenerli troppo semplice potete passare al livello avanzato. Al termine dello svolgimento, caricate il codice su GitHub e aprite una Issue su questo repository indicando dove posso trovare il codice.

2) angular-routing-app

Livello avanzato

Gli argomenti di questo livello sono molto complicati senza una solida base.
Per comprendere la gestione dello store, consiglio questa serie di video gratuiti, realizzati da Fabio Biondi NGRX Intro.
Molte risorse importanti si trovano su NGRX store

1) ngrx-entity-crud tutorial per la creazione di un'applicaizone ngrx crud.

Di seguito una lista di tutorial su come personalizzare l'applicaizone ngrx crud:

• SLIDE MENU, aggiungere voci di menu
• COUNTER, sezione custom dello store NGRX
• REACTIVE FORM, personalizzare il form.
• CUSTOM COLUMNS, personalizzare la struttura tabella
• AUTH, implementazione dell'autenticazione in ngrx
• DATA_COMPOSITION
• AUTH0
• ESLINT+PRETTIER
• HUSKY+LINT-STAGED

Risorse utili