想做web前端的工作，应该先学什么？

网友解答: 楼主问这个问题应该是准备转行做前端工作，而且是空闲时间自学。我本身也是自学的前端知识，现在工作半年多，跟你分享一下我的经验。楼主说的javascript，html，css这些

楼主问这个问题应该是准备转行做前端工作，而且是空闲时间自学。我本身也是自学的前端知识，现在工作半年多，跟你分享一下我的经验。

楼主说的javascript，html，css这些都是基础的，稍微进阶点是jquery和bootstrap的使用。学习顺序就是第一先从html和css入手，这两个是标签和样式的使用，不涉及逻辑语法，快的话两三天就能明白、上手，可以先做点静态页面，页面上都是写死的，切换轮播都不需要的那种，当然有的效果做不出来，不要怕，内事不决问百度，外事不决查谷歌，都可以找到的。

第二步建议了解点j浏览器的东西，javascript也可以了解点，了解什么是dom操作，了解一些概念像浏览器请求加载，不用学太深了解概念为主，这时候以jquery为主，这样可以使页面有一些行为操作，轮播，放大镜等效果，可以上网查看jquery之家有很多写好的可以直接使用的效果，页面就变得好看了。自学的话照葫芦画瓢我不担心，我最担心的就是理解概念，可以在网上看看慕课网、网易云课堂这些课，对自己提升也有帮助。

第三步可以学习bootstrap，swiper这些框架的使用，说实话也挺好用的，你可以在官网上查看。他们的使用依赖于jquery调用。使用这些框架会让你的页面更好看，而且响应式布局可以省去很多烦恼，用户体验更好，省去了自己写代码的麻烦，开发效率高。

第四步，javascript建议深入学习下，理解概念，能够使用原生的代码操作，最简单的写个贪吃蛇，就很好了。理解闭包这些概念，数组操作，面试会用到。要是想着先工作那就技术会用先，不会的上网查能学会就可以了，不要说研究的多深，那是后续工作，先有工作，可以慢慢在学。

第五，ajax的使用和json数据结构，前后台进行数据交互就是ajax请求，了解它的发送和接受，一个是jquery的ajax使用，这个是写好的结构可以直接使用，再者就是javascript原生的书写。

第六，html5+css3这个是必须会的吧，html5新增了很多标签，提升了开发性能，移动端开发更友好，css3让页面的活性更大，阴影、渐变等效果更好。localstorage和sessionstorage让浏览器存储数据，前端的功能越来越大了。使用他们的时候注意浏览器的兼容性。

上面学习的过程中，也了解下百度的echarts使用，生成图表，有些公司需要数据可视化，很有用的。

第七，现在前端很火的框架是vue，react这种单页面应用，使开发效率更快。vue是华人大神尤雨溪带队开发和维护的，生态很完善，上手也很容易，中文的开发文档对开发人员也很友好，建议新手学习。react是facebook推出的，生态完善，生态也很庞大。本人现在工作使用的是vue，很容易操作。现在去找工作如果不会这两个中的一个都很难的，除非在二、三线城市，还是用jquery开发。建议大家跟上技术步伐，多学习。

第八，就是前后端分离。传统的前端人员开发受到限制，不停地跟后台人员沟通，渲染数据。因为前端页面变化比后台数据大，所以很不方便。这个概念的提出，使前端开发人员解放出来，不需要再去配合后台人员开发。前端自己有个服务器处理数据，后台人员只需要提供接口就好了。

刚开始转后台的前端人员可以学习nodejs，这个就是用javascript语法写的，对前端人员很友好，容易上手。node中的express框架，可以很容易的创建后台服务，跟前端交互，当然数据库的简单操作也需要会，主要是sql语句使用。网上的学习资料也很多，可以学习。当然你的js基础需要合格。

这些大概就是前端学习的路线，希望对你有帮助，如果有疑问可以在文章下面留言。

我是测不准，欢迎关注，大家一起学习交流！喜欢的朋友点赞呦。^_^

自学前端2年并成功转行的人回答一下:

安装vscode 先学 html 5，用MDN文档去学，废弃的属性不需要去看，大跨步的前进，xhtml的那些东西不需要去学了，记住MDN文档里面写的那些新属性，这些是以后面试时经常问的问题。学习是着重注意html 5语义化的含义，体会下。