Download to read offline
![– Wikipedia “AngularJS è un framework per applicazioni web open- source […] per affrontare molte delle sfide incontrate nello sviluppo di Single Page Applications. È mirato a semplificare lo sviluppo e la sperimentazione di tali applicazioni, fornendo un framework basato sul design pattern MVC, assieme a componenti comunemente utilizzati nelle Rich Internet Applications”.](https://image.slidesharecdn.com/angularjsreact-161025091339/75/Angular-js-o-React-Spunti-e-idee-per-la-scelta-di-un-framework-32-2048.jpg)
![Esiste uno scope globale [$rootScope] al cui interno vengono creati degli scope per ogni componente [$scope]. Ogni scope può accedere sia al proprio genitore che ai propri figli. Nel caso di un componente o una direttiva lo scope può essere isolato [isolated scope].](https://image.slidesharecdn.com/angularjsreact-161025091339/75/Angular-js-o-React-Spunti-e-idee-per-la-scelta-di-un-framework-36-2048.jpg)
Uploaded byGiovanni Buffa
Angular js o React? Spunti e idee per la scelta di un framework
Il documento discute la scelta tra Angular e React come framework per lo sviluppo di web application, evidenziando le loro caratteristiche principali. Vengono presentati strumenti utili e concetti fondamentali come componenti, data bindings, e design patterns. Infine, si menzionano le versioni di Angular e le tecnologie correlate, come TypeScript e strumenti per il build.
Angular js o React? Spunti e idee per la scelta di un framework
- 1. Angular o React? Spuntie idee per la scelta di un framework
- 2.
- 3. Cos’è una WebApplication? Il Web è una Repubblica basata sulle App.
- 4. Applicativo software, spessomono-tasking, il quale viene distribuito da un server remoto ed eseguito via Internet su un Browser.
- 5. 1. Accesso aimiei dati ovunque. 2. Utilizzo dell’ultima versione disponibile. 3. Funziona su qualsiasi dispositivo munito di browser. 4. Maggiore sicurezza locale.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. Tutti gli esempipossono essere scaricati da: https://github.com/gioppy/angular-react-ires-workshop-2016
- 15.
- 16.
- 17. Components Porzione isolata chepermette di dividerne il comportamento in ruoli, in modo analogo alle funzioni JavaScript.
- 18.
- 19.
- 20. Data Bindings Aggiornare laView alle modifiche del Data Model.
- 21. ...e altri chenon vedremo!
- 22. 1. Task runner(Angular) e Module loader (React) 2. Routing (Angular/React) 3. Promises (Angular/React) 4. Redux (React) 5. Angular 2
- 23.
- 25.
- 26.
- 27. Cos’è React? A JavaScriptlibrary for building user interfaces
- 28. – Wikipedia “React isan open-source JavaScript library providing a view for data rendered as HTML. React views are typically rendered using components that contain additional components specified as custom HTML tags.”.
- 29. JSX XML-like syntax extensionto ECMAScript without any defined semantics. https://facebook.github.io/jsx/
- 30.
- 31. Cos’è AngularJS? Superheroic JavaScriptMV* Framework
- 32. – Wikipedia “AngularJS èun framework per applicazioni web open- source […] per affrontare molte delle sfide incontrate nello sviluppo di Single Page Applications. È mirato a semplificare lo sviluppo e la sperimentazione di tali applicazioni, fornendo un framework basato sul design pattern MVC, assieme a componenti comunemente utilizzati nelle Rich Internet Applications”.
- 33.
- 34. Modules Collezione di oggettiche definiscono il set di funzionalità della nostra App.
- 35. Scopes Il collante trala logica e la UI.
- 36. Esiste uno scopeglobale [$rootScope] al cui interno vengono creati degli scope per ogni componente [$scope]. Ogni scope può accedere sia al proprio genitore che ai propri figli. Nel caso di un componente o una direttiva lo scope può essere isolato [isolated scope].
- 37. Dependency Injection Come glioggetti devono accedere alle dipendenze di cui hanno bisogno per poter funzionare.
- 38. Controllers Definiscono le funzionalitàper un singolo aspetto della nostra App.
- 39. Services Oggetti singleton chesvolgono compiti comuni a più aree della nostra App.
- 40. E Angular 2? Oneframework. Mobile & desktop.
- 41. A typed supersetof JavaScript that compiles to plain JavaScript. https://www.typescriptlang.org/index.html
- 42. An API forasynchronous programming with observable streams http://reactivex.io/
- 43. Build desktop andnative mobile apps with strategies from Ionic Framework, NativeScript, and Electron http://ionic.io/2 http://electron.atom.io/ https://www.nativescript.org/
- 44. Grazie a tutti! Cisono domande?
- 45. © 2016 -Giovanni Buffa