Most popular web front end technology Summary

Web front-end technology is developing very fast, the mainstream technology progress. Think of just graduation that will use ASP technology. Currently, the site is already very rare in mainstream applications.
Later later the Java EE framework. Then SPRINGMVC prestige, however, the recent various JS frameworks are widely disseminated, HTML5 mobile Internet is very rich in the development of the introduction, some of the latest text of the Web to make a summary, so that a lot of other people to understand. Then take its director, avoid it short. High-speed introduction of simple and generous, easy maintenance, good performance of the personal site.

JavaScript mv* Framework

For a long time, every program ape learns how to use JavaScript to write a program that pops up a warning box or checks whether an e-mail message that includes an @ symbol is included. Now, the HTML AJAX app has become so complicated that very few people have ever started to learn from it. Instead, it's easier to accept a way to implement business logic like using a well-designed framework and writing some glue code. These frameworks can help you deal with events and content on Web apps and Web pages, saving you time.

Similar frameworks such as: Dojo Utility tool,jquery,angularjs,backbone.js,node.js and so on.

* AngularJS
Angularjs is an open source JavaScript library that is maintained by Google and used to assist a single page application to execute. Its goal is to enhance browser-based applications through the MVC pattern (MVC) feature, making development and testing easier.

A function library reads HTML that includes attaching its own definition (tag properties). Follow the instructions in these own defined properties and bind the input or output in the page to the model represented by the JavaScript variable.

The values of these JavaScript variables can be set manually. or retrieved from a static or dynamic JSON resource.

* Backbone.js
Backbone.js is a set of JavaScript frameworks and application interfaces for restful JSON. It is also a set of programming paradigms that are broadly in line with the MVC architecture. Backbone.js is a lightweight feature that can be executed only by relying on a set of JavaScript function libraries.

is often used to develop single-page Internet applications and to maintain synchronization of various parts of a Web application, such as multi-user and server-side.

Backbone.js was developed by Jeremy Ashkenas, who was also the developer of Coffeescript at the same time.

* JQuery
jquery is a set of cross-browser JavaScript libraries that simplifies the operation between HTML and JavaScript.

The first version number was announced by John Resig on BarCamp NYC in January 2006.

This is now being developed by the development team led by Dave Methvin. Of the top 10,000 most visited sites in the world, 65% use jquery, the most popular JavaScript library of all.

* Dojo Utility tool
Dojo is an open source DHTML Toolkit implemented in JavaScript language. It was built on the basis of several project donations (NWIDGETS,BURSTLIB,F (m)), which is why it is called a "unified" toolkit. The goal of Dojo is to address the long-standing, historical issues (historical problems with DHTML) that are encountered in developing DHTML applications.

Cross-browser issues.


CSS Framework

Once. Just take a moment to open the CSS file on a Web page. Also contains a new command, like Font-style:italic. The next thing you need to do is take a morning's time to get everything done. Today's web design is relatively complex, and it is not possible to use such simple commands to fill a file.

As you can say, the CSS framework is the strongest and strongest foundation for sass and Compass, and the CSS framework provides components such as real variables, nested modules, and blends that help create high-quality, more stable coding programs. This doesn't sound like a novelty in the field of programming, but it's almost a huge leap in design.

A CSS framework is usually a collection of CSS files. Contains the basic style of font layout, form style. Table layout and so on, for example:
* Typography.css Font typesetting rules
* GRID.CSS Table layout
* LAYOUT.CSS Layout
* FORM.CSS Form
* General.css CSS General settings
Here are some nice CSS frameworks. Specific references: CSS framework


* Elements CSS Frameworks
Elements is a basic CSS framework that is used to help designers write CSS more quickly and easily. It is not only a framework, it has its own workflow. It has all the elements you need to complete the project. View Introduction: Overview.

* YUI Grids CSS

The base Yui Grids CSS offers 4 page widths, 6 border templates, and the ability to control rows and columns.

The 4KB file provides more than 1000 page layouts and more.

* YAML CSS Framework

Dirk Jesse can be extended to the (X) HTML/CSS framework, supporting complex web projects.

Yaml is based on web standards and supports a variety of popular browsers. In particular, support for all IE version numbers is included from 5.x/win to 7.0.

* Blueprint CSS

Blueprint is a CSS framework whose goal is to reduce your CSS development time. It provides you with a powerful CSS foundation to create your project, including an easy-to-use grid. A valid font layout. and a printable stylesheet.

Svg+javascript on Canvas
Once upon a time flash has been pulling the mainstream ideas of software project teachers. This is mainly due to the software project teacher's pleasure in seeing this result.

The rendering of the normal display looks great, and many talented designers have built a high-quality stack for the Flash code, which makes it easy to provide complex conversion and animation display capabilities.

Since JavaScript has the ability to do the same thing as Flash, the browser vendors and developers are certainly more inclined to JavaScript.

Developers feel that the DOM layer and the integration from the new format SVG (Scalable Vector graphics) will bring better results.

SVG and HTML are made up of a large number of tags. Easy for web developers to use. Followed by. There will be a large number of APIs in the canvas project to provide exquisite picture, weak weak ask: Then there is still need to continue to use flash?

Single Page web App design

Remember when the network appeared and soon. URLs point to a Web page that is full of static text and images, it is easy to put all the information on a Web page called Web. The new web app is a more front-end for large databases. When the web app wants to get the information it needs, it pulls the data out of the database and places it in the specified location, and the data layer is completely independent of the presentation layer and the formatting layer. Here, too, is the rise of mobile computer processing technology: A single, responsive design Web page is like an application--which avoids the clutter that may occur in the App store.

Web interface

Also very early on, people can only use a command-line compiler.

and then what. Someone created the IDE by integrating the editor and other tools. But now it's time for the IDE to fade--You can write code for your work system with browser-based tools.

Suppose you don't like the way WordPress works. The IDE can install a built-in editor in your program. Change the code anywhere, that is to say. The IDE is more user-friendly. The first site based on Web compiler function (www.gbtags.com) has aroused the attention of the Web front-end developers.

node. js
node. JS is an event-driven I/O server-side JavaScript environment based on the Google V8 engine. The purpose is to provide the authoring of extensible network programs, such as Web services. The first version, released by Ryan Dahl in 2009, later Joyent hired Dahl and helped develop node. js.

Similar development environments for other programming languages, including twisted to Python,perl Object environment in Perl. Libevent in C, and Eventmachine in Ruby. In a different place from the general JavaScript. node. JS is not executed on a Web browser. Rather, it is a JavaScript server-side JavaScript that executes on servers.
node. JS implements a partial COMMONJS specification (spec).

node. JS includes an interactive test REPL environment.

In the node. js field. node. JS provides a harmonious development environment between the browser and the server for benefits.

Executing the same code between the browser and the server makes it easier for developers to invoke functionality and replicate features. Finally, the node. JS layer will become the hottest stack on the Internet.

Copyright notice: This article blog original articles, blogs, without consent, may not be reproduced.

Most popular web front end technology Summary