Hottest Web front-end technology rollup

Source: Internet
Author: User

The technology of the front of the web is developing rapidly, the mainstream technology is changing rapidly, think of the ASP technology that I just graduated from, now very few mainstream website is used.
Then to later the Java framework, and then SPRINGMVC Big line, but the recent various JS framework has been widely spread, HTML5 's launch is rich in the development of mobile Internet, this article on the latest several web front-end technology to summarize, so that everyone more understanding, and then take its director, to avoid its short, Quick introduction of simple and generous, easy maintenance, good performance of the personal site.

JavaScript mv* Framework

For a long time, every programmer has to learn how to use JavaScript to write a pop-up warning box or to check for a program that contains an @ sign. Now, the HTML AJAX app has become so complex that few people learn from the beginning. 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 help a single page application run. Its goal is to enhance browser-based applications through the MVC pattern (MVC) feature, making development and testing easier.

The function library reads HTML that contains additional customizations (tag properties), follows the instructions in these custom attributes, and binds 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 obtained from static or dynamic JSON resources.

* 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. The Backbone.js features a lightweight feature that can be run with a single JavaScript function library. 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 is also a developer of Coffeescript.

* JQuery
jquery is a set of cross-browser JavaScript libraries that simplifies the operation between HTML and JavaScript. The first version was released by John Resig on the January 2006 BarCamp NYC. It is currently being developed by the development team led by Dave Methvin. Of the top 10,000 most visited websites in the world, 65% use jquery, which is currently the most popular JavaScript library.

* 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 upon a time, it was possible to open a CSS file on a Web page, including a new command, like Font-style:italic, and then just take a morning's time to get everything done. Now the web design is relatively complex, and it is not possible to use such a simple command 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 the design world.

CSS frames are generally a collection of CSS files, including basic-style typography, form styles, table layouts, and so on, such as:
* 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. See more: 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 various elements that you need to complete the project, see 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's ability to extend to the (X) HTML/CSS framework supports complex web projects. Yaml is based on web standards and supports a variety of popular browsers, in particular supporting all IE versions 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 projects, including easy-to-use grids, effective typography, and printable stylesheet.


Svg+javascript on Canvas
Once upon a time flash has been pulling the mainstream ideas of software engineers, mainly because software engineers are happy to see such results. Rendering of the normal display looks good, and many talented designers have built a high-quality stack for 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 makers and developers are certainly more inclined to JavaScript. Developers think that the DOM layer's integration with the new format SVG (Scalable Vector graphics) will bring better results. SVG and HTML are made up of a large number of tags that are easy for web developers to use. Next, there will be a large number of APIs in the canvas project to provide a refined picture, weak weak ask: Then it is necessary to continue to use flash?

single page web App design

Remember that when the network appears and soon, the URL points to the Web page is full of static text and images, it is very easy to put all the information into a Web page called Web is very simple. The new web App is a front-end for large databases, and when the Web app wants to get the information it needs, it pulls the data out of the database into the specified location, and the data layer is completely independent of the presentation layer and the formatting layer. Here, the rise of mobile computer processing technology is another factor: a single, responsive design of web pages is like an application--which avoids the clutter that may occur in the App store.

Web Interface

Also a long time ago, people had to use only one command-line compiler. Later, the IDE was created 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. If you don't like the way WordPress works, the IDE can install a built-in editor in your program, changing the code anytime, anywhere, meaning the IDE is more user-friendly. The first website 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 was released by Ryan Dahl in 2009, and later, Joyent hired Dahl and helped develop node. js.

Similar development environments for other programming languages, including twisted to Python,perl Object environment to Perl,libevent in C, and Eventmachine to Ruby. Unlike general JavaScript, node. JS is not running on a Web browser, but is a JavaScript server-side JavaScript that runs on the servers.
node. JS implements a partial COMMONJS specification (spec). node. JS contains an interactive test REPL environment.

In the node. js domain, node. JS provides a harmonious development environment between the browser and the server for benefits. The same code that runs between the browser and the server makes it easy for developers to invoke features and copy features. Finally, the node. JS layer will become the hottest stack on the Internet.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.