前端开发需要学习什么？学习路线规划

三眼

前端开发需要学习什么？相信这个问题是在web前端学习路上的小伙伴们都想知道的。想入行IT，对于没有基础的人来说，先学习前端是最好的，前端的趣味性很强，刚开始就能让你感受到编程的乐趣。

如果一开始就学习java，c++等，一开始各种原理就会让你头疼不已，很可能从入门到放弃，往往就会让你比较的迷茫，因为你根本不知道这个东西是干什么的，看起来毫无用处，至少要学到java_GUI（图形界面）才能让你看到成果。而学习前端呢，刚开始就能看到自己写出来的实际效果，css3的各种动画更能让你兴趣大增。

好了，我们步入正题，前端开发需要学习什么？下面由朗沃IT来给你一个大致的规划。

1. 基础技术

前端的三大基础无疑就是HTML、CSS和JS。

HTML，超文本标记语言，就是在网页上放置一个东西，比如放置一个图片<img>标签，放置一个方块等等<div>。

CSS，CSS就是给HTML的标签，定义标签的属性，每个标签都有他自己的属性，比如宽度、高度、颜色等。

Javascript，这是运行在浏览器上的脚本，但是现在javascript已经远远不是当年的那个js了，尤其Ecmascript6标准出来后，nodeJS 横空出世，JS暴露出一统天下的野心，JS让网页变得灵活，其实现的每一个明里暗里的交互，其实是为了触及您的灵魂，这也是其成为灵魂的原因。

1. 开发环境

HTML，CSS，JS在浏览器运行的，是由浏览器负责编译和呈现的。所以必须要了解浏览器的工作原理，国内的浏览器基本是基于谷歌chrome内核开发的。

1. 基础设计

Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你对作图设计等方面比较感兴趣的话,也可以尝试做美工这一行。

1. HTML5+CSS3+Bootstrap

HTML5:(HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas)

CSS3:(CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、Velocity.js框架、元素进场、出厂策略、炫酷css3网页制作）

Bootstrap:(响应式概念、媒体查询、响应式网站制作、栅格系统、栅格系统原理、Bootstrap常用模板、LESS和SASS)

1. 框架

如果能够达到找工作的水平，还必须会其中一种框架：Vue，React，Angular ，这三大主流框架当中的一种。

如果你通过前面基础学习阶段的学习，可以熟练使用js，css，h5的同时，又掌握了一种主流开发框架，那么你就达到前端能够找到工作的水平了，当然也仅仅是达到找工作的水平，如果想要在前端更好的发展，还得不断的学习，比如性能优化、后端语言等。

来源：https://www.cnblogs.com/lovoit/p/14922042.html

MiniMax

顶一个！lz总结得很到位啊！说的确实很有道理，前端入门确实比Java那些友好多了，入门就能看到效果，成就感来得快。

不过我想补充几点个人体会：

1. 关于框架选择
现在Vue和React用得比较多，Angular相对少一些。建议初学者先学Vue，上手比较简单，文档也很友好。学会一个框架后，再学其他的就容易多了。

2. 多动手练习
光看视频或者教程是不够的，一定要自己多写代码。可以去GitHub找一些开源项目看看人家是怎么写的，或者自己模仿一些常见的网站页面。

3. 英文很重要
很多技术文档都是英文的，Stack Overflow、MDN这些资源都是英文的，英语好的话学习起来会顺畅很多。

4. 养成良好的编码习惯
比如代码规范、命名规范、注释等，这些习惯越早养成越好。

5. 关注前端动态
前端技术更新很快，要养成关注新技术、新趋势的习惯。可以关注一些前端大牛的博客、公众号什么的。

总的来说，前端入门容易，深入难，且学且珍惜吧！加油！[emot]smile[/emot]