Front-End Academy

Javascript - Typescript:Introduzione a JavascriptI Data TypesLe variabiliLe costantiGli operatoriGli arrayGli oggettiI Cicli: while e for e il for ofI metodi sulle stringhe, e con le arrayIntroduzione a TypeScriptLa piattaforma StackblitzLa tipizzazione in TypeScriptLa Union TypeL’interfaceCreazione di un metodoCos’è GitCreazione di una repository su GitHub
React JS - Node JS - MongoDB:Introduzione a ReactJSStoria e panorama di React.Configurazione dell’ambiente di sviluppo.Installazione di NVM – NodeJS e NpmJavaScript e JSXFondamenti di JavaScript essenziali per React.Introduzione a JSX.Componenti in ReactCreazione di componenti funzionali.Props e stato.Lifecycle dei componenti.Gestione degli Eventi e FormHandling degli eventi in React.Costruzione di form e gestione dei dati.Stili e CSS in ReactCSS tradizionale e CSS-in-JS.Uso di librerie di stili come Styled Components.Hooks in ReactuseState, useEffect, e altri hooks comuni.Context APIUtilizzo del Context per passare dati.Esempi pratici di utilizzo del Context.React RouterConfigurazione di base e route dinamiche.Navigazione e protezione delle route.Lo storage dei datiUtilizzo dei database NoSqlSpiegazione ed utilizzo di MongoDBSettaggio di un Server BackendImpostare un server in NodeJSUtilizzo di Express e MongooseCreazione delle API RESTInterfacciare il Server col FrontendFetch/Axios per Richieste APIRealizzazione di chiamate API.Gestione di stato asincrono e side effects.
GIT:Software di versionamentoGit: caratteristiche principaliGit: comandi principaliGithubUtilizzo di git/github nel lavoro di team

React Native - Expo - Google: Cos’e React NativeIntroduzione al mondo del mobileCos’e React NativeCosa sono le App Ibride, Vantaggi e SvantaggiCome è strutturata un’app in React NativeCos’è il Virtual DOMCosa sono le API NativeI Cicli di vita di un’appImplementare Expo – Vantaggi e svantaggiInstallazione della Expo CLIConfigurare l’ambiente di sviluppoCreazione della prima App di esempioBuild test e run del progetto sui dispositivi fisiciBuild test e run del progetto sugli emulatoriImpostazioni Grafiche in React NativeUtilizzare gli stili in linea (Inline style)Utilizzo degli stili con Stylesheet.CreateUtilizzo delle variabili globali per gli stiliLayout con Flexbox, Responsive Design e FontsUtilizzo delle posizioni assolute e relativeUtilizzo dei componenti in React NativeViewText e ButtonImageScrollViewListViewFlatListActivityIndicatorUtilizzo delle ModaliCreazione ed utilizzo della splashScreenDefinire l’icona dell’appUtilizzo delle dipendenze nativeDipendenze iOS (i files pod)Dipendenze Android (build gradle)Lanciare il progetto direttamente dagli IDE di sviluppo nativoIntegrazione librerie esterne in Xcode ed Android studioLa libreria react-native-vector-iconsGestire ed eventiGestione dei moduliRouting in React-NativeStack React NavigationPassaggio e ricezione parametri tramite le propsLe TabsIl Drawer lateraleReact-native-screensUtilizzo dell’Async StorageStorage dei dati e chiamate APIImplementazione di FirebaseCreazione di un database in real timeIntegrazione di Firebase in React NativeRecuperare i dati da remotoLe librerie più utilizzateLa firma digitale per la pubblicazioneCreare una build per AndroidCreare una build per iOSPubblicazione sugli storeLe regole da rispettareCreazione degli screensiOS App StoreGoogle Play StoreManutezione dell’app sugli store
Progetto finale:Sviluppo di un progetto finale in team da integrare con l’Academy back-end con supervisione del docente.