2020 前端月入30K+ 学习路线图

    2020年因为疫情的原因，就业形势严峻，对我们想找工作，找高新工作的同学们来说，无疑是要求更高的一年。进入任何公司，能够拿到不错的薪水，主要看的是我们给公司创造的收益；最后的落脚点就是我们项目开发的综合能力，也是我们基本功的一个综合体现；在这里给大家梳理一下想月入30k+的前端程序员 要具具备的基本编码能力

一、初级篇：HTML/CSS/布局知识

• html常见的标签学习（例如table，input等），后面要写一个案例来巩固标签的学习
• css常见的属性学习  （例如各种选择器，优先级，float，清除浮动，position，继承，盒子模型等）
• 布局相关 （例如常见的版心布局，浮动布局，position布局，flex弹性布局，rem/vw 等）

    熟练掌握了以上的知识点，基本上我们平时在互联网上看见的一些页面都可以自己写出静态页面来，只不过会有点磕磕碰碰，多练达到css的各种技巧烂熟于心才有底气

二、中级篇：JavaScript相关

• JS基础知识点的学习（编程语言都有的一些知识点如 变量， 数据类型，if语句， for循环，数据结构数组和对象的各种方法）
• WebAPI知识点的学习（因为是和浏览器打交道，所以浏览器的一些api，如document，事件，交互等等）
• JS高级知识点的学习  （这个阶段主要要了解js的继承，类的相关概率，为我们深入底层了解后面框架的原理有帮助）

    这个阶段里我们会里面js和前面的html+css结合起来 写一些比较完善的网页，并且各种交互效果通过webAPI添加上去，也可以用js高级的知识点封装自己的一些通用方法 和 插件。但是到这里的话基本知识面试差不多了，但是进入企业工作还差一案例的练习；

• AJAX知识点 与 完整案例的学习

       现在的很多网站都是动态网站，我们在前面写好的html和css搭建了基本骨架以后，通过ajax技术向后端服务器发请求，然后将拿到的数据渲染到页面上，这样用户体验更好，我们的网站更新也比较技术；所以这个阶段 需要我们写一个完整的带前后端交互的案例，巩固我们前面所有的基础知识点

三、高级篇：各大框架（Vue，React，Angular，小程序）

• Vue 框架
• React框架
• 小程序

    现在的前端开发讲究的是效率，现在 都流行云办公，所以现在记以后的前端网页只会越来越复杂；如果还是采用以前的js，webAPI的方式开发，查找元素，渲染数据，会显得太繁琐，不利于代码模块解耦。而采用了现在流行的各种框架， 首先在项目上线，开发过程的一些配置都可以通过脚手架快捷实现，解放了生产力；还有各类框架提供的一些api，开发速度迅速提升，给公司的产生迭代节约了时间。

    这个阶段的学习，应该是基础性的内容三五天搞定；然后通过多个真实的项目练习自己的编码能力，快速达到企业用人的需求。通过以上的这些阶段，我们在一二线城市都可以那个不错的薪资

四、提升篇：服务器方向（nodejs，java）

     对于我们前端来说，仅仅掌握了前端的知识量还是不够的，只有懂后端的前端才是好前端；无论是什么项目哪个端，后端一定有一个用来提供接口；因为现在都是就行的前后端分离模式。

• NodeJS（也是javascript语言，比较符合我们前端开发人员）
• 数据库 （mysql， mongoDB 一个是关系型数据库，一个是非关系型数据库）

     到这里我们所掌握的知识点已经算比较全面了，基本可以胜任大部分公司的前端岗位；要是各种技能使用十分熟练，并且写过具体实战， 月入30K+ 绝对没问题； 最后附上一张我学前端的思维导图；里面的对应的资料我都有，有需要的同学可以找我领取资料，期望未来我们一起探讨前端的各种技术