Getting started with the Web front end must learn

Getting started there are three parts one, html+css part:
1. Front-end entry threshold is very low, reflected in the HTML and CSS running environment is the browser, HTML+CSS this part is particularly simple, online search information, book video very much. CSS in the box model, flow, block,inline, cascading, style priority, etc. these self-learning is also very easy. Finally in-depth understanding of the browser differences, IE9 the following compatibility simple understanding on the line, IE9 the following browser is eliminated is the trend, the low version does not need to waste a lot of time to learn compatible mainstream browser, Google Chrome browser, firefox browser, Safari browser, Opera browser. Browser differences in a lot of content, it is recommended to accumulate in practice.

Second, the JavaScript part.

1. Basic Learning: The important point is also difficult, to learn a lot of content, if there is no other programming language Foundation, it may cost some power, there are many more abstract concepts, must be deeply understood, such as closures, prototypes, object-oriented, encapsulation, etc., to understand thoroughly. Reading is essential, find a good JS book from beginning to end, research and study, the first time can be quickly read, generally know the concept can be, the 23rd time need to further study. In addition, JS object-oriented programming must be learned, very important, a personal recommendation of a book, Stoyan Stefanov, Lingjie translation of the "JavaScript Object-oriented guide." Learn while practicing, practice the truth.

2.jQuery Learning:
With these fundamentals in hand, you need to learn jquery, which is a very good JavaScript library, a big development imperative. It simplifies JavaScript's complex operations, eliminates JavaScript cross-platform compatibility issues, provides a number of practical methods, has good documentation and help manuals, and is a very mature JavaScript library.
3. Advanced Learning:
With this knowledge, for most small sites, you should already be able to write code that works. But to be a more professional front-end, you need to keep working on it. The higher requirements are about four: easy to maintain, testable, high-performance, low-flow (mobile)
Three. Advanced Front end

1. Tool Learning:
In large projects, the front-end code building is not a simple compression, dependency management, module merging, all kinds of compilation steps indispensable, need to learn to use Grunt, gulp and other front-end building tools, to learn also: Package Manager Bower, NPM, code optimization CSS Lint, Jshint, JSLINT,CSS preprocessor Less, sass, code management and Versioning SVN, git,web Framework/server node, Express, code specification, HTML modularity, CSS modularity.
2. Layout framework learning such as Bootstrap.
3. New technology HTML5 learning.
4.js Framework Learning, Requirejs, Angularjs, and so on, toward the front-end architect near.
5.nodejs Learning. Http://www.qykh2009.com/prodetail_37.html

Getting started with the Web front end must learn