Front-end rich JavaScript application creation (Backbone.js)
Download as PPTX, PDF2 likes835 views
This document provides an overview of front-end technologies for building rich JavaScript applications. It discusses HTML for creating web pages, CSS for styling, and JavaScript for interactivity. It also covers jQuery for simplifying DOM manipulation and Ajax, Backbone.js for building maintainable apps using the MVP pattern, and Underscore.js as a utility library. The document concludes with steps for building a basic Backbone app with models, views, and routing.
Front-end rich JavaScript application creation (Backbone.js)
- 1. FRONT-END RICH JAVASCRIPT APPLICATION CREATION BY O.PROHONNYI
- 2. THEORY
- 5. In computer science, the front end is responsible for collecting input in various forms from the user and processing it to conform to a specification the back end can use. The front end is an interface between the user and the back end. wikipedia.org
- 7. ABOUT HTML
- 9. HTML or HyperText Markup Language is the standard markup language used to create web pages. HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). wikipedia.org
- 10. ABOUT CSS
- 12. Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language. CSS is designed primarily to enable the separation of document content from document presentation, including elements such as the layout, colors, and fonts. wikipedia.org
- 14. ABOUT JAVASCRIPT
- 16. JavaScript (JS) is a dynamic computer programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed. wikipedia.org
- 21. ABOUT JQUERY
- 22. jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. wikipedia.org
- 23. Ajax (Asynchronous JavaScript and XML) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With Ajax, Web applications can send data to, and retrieve data from, a server asynchronously (in the background) without interfering with the display and behavior of the existing page. wikipedia.org
- 26. Backbone.js is a JavaScript library with a RESTful JSON interface and is based on the model–view–presenter (MVP) application design paradigm. Backbone is known for being lightweight, as its only dependency is on one JavaScript library, Underscore.js. wikipedia.org
- 27. Model–view–presenter (MVP) is a derivative of the MVC architectural pattern, also used mostly for building user interfaces. In MVP the presenter assumes the functionality of the "middle-man". In MVP, all presentation logic is pushed to the presenter. Eventually, the model becomes strictly a domain model. wikipedia.org
- 29. Underscore.js is a JavaScript library which provides utility functions for common programming tasks. It is comparable to features provided by Prototype.js and the Ruby language, but opts for a functional programming design instead of extending object prototypes. wikipedia.org
- 31. PRACTICE
- 32. STEP 1 BASIC PAGE STRUCTURE
- 37. Model: - Post - PostsList (Collection:Post) View: - PostView - PostsListView Router: -
- 41. Backbone.js resources: - http://backbonejs.org/ (http://backbonejs.ru/) - http://underscorejs.org/ - http://backbonetutorials.com/ - http://code.tutsplus.com/tutorials/getting-started-with- backbonejs--net-19751 - http://backbonetraining.net/resources