很多人想学习Web前端开发，但又不知该如何下手，下面就让我这位有7年web前端开发经验的“程序猿”作向导，为大家指点一下迷津吧，以免大家走了偏道！
一、了解web前端
所谓“知己知彼，百战不殆”，在学习web前端之前，还是让我们先了解一下什么是web前端吧！
所有用户终端产品与视觉和交互有关的部分，都属于前端开发的领域。从狭义上讲，Web前端就是用HTML、CSS、JavaScript等专业技能和工具将产品的UI设计稿实现成网站产品，涵盖用户PC端、移动端等网页，处理视觉和交互问题。
Web前端开发是伴随Web兴起而细分出来的行业。在Web前端这个岗位兴起之前，html+css的工作是被视觉人员所承担的，而JS这部分则是由后端完成的。
web前端同样是程序员，由于前端是位于后端程序和界面设计师之间的岗位，相当于中间桥梁，要完成三者的对接，涉及到广泛的知识，规模大到工程级，也就有了前端工程师的说法。
二、打好基础，循序渐进
web前端与网页是息息相关的，因此，要学习web前端，必须要熟悉网页，因为网页所有呈现的内容都是基于HTML网页的。
所以，HTML和CSS是必须要掌握的，它们是构建网站的元素。其中HTML构成了网页的“骨架”，CSS为网页添加了颜色样式，是网页的“皮肤”。
如果你连html、css（如今的HTML5+CSS3）的基础都不够扎实，就很难进一步学习。
记住，就算你的JS很好，但布局基础不行，就是一名不合格的web前端开发人员。
打好了基础，才能进行下一步的学习
在学习先后顺序上，应该是HTMLCSSJavsscript，之所以这样安排并不是说Javascript最不重要，而是因为HTML和CSS的学习比较简单，不用花太多时间，而Javascript相对比较复杂。
三、书本与视频学习相结合
很多人在学习web前端时，选择看视频学习的方法。个人认为，看视频进行学习，效率虽然比较快，但是深度不够。学习web前端，一定要书本和视频相结合，才相得益彰。
如果你的基础实在太差，看不懂书本，可以借助视频作为快速入门的途径。但你如果想要深入学习一门技术，就要多看书。先把一个模块的知识点看一遍，心里有了一个谱，再看视频，然后再动手操作。（记住，要多练习、多操作。）
但现在很多人不看书，盲目看视频，心里没有一点儿概念，导致基础不佳，只是零碎地掌握了一点皮毛，到最后的结果是学不能致用！
四、好好利用网上资源
如今，几乎所有的前端技术都是开放的，前端开发人员可以很方便地在网上学习到一些前端开发的知识和找到一些高效的插件库。在这里，我向大家推荐w3school。在w3school，你可以找到你所需要的所有的网站建设教程：从基础HTML到CSS，乃至进阶的XML、SQL、JS、PHP和ASP.NET。
例如，学习HTML+CSS，你可以在w3school在线教程上边学边练。这里每个属性后还有在线测试，之后你就可以模仿一些网站做些页面。
javascrip要学的内容很多，如果没有其他编程语言的基础的话，学起来可能要费些力气，大家可以在w3school上学习一些基本语法和定义。
此外，在腾讯课堂，里面也有很多关于web前端的课程学习，大家平时可以多