如何学习web前端

最近有些朋友觉得工作难做想转行，想搞技术，问我如何学习web前端成为一个合格的web前端，并在这个行业站住脚？

　  其实很多人都觉得程序员有技术在身底气足又是高薪所以对这个行业有些意动，但是这个行业近些年被无数培训学校培养出来的大量0基础的学员，他们也是抱着这种心思，导致现在程序员行业人数很多但是真正精通者依然是凤毛麟角，究其原因

无非是掌握的不够，累计的经验不够的原因，甚至很多做不走逼的无奈只能转行，培训的花费也就付之东流了，但是说了这么多还是有很多下了大决心的准备入这行的，那我就希望诸位能够在这条路上坚持，虽然枯燥些，但是程序带来的成就感是很多

事情都无法取代的。下面就说说如何学习Web前端：

　　Web前端入门很简单，甚至有些培训机构直接教授学员学习Dreamweaver集成软件，很容易就完成一个个页面，毕竟前端的编辑和页面是紧密相连的，让很多学员以为前端很容易，结果去面试却处处碰壁，因为过分的依赖IDE导致我们不清楚其

实现的本质，知其然但不知其所以然。因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。

　　web前端的核心技术包括三个部分：HTML5、CSS3、JavaScript（jQuery）。除此之外很多公司都要求掌握Json、ajax以及对熟悉后台例如PHP等编辑语言。

　　学习的过程中要一步一步来，切记好高骛远。

　　第一步：H5的学习，超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。所以我们必须掌握HTML的

基本结构和常用标记及属性。常用的标签：段落标签、超链接标签、文字标签、图片标签、表格标签、表单标以及媒体标签和canvas签等。w3c手册中可以学习，这部分是撑起一个页面的根基，好比你盖房子的地基一般。

　　第二步：CSS的学习，CSS是样式的编写，就好比楼房盖好了，里面需要什么样的格局，什么颜色的墙壁等都是靠样式把控的。CSS的学习包括：CSS选择器（ID选择器、类选择器、复合选择器）、CSS样式（颜色、背景、文本、链接、表格等）、边

框样式（边框、内外边距）、定位（绝对定位、固定定位、相对定位）等。

　　前两步完成了要多做页面练习，熟练一个页面的布局，有能力的可以试着封装一些CSS样式，做自己的CSS框架，毕竟自己封装的框架用着最舒服。

　　第三步：JS（JQ）的学习，其实对于初学者来说，我建议先学习JS，虽然JQ在很多时候用起来比JS简单、方便，但是JS才是核心，JQ不过是JS的一个框架，至于两者的区别，我在上一篇博客里有写过。JS学习从语法开始，然后概念的理解学习变量、数据

类型、函数、运算符、DOM、BOM以及面向对象的思想等。JS学好了JQ理解起来就简单多了。JS主要做页面的功能效果以及和用户的交互。

　　另外，以上掌握了可以学习下json、ajax用于和后台的交互，没事熟悉下后台的流程和代码。

掌握了这些，可以试着找份实习的工作积累工作经验，其实说一千道一万想学好无非就是多练习多琢磨、持之以恒坚持走下去。