No nonsense, direct dry goods
The front end of the learning stages:
Stage: html tag, html5 new label, css styles, css3 styles, media inquiries
Two stages: JavaScript, jQuery, ajax, object-oriented, http transmission protocol
Three stages: canvas, js advanced applications, JS-SDK, H5 new technology
Four phases: node.js, vue.js
The first stage of learning --HTML
HTML (HyperText Mark-up Language referred to as HTML) is the skeleton of a web page, whether static pages or dynamic pages, eventually returned to the browser is HTML code, the browser will post HTML code interpreter rendered to the user. Therefore, we must master the basic structure of the HTML tag and attribute and common
HTML is a process of learning and memory appreciated, in the learning process by means of "split" view of Dreamweaver assisted learning. In effect seen in "Design" view, the "code" view of the nature of high school, the advantages of various views to the limit, this control method of learning to make up for memorizing simple HTML tags and attributes boring, surely all of you beginners Xiaopen faithful, it must be wonderful!
After learning HTML, we just mastered a variety of "raw material" production method, in order to cover a building would also need these "raw materials" together and do some landscaping style portfolio layout according to our design.
The second phase of the study --CSS
CSS is an abbreviation for Cascading Style Sheets English, called Cascading Style Sheets, is able to truly show pages with content separated from a style language. Compared with the traditional HTML performance in terms of its style that can be reused, thus greatly enhancing the speed of our development, reducing maintenance costs.
While the CSS box model, the relative layout, an absolute position on the layout of the page layout can be realized in each of pixel-level objects, precise control. This phase of the study, we can successfully complete the construction of "a building" in.
"Building" after the construction is completed, we can give users, but if you want the user a better experience, we can also "building" in deeper "renovation", make it look more "luxury" Some.
The third stage of learning --JavaScript
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!有么有?
此时，也许你还沉浸在JavaScript给你带来的惊喜之中，但你的项目经理却突然对你大吼道
这个效果在××浏览器下不兼容，重新搞……”
“不兼容?”瞬间石化了有木有?
我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”
JavaScript的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。
Web前端的学习建议
最后给大家聊聊在学习Web前端中的一些建议和方法：
在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。
“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。
计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能!
每个人的成长与基础不一样，结合自己的实际情况，在执行。还是重复一下，前端的核心是html，js，css不难，但需要来积累。对前端我是这么看的
专门建立的学习Q-q-u-n ⑦③①-⑦⑦①-②①① 分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）
点击：我们的前端学习圈
html，css就像一瓶酒，得品。
html,css总共就那些标签跟选择器属性什么的，但是要写一个有扩展性，健壮性或维护性的页面不容易。现在写页面基本条件反射，不是如何快速的完成，而是思考如果有界面需求修改，怎么在修改代码最少的情况下快速完成需求任务。这是对前端耐力，体力，智力的三重考验。
js就像一把剑，得磨。
js刚开始只是为了较验，随便技术社会的发展，承担的角色越来越重，刚开始玩玩jQuery感觉已经会js了，其实只是冰山一角。随着对js的了解越来越多，他即变态又可爱，即好玩又难控，即有很多兼容问题，但解决兼容是我们基本生存之道。从ajax到jsmvc一路走一路看，高载潮一浪高过一浪。
人生就是一场梦，得作。
技术只是生活的一部分，曾经雄心斗志，如今低头写码。改变能改变的，接受不能改变的。人生有限，只争朝夕啊。人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。不求健步如飞，但求一步一脚印。感谢磨难，他使我们内心更为坚强。感谢挫折，他使我们不断的成长，感谢bug，他使我们的思维更加深邃。感谢前端，他使我们更加的相信，撑起一片天空需要十八般武艺。
