![Meet… And stay alive !
What:
One acronym, SPA, aka
Single Page Application
A single-page application (SPA) is a web application or web site that fits on a single web page with the goal of providing a
more fluid user experience akin to a desktop application. In a SPA, either all necessary code – HTML, JavaScript, and CSS – is
retrieved with a single page load,[1] or the appropriate resources are dynamically loaded and added to the page as necessary,
usually in response to user actions. The page does not reload at any point in the process, nor does control transfer to another
page, although modern web technologies… bla bla bla… (Wikipedia)](https://image.slidesharecdn.com/97gteprlqtmawfzry5f6-signature-74155f87a9a94d902a4118e2f764f5cfe4abfcaebd6b5b03217292681fd2706b-poli-151206091726-lva1-app6892/85/AngularJs-Crash-Course-4-320.jpg)
More Related Content
![[WEB UI BASIC] JavaScript 1탄](https://cdn.slidesharecdn.com/ss_thumbnails/javascript1-150426071310-conversion-gate01-thumbnail.jpg?width=560&fit=bounds)
AngularJs Crash Course
- 2. Meet… And stay alive ! Why: ● Used as mobile app engine. ● Used as web app engine. ● ...We saw it on the run, now we take time to see the basics.
- 3. Meet… And stay alive ! PAY ATTENTION! We are going to see the basics, NOT the best practices !
- 4. Meet… And stay alive ! What: One acronym, SPA, aka Single Page Application A single-page application (SPA) is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application. In a SPA, either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load,[1] or the appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions. The page does not reload at any point in the process, nor does control transfer to another page, although modern web technologies… bla bla bla… (Wikipedia)
- 5. Meet… And stay alive ! Main pattern: MVC
- 6. Meet… And stay alive ! Packages: ● Routing ● Templating ● Two-Way data binding new!
- 7. Meet… And stay alive ! Two-Way data binding: Automatic updates between model and views...with the controller in the middle :)
- 8. Meet… And stay alive ! Old skool New kid(s) on the block !
- 9. Meet… And stay alive ! Some alternatives: ● Knockout ● Ember ● JsViews ● Can.js ● Ractive
- 10. Meet… And stay alive ! A more in deepth view of the components... or ancestors: ● Underscore ● Backbone ● jQuery ● AMD ● Promises ● Handlebars
- 11. Meet… And stay alive ! OK… That’s cool, Hands on code ! Code taken from: https://github.com/curran/screencasts/tree/gh-pages/introToAngular
- 12. Meet… And stay alive ! Take 1 - Old Skoooooooooool !
- 13. Meet… And stay alive ! Take 2 - jQuery era...
- 14. Meet… And stay alive ! Take 3 - Welcome Angular !
- 15. Meet… And stay alive ! Ok, one step further...Global controller
- 16. Meet… And stay alive ! Introducing modules !
- 17. Meet… And stay alive ! Introducing lists...
- 18. Meet… And stay alive ! OMG Forms !
- 19. Meet… And stay alive ! Give me it ! (remotely)
- 20. Meet… And stay alive ! Images (the AngularJS way)
- 21. Meet… And stay alive ! Ok, let’s take the time machine...
- 22. Meet… And stay alive ! We saw the basics, there are tons of other things out there, where should we look ? It may sound strange, but official documentation is the starting point !
- 23. Meet… And stay alive ! API Reference too...
- 24. Meet… And stay alive ! And the last two spots for a right AngularJS knowledge: For the coding style & best parctices For test unit & quality stuff
- 25. Meet… And stay alive !