Introduzione

Con il passare del tempo, trovare il tempo per riuscire a studiare nuove tecnologie è sempre meno, l'idea di questo corso è di darti un percorso guidato costituito dai migliori tutorial trovati in rete, un strada sicura, che vi porterà ad attraversare i concetti fondamentali della programmazione Fullstacchia (Angular).

Linee guida

Ogni esercizio dovrà essere committato su GitHub.
L'IDE da utilizzare è intellij Ultimate Trial.
In caso di difficolta nello svolgimento dei tutorial aprite una Issue in GitHub, indicando più informazioni possibili.

Presupposti

Si presume che tu abbia familiarita con alcuni argomenti: (https://developer.mozilla.org/it/docs/Learn/HTML/Introduction_to_HTML)[Html]

Le basi

1) Getting started https://angular.io/guide/setup-local

In questa pagina si trova il tutorial per creare il primo progetto in Angular, al termine di questo tutorial sarete in grado di preparare l'ambiente di sviluppo per creare un'applicazione in Angular.

Argomenti trattati:

NodeJs
npm
Angular CLI

Dopo avere creato il progetto (anche se non funzionante), caricare il codice su GitLab:

entrare nella cartella del progetto creato e cancellare la cartella ".git"
posizionarsi sulla pagina principale di https://gitlab.com
click su "New Project"
compilare il campo "Project name" con "NG Getting started"
click su "Create project"
scorrere la pagina fino a trovare la sezione "Push an existing folder"
eseguire i comandi presenti (da verificare)

Condividere il progetto:

aprire il progetto in GitLab
cliccare sulla voce di menù "Settings" -> "Members"
nel campo "Select members to invite" scrivere il nome utente.
aggiungertemi come "Developer"

2) Tour of Heroes https://angular.io/

Il tutorial permetterà di affrontare gli aspetti principali di Angular.

3) Struttura del progetto, dove metto cosa.

La struttura di un progetto è una di quelle cose che può dare grandi soddisfazioni, non possiamo ogni volta inventarci un posto dove mettere i nostri file; Angular crea già una serie di cartelle, ma non basta, dobbiamo adottare una metologia che possa andare bene dall'inizio alla fine del nostro progetto. Come un buon pizzaiolo prepara gli alimenti per sapere sepre dove trovarli, anche noi dobbiamo avere sempre la stessa metologia, che si ripete.

- src
  - app (cartella generata in automatico da Angular)
    - core
      - components
      - models
        - vo
        - api
      - services
      - utilities
    - main
      - components
      - models
        - vo
        - api
      - pages
      - services

core

In questa cartella metteremo tutte quelle entità/componenti..., che non hanno dipendenza stretta con il dominio del progetto. Alcuni di questi file potranno diventare delle librerie comuni tra vari progetti. Ad esempio: ServiceBase (che verrà estesa da tutti i miei servizi), HeaderComponent (componente generico che rappresenterà header dell'applicazione), ...

main

Questo è il punto dove si trovano tutti i file che fanno riferimento al dominio dell'applicazione. Per questa parte vi chiederei di farmi degli esempi per vedere se avete capito e se siete sttati così pazienti dal leggeri sta roba.

NGRX

Gestione dello store con NGRX, NGRX.md

CORDOVA

Applicazioni mobile con Cordova, ORDOVA.md

EXPRESS

Applicazione BE in Nodejs, EXPRESS.md

jucasoft/fullstacchio-I