Front-end / Client: User - server (fishing, dark chain, XSS, clickjacking, CSRF, URL jumps)
Backend / server: Server - Database (SQL injection, command injection, file upload, file included, brute)
Front-end development languages: html language, css style code, javascript script, html5, css3, jQuery, ajax, Bootstrap, Backbone
HTML: HTML, basic web page markup language, the most basic language
CSS style code: the code is used to control how to display html, html language is marked pages and better Web page css styles to control the desired effect
html5, css3: more tokens and applications, to better streamline the code, more powerful
JavaScript script: running on the client. The main effect is to change the code and display a web page by a number of events, the general web effects are scripts written in JavaScript. Provide interactive features of the client and some animation effects.
jQuery: is developed by the JavaScript library, all integrated JavaScript functions, front-end development less code, than simple JavaScript, compatible with almost all browsers.
Ajax: equivalent between the user and service areas plus one intermediate layer (Ajax engine), so that the user of the asynchronous operation of the server response. Not all user requests are submitted to the server, as some data validation and data processing to do so to their own Ajax engine, and only then submit the request to determine when to read the new data from the server to the server on behalf by the Ajax engine, in particular local refresh. [Ajax is not a new programming language, but a new method of using existing standards; the biggest advantage is in Ajax without loading the entire page, you can exchange data with the server and update the content portion of the page; Ajax does not require any browser plug-ins, but requires the user to allow the execution of JavaScript in the browser]
Bootstrap: bootstrap contains a wealth of web components, these components can quickly build a beautiful, fully functional website. These include the following components: drop-down menu button group, the button drop-down menus, navigation, navigation, route navigation, pagination, layout, thumbnails, warning dialog boxes, progress bars, and other media objects.
Backbone: backbone is a heavyweight framework to help develop JavaScript applications. Main components:
1.model (model): Create data, data validation, destroyed or saved to the server
2.collection (collection): You can add elements, remove elements, to obtain a series of tools Length, sorting, comparing, etc., that is a saving models of collections
3.view (view): Binding html template, the destruction of the binding interface elements of the event, the initial rendering, re-rendering the model value and the change of interface elements
【Advantage:
1. The data interface and well separated.
2. Bind event a good spin-off, easy to manage and iteration.
3. Javascript makes modular programs to be clearer.
Scenario:
the most suitable scenario is a single-page application, and there is a lot of data on a page model, we need to communicate complex information between models]