如何从零开始学习web前端？

网友解答: Web前端应用场景会随着移动互联和大数据而得到更加丰富，很多内容需要通过前端进行展示，学习Web前端首先是一个很好的选择。Web前端的学习对于从零开始的学习者来说是很容易上手

Web前端应用场景会随着移动互联和大数据而得到更加丰富，很多内容需要通过前端进行展示，学习Web前端首先是一个很好的选择。

Web前端的学习对于从零开始的学习者来说是很容易上手的，语法简单，使用环境简单，零基础的初学者在学习过程中容易建立起学习的信心，并且前端开发对基础知识的要求比较低。

不过，前端学习的内容会比较多，所以，在学习过程中要有一套系统的学习方法。

前端三大基础：HTML、CSS 、JavaScript

前端三大基础，学习顺序为：HTML＞CSS＞JavaScript。

其中，JavaScript要学习的东西多而混乱，要取其精华，去其糟粕，对于语言精华，应该深入学习。

不光要看书，还得练习，练习方面的建议是去W3Cschool官网看看，边学边练，每章后还有小测试。

学完上面的技能，你就可以简单的设计一般的静态网页了，不过这还远远不够。

推荐几本书籍：

《html5从入门到精通》

这本书讲的很系统，作为入门书籍，也比较容易懂，最重要的是有光盘教学，可以放电脑上看看。

css的书籍，这本书也有涵盖html5，有承上启下的作用。

比较出名的一本javascript，被读者称为犀牛书，很推荐。

框架：React、Angular 或者 Vue

学习完前端的三大基础之后，你还需要了解最新的前端框架。

这里就提出Vue 、Angular 、React，大部分人称为VAR，这三个是目前最流行的前端框架。

为什么没有jQuery？确实，初学者认为使用jQuery就可以写出任何特效效果，但是它并不是前端的全部，在工作时间久了之后才会发现，jQuery只是满足当下的业务需求，技术框架是随时会变的。

当然，学习jQuery没有问题，只是多学会框架，有助于提升你的个人技术能力，和你的职场竞争力。

打包工具：Webpack 和 gulp

Github developer-roadmap 项目整理了一份Web前端开发人员学习路线图，值得看一看。

图片中不同颜色的意义：

学习Web前端最好能够向全栈方向发展，这样可以让你在职场中更具有竞争力。

Web全栈程序员是目前科技公司招聘的受欢迎岗位，并且需求量变得越来越大，所以，学习前端要想更上一层楼，有更好的发展，有必要了解一下Web全栈。

我最近也在学这门课，自学还是有一定的难度的，建议报一个培训班

如果要自学的话可以微信或QQ索html、IT、前端等相关关键词，进入群聊，大部分群里都有视频可以学习，有的还有固定课程、老师，也会布置作业