看看阿里大神对web前端是如何总结的javascript
一.为何要学习前端开发？
你多是由于兴趣，完成一个网站、页面、功能的成就感。你也多是由于如今前端岗位火爆，就业率高。不论是由于什么，只要找准了目标，学就是了！前端
二.Web前端开发是干什么的？有没有“钱”途？
先看一张图吧 
vue
北京高级前端研发工程师的平均月工资为29.3k,深圳也有15k,“钱”途已经有了。java
那前端是干什么的呢？node
（1）定义：前端开发就是将UI设计师设计好的界面实现，即用一些前端方面的语言（HTML、CSS、jQuery等等）将UI设计变成能够与用户交互的网页；react
（2）岗位职责：参与原型需求讨论会议，从前端和用户交互的角度提出一些本身的建议和意见；与产品经理沟通梳理确认原型及需求；与UI设计师沟通，更好的实现界面；与后台开发人员沟通，实现数据的交互；配合测试人员，解决bug；配合整个团队，对项目后续的迭代进行开发等工做；webpack
（3）前端工程师目前岗位火爆，只要掌握了真正的前端知识，而不是泛泛而谈，找工做也相对比较轻松，薪资也是比较可观的。固然，刚刚入门，个人建议是不要太看重薪资，最应该看中的是有没有好的环境和平台能够学习到更多。当你在好的环境好的平台学习到更多，积累了必定经验以后，薪资真的挺简单。不要被刚刚开始少得可怜的薪资所战胜，从而放弃，若是你真的想要进入这行，坚持下去吧。将来回过头来，你会发现，一切就都是这么简单明了了。nginx
三.学习建议
在你开始入手学习前，有一些小的建议。根据我本身学习的经验发现，这些建议在如今乃至我之后的岗位生涯里都是有很大帮助的。还有就是开始学习前，建议能够先花几天时间，查找一些如何入门的文章，经过对许多文章及前人的建议。整理出适合本身学习的一套完整计划，而后在学习过程当中，在本身对前端更加了解以后，作出一些计划的调整。 好比先根据一份思惟导图学习，再根据本身实际状况制定路线 web
我相信，在这样的计划学习之下比一来就开始学习具体知识要快速有效得多。面试
一、建议的学习步骤
（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开发关键是思想会有所转变，掌握面向对象和数据驱动交互，会让你感到开发的更加容易和友好。如何掌握它，百度、菜鸟网站、官网文档都是不错的选择。
二、比较流行的开发模式建议
（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），你与团队紧密配合的好工具。
学好这些，你就能够刷一下大厂面试题，比较热门的面试题
作好充足的准备才有可能进大厂
4、参加工做后，一些建议
（1）认清自我岗位的职责。
（2）与产品经理的配合：了解原型及需求，提出本身合理的建议。
（3）与UI设计的配合：根据UI规划怎样实现才是最好最优的方式，而不是拿着设计图就埋头苦干，提出更好的建议。
（4）与其余前端配合：这个时候代码规范特别重要，因此从一开始学习前端的时候，我就强调了在学习之初就造成良好的编码习惯是很不错的，很必要的。
（5）自个人初步测试：完成一个项目开发后，自我进行功能性的初步测试，无问题后再交付测试人员测试。
（6）配合测试人员，修改bug。
（7）积极配合项目产品的后续迭代。
（8）当你的水平进一步提高，你就要学会管理一个前端团队进行工做的分配和总体质量及交付时间的把控。这个是一步一步提高的，虽然如今你可能还接触不到，可是能够了解一下。
最后，文章中涉及到的①思惟导图；②源码；③面试真题等pdf文档资料，均免费分享，只需你多多支持我便可哦！
——能够直接点这里能够看到所有资料内容免费打包领取。