2020前端开发学习路线

​2020秋招路线：

1.html+css

2.移动端布局

3.js+jq

4.ajax+git

5.vue+react

6.微信小程序

7.选学node.js

总结就是三件事：

1、前端页面重构：写一些页面，电脑、手机、平板都能用！

2、前后端网页交互：用户操作-->获取参数-->给后端发请求-->将响应展示给用户！

3、Node.js + 前端框架：使用成熟的技术，大幅度提升工作效率。并通过node.js进行后端开发！

主要前端技术：

1.实际业务的理论与经验(小白瑟瑟发抖~~)

2.css布局基础知识（rem、viewport（vw vh）、less / sass、清除浮动、BFC、自适应/响应式布局、如何实现纵横比布局、flex理解和用法等...）

3、JS语言基础知识（继承都有哪些方法、什么叫闭包及应用场景、函数防抖&函数节流、异步promise、async/await、xmlHttpRequest / ajax / fetch / axio请求数据、文件及二进制数据操作、TypeArray、websocket详细知识、canvas一些api知识、正则表达式等...）

4、常用框架（vue、vue-router、vuex、react、react-router、redux、mobx、mobx-state-tree、elementUI、iVeiw、materialUI、Ant Design等...）

5、测试框架（jest、mocha等...）

6、构建与部署（webpack、gulp等...）

7、Git版本控制使用（git基础命令，GitHub Actions工具等...）

8、动画相关知识(css animator 、requstAnimationFrame、动画库等...)

9、算法知识相关内容（冒泡排序、快速排序、各种排序、字符串模糊查询等...)

上面的主要技术内容全部掌握后，北京上海月薪**15K**-35K

**进阶前端技术：**

1、多端小程序（微信小程序基础开发、公众号jssdk、Wepy、Taro、mp-vue、等...）

2、数据可视化（Echart、D3等...）

3、Native App原生开发（react navtive、flutter等...）

4、eletron（桌面开发）

5、微前端知识（多项目共同组件、多项目通信、多项目集合等...）

6、视频直播相关（WebRTC、ffmpeg、rtsp、Rmmv直播等...）

7、3D开发（webGL、three.js等...）

8、设计模式(工厂模式、单例模式、观察者模式、订阅模式等...)

9、SEO搜索相关知识（sitmap、roobot、关键词密度工具、模拟蜘蛛工具、预渲染/无头浏览器/Puppeteer、Nuxt、Next服务端渲染等...）

10、pwa相关知识（次要，目前没有太大的需求）

11、数据结构知识（队列、栈、链表、集合、hash表、树、图等...），不过这个是次要的，不用花费太多精力，但是脑中要理解和实战中能够运用。

掌握了上面的主要和进阶共20项技术后，北京上海月薪**35K**-60K

前端大牛：

1、后端语言（python、nodejs、koa2、Express、阿里Egg、Nunjucks、Ejs等...）

2、服务器软件（Nginx、Apache等...)

3、数据库语言（mangoDB、mysql等...)

4、GraphQL api查询描述语言，精简api数据精准查询，Restful api查询标准等

5、 AST / DSL抽象语法树相关内容，可写插件及虚拟机编译器等

6、运维相关知识（linux基础、jenkins自动化部署、Docker、K8、容器等...）

除了上面提到的技术内容，在此基础上还有一项更重要的，就是丰富的开发经验、业务案例、大厂经验、团队经验、管理经验等。

好啦，第一篇文章介绍了咱们的学习路线，通过阅读我的文章，你将在两个月内从0基础，找到一份工作

<a href="https://blog.csdn.net/jvhbi/article/details/106970690

">正式篇一：html、html5、浏览器内核差异

</a>