Corso Sviluppatore React e Firebase

IL Corso Sviluppatore React e Firebase IN BREVE:

Nel nostro Corso Sviluppatore React e Firebase ti guideremo in un percorso graduale di apprendimento delle nozioni indispensabili per la programmazione web di UI performanti e moderne.

Data la natura professionalizzante del Corso, la presentazione di nuovi argomenti verrà accompagnata da esempi pratici.

Ed inoltre, come Sviluppatore, durante il percorso creerai un’App e sarai in grado di personalizzarla in completa autonomia.

Dopo aver acquisito delle solide nozioni di Javascript (ES6 e successivi), passerai alla strutturazione dell’ambiente di sviluppo e di un workflow all’avanguardia attraverso l’uso di Git - l’utility di versioning indispensabile per ogni Sviluppatore professionista - e Node.js, per l’automazione dei task ordinari.

La parte centrale del Corso prevede la creazione guidata, attraverso React.js e Firebase, di un’App responsive e con alcune delle funzionalità più richieste dal mercato.

Verranno mostrati i passaggi necessari per creare architetture scalabili e si implementeranno features come l’autenticazione - sia in app che lato terzi (Google, Facebook, Twitter ecc) - il routing, la lettura e la scrittura su un db remoto, la creazioni di query di ricerca performanti e la strutturazione di temi dinamici, e layout seamless (in grado cioè di adattarsi ad ogni device e monitor).

L’ultima parte del corso si focalizzerà sugli accorgimenti tecnici per ottimizzare il deploy di una web app, affrontando temi come il code splitting e la gestione della cache.

Verrà mostrato inoltre come servirsi dei Service Worker per permettere all’app di essere installata sul device dell’utente e raggiungibile anche in assenza di rete.

Il Corso Sviluppatore React e Firebase si rivolge ad utenti intermedi, che hanno già acquisito conoscenze pari o superiori nei seguenti argomenti: WEB DESIGN.

FRONTEND WEB DEV COURSE:

• Front End Web Developers Env & Tools.
  • Node & NPM:
    • Installare Node e illustrarne gli utilizzi per automatizzare task e strutturare un workflow moderno di sviluppo.
  • VSCode:
    • Installare VSCode con relative estensioni.
    • Familiarizzare con l’interfaccia.
  • Git:
    • Installare Git e spiegare l’utilizzo dei tool di versioning.
    • Creare un account Github e creare un repository.
    • Clonare il repo e spiegare l’uso del file .gitignore.
    • Analizzare i principali comandi da terminale per Git.
• Web App Library - React:
  • Introduzione:
    • Cos’è una SPA?
    • Cos’è React?
    • Create React App: lanciare il comando e spiegare la struttura generata.
    • Mostrare un componente e lanciare un comando di build.
  • Firebase:
    • A cosa serve?
    • Iscrizione e configurazione locale e da remoto di un progetto e di un db.
  • JSX:
    • Mostrare il JSX e spiegare le differenze con l’HTML.
    • Uso dei principali tag e delle proprietà.
    • Children & Props.
    • Come impaginare una lista.
  • Stili:
    • Da Css a Css-In-JS.
    • Installare un framework di stile.
    • Utilizzare e organizzare gli stili di un componente.
    • Creare due temi.
  • Routing:
    • Installare libreria di routing e spiegarne le funzionalità.
    • Tab Bar e Hash Routing.
    • Passare parametri tra pagine.
• State Management:
  • Cicli di vita e Hooks:
    • Cosa sono i cicli di vita in React?
    • useEffect.
    • useState.
    • useContext.
  • Fetch Data:
    • Cos’è un’API? Come recupero dati dal web?.
    • Gestire l’asincronicità in Javascript.
    • Mutare lo stato in React.
    • Gestire gli errori.
  • Debug:
    • Come analizzare un errore in una applicazione Javascript.
    • Tool di debugging.
• Deploy:
  • Rilasciare una web app:
    • Come rilasciare un client web e collegarlo ad un dominio.
  • Trasformare una web app in una progressive web app:
    • Creare un Manifest.
    • Creare ed inizializzare un Service Worker che permetta la gestione della cache e renda l’app fruibile offline ed installabile.