Brook Preloader

FrontEnd

LocalStorage

Creiamo un piccolo software gestionale di test con Google Chrome, HTML, CSS, JavaScript e Local Storage per la persistenza dei dati.

Come gestire un archivio in LocalStorage

In questa serie di video illustro come creare un piccolo software gestionale senza bisogno di BackEnd, infatti la persistenza dei dati viene gestita direttamente da Google Chrome utilizzando il LocalStorage.

Come studiare

In un corso di programmazione

1
Approfondimento Progressivo
Inizia con una lettura generale dell'argomento per capirne i concetti chiave, poi approfondisci ogni parte per comprendere i dettagli. Questo aiuta a costruire una comprensione solida passo dopo passo.
2
Applicazione Pratica
Dopo aver studiato la teoria, applicala praticamente. Se stai studiando programmazione, scrivi del codice basato su ciò che hai appreso. L'esperienza diretta è fondamentale per consolidare la conoscenza.
3
Revisione e Riflessione Critica
Dopo aver applicato la teoria, prenditi del tempo per riflettere su ciò che hai fatto. Analizza il codice sorgente, modificalo per esplorare diverse soluzioni, e comprendi i risultati delle tue modifiche.

Vuoi rimanere aggiornato sui corsi?

La pratica

Benvenuto nel mondo di Angular, uno dei framework frontend più potenti e versatili della scena web moderna.

Creato e mantenuto da Google, Angular non è solo un nome famoso: è una promessa di efficienza, reattività e innovazione per gli sviluppatori web di tutto il mondo.

Che tu stia cercando di costruire una web app interattiva, un sito dinamico o una piattaforma robusta, Angular è lo strumento che ti accompagnerà in ogni step. Immergiti con noi in questo viaggio e scopri come Angular può elevare le tue competenze web al livello successivo!

Lez 1: Introduzione

  • Cos’è Angular e perché usarlo.
  • Breve storia e versioni di Angular.
  • Differenze tra AngularJS e Angular.

VAI ALLA LEZIONE

Lez 2: Ambiente e Prerequisiti

  • Installazione di Node.js e npm.
  • Introduzione al CLI di Angular e installazione.
  • Creazione del primo progetto Angular.

VAI ALLA LEZIONE

Lez 3: Architettura di Angular

VAI ALLA LEZIONE

Lez 4: Data Binding

  • One-way binding (String interpolation, Property binding)
  • Two-way binding
  • Event binding

VAI ALLA LEZIONE

Lez 5: Direttive Built-in di Angular

  • ngIf, ngFor, ngSwitch
  • Direttive di stile e di classe

VAI ALLA LEZIONE

Lez 6: Form

  • Template-driven forms
  • Reactive forms
  • Validazioni e custom validatori

VAI ALLA LEZIONE

Lez 7: Navigazione e Routing

  • Configurazione del router
  • Navigazione tra le route
  • Route guards
  • Lazy loading dei moduli

VAI ALLA LEZIONE

Lez 8: Servizi e Dependency Injection

  • Creazione di un servizio
  • Injection dei servizi in componenti e altri servizi
  • Fornitori e token

VAI ALLA LEZIONE

Lez 9: Http e comunicazione con API REST

  • Il modulo HttpClientModule
  • Effettuare chiamate GET, POST, PUT, DELETE
  • Gestione degli errori

VAI ALLA LEZIONE

Lez 10: Http e comunicazione con API REST

  • Il modulo HttpClientModule
  • Effettuare chiamate GET, POST, PUT, DELETE
  • Gestione degli errori

VAI ALLA LEZIONE

Lez 11: Gli stati e la loro gestione

  • Introduzione a NgRx o altri strumenti di gestione dello stato
  • Store, Actions, Reducers
  • Effetti e side-effects

VAI ALLA LEZIONE

Lez 12: Test e Debugging

  • Test unitari con Jasmine e Karma
  • Test end-to-end con Protractor
  • Strumenti di debugging

VAI ALLA LEZIONE

Lez 13: Deployment su server

  • Ottimizzazione e build per produzione
  • Deploy su server o piattaforme cloud
  • Configurazione del server

VAI ALLA LEZIONE

Lez 14: Risorse

  • Documentazione ufficiale
  • Libri
  • Community e forum

VAI ALLA LEZIONE