看看阿里大神对 web 前端是如何总结的
一. 为什么要学习前端开发？
你可能是因为趣味，实现一个网站、页面、性能的成就感。你也可能是因为当初前端岗位火爆，就业率高。不论是因为什么，只有找准了指标，学就是了！
二.Web 前端开发是干什么的？有没有“钱”途？
先看一张图吧
北京高级前端研发工程师的均匀月工资为29.3k, 深圳也有 15k,“钱”途曾经有了。
那前端是干什么的呢？
（1）定义：前端开发就是将 UI 设计师设计好的界面实现，即用一些前端方面的语言（HTML、CSS、jQuery 等等）将 UI 设计变成能够与用户交互的网页；
（2）岗位职责：参加原型需要探讨会议，从前端和用户交互的角度提出一些本人的倡议和意见；与产品经理沟通梳理确认原型及需要；与 UI 设计师沟通，更好的实现界面；与后盾开发人员沟通，实现数据的交互；配合测试人员，解决 bug；配合整个团队，对我的项目后续的迭代进行开发等工作；
（3）前端工程师目前岗位火爆，只有把握了真正的前端常识，而不是泛泛而谈，找工作也绝对比拟轻松，薪资也是比拟可观的。当然，刚刚入门，我的倡议是不要太看重薪资，最应该看中的是有没有好的环境和平台能够学习到更多。当你在好的环境好的平台学习到更多，积攒了肯定教训之后，薪资真的挺简略。不要被刚刚开始少得可怜的薪资所战胜，从而放弃，如果你真的想要进入这行，坚持下去吧。将来回过头来，你会发现，所有就都是这么简单明了了。
三. 学习倡议
在你开始动手学习前，有一些小的倡议。依据我本人学习的教训发现，这些倡议在当初乃至我当前的岗位生涯里都是有很大帮忙的。还有就是 开始学习前，倡议能够先花几天工夫，查找一些如何入门的文章，通过对许多文章及前人的倡议。整顿出适宜本人学习的一套残缺打算，而后在学习过程中，在本人对前端更加理解之后，做出一些打算的调整。
比方先依据一份思维导图学习，再依据本人理论状况制订路线
我置信，在这样的打算学习之下比一来就开始学习具体常识要疾速无效得多。
1、倡议的学习步骤
（1）HTML 标签（网页构造标记语言）+CSS 款式（网页款式语言）。它们是实现动态 Web 利用最根底的语言，把握好它们，你能够编写出一个简略的模块（如导航等）甚至一个残缺的动态网页。
（2）Jquery 库（Javascript 编程语言的一个必须把握的库）。它能够让你之前做的动态网页“动起来”，比方（下拉二级菜单、网页右侧工具导航的开展等等交互特效）。
（3）倡议花工夫看看《DOM 编程艺术》这本书，或这类书籍。它是对于 Javascript 编程语言在网页开发下面的使用，跟着这本书走下来，你能够编写一个简略的具备交互成果的网站了。
以上几点就是小白最开始入门学习的货色，倡议依照程序学好这三种语言。能够应用 sublime 编辑器进行入手编写。当你依据学习步骤
实现一个小小的网站时，你会觉得很有成就感，后续的学习也就信念百增，趣味百倍。
2. 欠缺咱们的基础知识
（1）HTML5，更高级的标记语言，性能更加丰富多彩。新增许多标签，比方：canvas、video 等，能够本人实现更多的动画，炫酷的特效或者播放视频等等。
（2）CSS3，更高级的款式语言。你能够实现丰富多彩的页面动画，不必要每次都是用 js，应用 CSS3 就能够轻松便捷的实现一些想要的网页交互。
比方用 CSS 为女朋友画个爱心，友情长长久久~
（3）重中之重，javascript 编程语言。这是前端必要把握的真正算得上是编程语言的语言，学会灵活运用 javascript，将对当前学习工作有十分大的帮忙。把握它最重要的首先是学习好基础知识，而后通过一直的实战来晋升咱们的编程技巧和逻辑思维。这一块学习是继续的，直到咱们真正把握它并且可能灵活运用它。如果最开始学习一两遍之后，发现临时没有晋升的空间，咱们能够临时放一放。持续上面的学习，javascript 贯通咱们前端工作中，在之后的学习实现里也会遇到和锤炼到。真正学习起来并不难理解，要害是灵活运用。
（4）开始学会应用一些前端的框架，这里我是指前端的 UI 框架，它们能够帮忙咱们疾速高效的开发一个网站，并且界面风格也好不错。比方 PC 端的 Bootstrap，其实它是响应式的框架，也能够用在挪动端 H5 页面，或者 AmazeUi，这是一款专一于挪动端的框架。你能够百度也能够在对应框架的官网查看文档，当你学会应用某个框架的时候，其余的 n + 1 个各种各样的前端 UI 框架，你也会信手拈来。
（5）还有一种前端框架，如 layui 这类的，算是工具类框架。它外面蕴含了分页成果、弹窗成果、日期抉择控件等等内容。当你学习到这个时候或者更前面的学习里，你能够去学习如何应用，可能更高效的帮忙你实现我的项目的开发。
（6）通过百度，能够找到许多网页交互特效的插件，如二级菜单下拉特效、手风琴菜单、图片轮播、弹窗成果等等。下载它们源码及示例，入手学习应用或模拟它们的成果，能够帮忙咱们疾速实现一些比较复杂的交互特效。当初有十分多的收费开源插件，让咱们不必再反复造轮子，间接应用就很不便。当然，我的倡议是当你学会应用某个特效插件时，你能够学习它的源码，看看成果到底是如何实现的。这也是坚固学习 javascript 语言的好办法，你值得领有哦。
当你能够实现一个根本的带有交互成果的页面之后，加入工作中进一步晋升本人就是须要把握一些风行的前端开发 JS 框架及高效风行的开发模式。置信到了这一步，你曾经胜利迈入了前端的大门，接下来就是为了如何成为工作中的主力前端工程师而修行了。
四. 罕用的一些前端 JS 框架倡议
（1）vue.js，一款偏差于挪动端的 JS 框架，轻量级。数据驱动交互，学习起来非常容易，它能够不依赖与 Jquery 框架独立应用帮忙你开发一个敌对的挪动端界面。一个前端开发必要把握的技能，一款风行的 JS 框架。对于如何应用把握它，你能够百度，还能够去它的官网学习官网文档，或者是菜鸟网站也有介绍。
（2）react.js，比拟起 vue，它更简单一点，重量级一点，然而实现大型的我的项目也很疾速便捷。把握它也成了诸多公司入职要求，置信学习过 vue 这类数据驱动框架，在学习起这个就会容易很多。比起平时 jQuery 开发我的项目，vue 和 react 开发要害是思维会有所转变，把握面向对象和数据驱动交互，会让你感到开发的更加容易和敌对。如何把握它，百度、菜鸟网站、官网文档都是不错的抉择。
2、比拟风行的开发模式倡议
（1）vue + webpack 集成开发
（2）react + webpack 集成开发
（3）node.js 学习及利用，一款能够应用 javascript 语言开发后盾的工具
（4）weex + webpack 集成开发，目前很少看到公司应用
（5）angular.js，和 vue.js 这些差不多，但目前也很少看到应用了
以上的开发框架及开发模式（1）（2）（3），是比拟多的互联网公司团队，都会采纳的。值得去深刻学习，并且当你把握后，你会发现开发前端我的项目原来能够这么简略。
放弃学习状态不断进步
以上的文章都是一些倡议。当然贯通你学习中和当前的工作中，你可能还学要把握一些其余的必备技能。如：
（1）学会百度很重要。
（2）学会 UI 设计文件 PSD 切图（必备技能，学会看 UI 设计交付给你的设计图）。
（3）学会应用谷歌或火狐浏览器的 F12 开发者模式，在开发过程中疾速调试找到问题。
（4）学会与后盾配合进行数据接口的调试，及解决一些跨域的问题（如：nginx 的配置应用）。
（5）学会不同我的项目应用不同最佳的开发工具（sublime、editplus、hbuilder、vsCode 等等）。
（6）学会应用版本控制工具（如：svn），你与团队紧密配合的好工具。
学好这些，你就能够刷一下大厂面试题，比拟热门的面试题
做好短缺的筹备才有可能进大厂
我目前是退职前端开发，如果你当初也想学习前端开发技术，在入门学习前端的过程当中有遇见任何对于学习办法，学习路线，学习效率等方面的问题，你都能够申请加入我所在的前端学习交换羣。外面汇集了一些正在 自学前端的初学者, 转行者，初阶者 ，我这里也有我做前端技术这段时间整顿的一些 前端学习思维导图，前端大厂面试题，前端开发源码教程，PDF 文档书籍教程, 文章中波及到的 pdf 文档需要的话都能够戳我获取。
五、加入工作后，一些倡议
（1）认清自我岗位的职责。
（2）与产品经理的配合：理解原型及需要，提出本人正当的倡议。
（3）与 UI 设计的配合：依据 UI 布局怎么实现才是最好最优的形式，而不是拿着设计图就埋头苦干，提出更好的倡议。
（4）与其余前端配合：这个时候代码标准特地重要，所以从一开始学习前端的时候，我就强调了在学习之初就造成良好的编码习惯是很不错的，很必要的。
（5）自我的初步测试：实现一个我的项目开发后，自我进行功能性的初步测试，无问题后再交付测试人员测试。
（6）配合测试人员，批改 bug。
（7）踊跃配合我的项目产品的后续迭代。
（8）当你的程度进一步晋升，你就要学会治理一个前端团队进行工作的调配和整体品质及交付工夫的把控。这个是一步一步晋升的，尽管当初你可能还接触不到，然而能够理解一下。