To learn the front end of three parts: HTML, CSS, JavaScript (referred to as JS), so the first clear three concepts:
HTML is the content layer, its purpose is to express an HTML tag is what role the page.
CSS is a style layer, it is an object of the content displayed in what style (font, size, color, width higher).
JS is the behavioral level, it needs to do is when the user triggers certain behavior, content and style will bring any kind of change.
1, HTML, CSS section.
HTML / CSS beginner, did as experimental http://www.w3cschool.cn/ do, the http://www.w3cschool.cn/index-6.html and http://www.w3cschool.cn/index -7.html two done on the entry,
In general css learn a few days on it, because a lot of advanced front-end engineers do not even write css, but the primary front-end engineers are also facing the difficult problem of employment, so our focus should be on learning as well as some of the front frame even js in terms of source code
After completing the learning is a more skilled HTML / CSS at this time if the user wants to continue in-depth study related libraries and frameworks, recommend Sass and Compass, recommended two Ruan Yifeng's blog:. Http://www.ruanyifeng.com /blog/2012/06/sass.html http://www.ruanyifeng.com/blog/2012/11/compass.html
and the book: "Sass and Compass in Action" http://book.douban.com / subject / 6732187 /
2, JavaScript part.
Beginners recommend watching videos, search Taobao, a lot of free, easy to use than the absolute charge, as someone who has found the so-called report classes are training pit of money, can only teach a foundation, still difficult to find a job, so I want to learn or to rely on their own, of course, watching videos have time to pay special attention to JavaScript's OOP writing (emphasis can be Duokanjibian), as well as closures, the prototype chain, part of asynchronous programming (second priority), the former writing projects are with the latter involving JS essential characteristics of this language.
Of course, if you can not find the resources you can also add QQ group: 426 334 209
I have a lot of free sharing of resources shared inside the group, and also his previously learned, then those entrants, so that now the front surface into the senior Tencent
then need to learn JS and HTML / CSS debugging method in a browser, it is recommended with chrome developer tools to debug in Google Chrome
After watching the video and practice, you can see "Javascript Good Parts" ( http://book.douban.com/subject/2994925/) of this book, do not look to see if it can be thought. To consolidate and enhance programming ideas JS area.