2020 最新版 Web 开发者学习路线图来了，收好！

Posted 2022-01-27 开发者头条

三部分，好赞。

按图索骥吧！

前端：

（高清大图，关注「开发者头条」微信号，回复「路线图」即可获取）

后端：

（高清大图，关注「开发者头条」微信号，回复「路线图」即可获取）

DevOps：

（高清大图，关注「开发者头条」微信号，回复「路线图」即可获取）

在线版本：https://roadmap.sh/

GitHub 地址：https://github.com/kamranahmedse/developer-roadmap

觉得有用，请分享给更多朋友吧！

最近我们推出了「码农周刊VIP会员服务」，正在促销期，欢迎扫码了解哦～

下次见！

分享最新2019年web前端学习路线

对于很多自学前端的小伙伴来说， 学习路线是一个非常核心的点，千万不能盲目瞎学。好的学习路线是成功的一半,接下来给大家分享下2019前端最新的学习路线！

一、核心语法阶段
1.从标签到常用css样式开始，了解标签和样式在实际工作的使用方法，规范，标准。并且深入解析样式优先级，兼容性，样式继承在实际开发过程中的使用技巧和方法，能够具有开发大型企业网站能力。
学习HTML5结合CSS3，能够开发手机端布局，响应式布局网站。抓住行业最大的移动端市场，为后期手机APP开发奠定坚实的基础
2.ECMAscript基础语法，流程控制，逻辑语句，数据结构等，并且涵盖ES最新版本，如ECMA2015、2016、2017…DOM，BOM，AJAX实现网站动态交互，了解浏览器基本JavaScript对象模型，开发各种丰富的浏览器交互特效行为
3.JavaScript面向对象开发，原型/原型链，class，继承，多态封装。了解简单的面向对象设计模式，面向对象应用场景模拟开发
H5最新api应用，audio，video，画布，拖拽，多线程，移动端适配等功能。丰富页面内容，增强用户体验，对JavaScript的了解更多
市场流行度最高的JavaScript语法超集—Typescript。
4.项目实战练习：
天猫，一号店，小米，等大型企业网站PC，移动端静态页面开发。从网站结构设计到样式模块化，每一步都是参照腾讯开放平台前端页面规范。
JavaScript运动插件封装，jquery类库模拟封装，移动端事件适配解决方案
贪食蛇，俄罗斯方块，推箱子，雷霆战机等经典小游戏开发
音乐，视频播放器。网易云音乐实战，canvas小游戏，在线直播视频媒体流
Typescript工程化造轮子，模拟开发axios模块
二、企业框架阶段
1.知识点：.React react-router、JSX 、redux、 mobx、 React Native、 uni
Vue vue-router 、vuex、vue-cli、elementUI、vue3.0新特性介绍
工具类 webpack4.0、Parcel、gulp、bable、git、Mock.js
微信小程序 了解其组件，视图，逻辑层相关知识，深入框架使用 Weex
three.js实现3D场景开发实战
2.项目实战练习+kou qun936852369 
利用现代企业框架搭建饿了么App应用（React/Vue + elementUI/uni + webpack + Mock.js）,使用框架全家桶，完成项目搭建以及上线工作
使用框架搭建个人网站前端工程化开发,个人全栈架构能力
Node.js实现后端服务器搭建，开发RESTful规范接口，实现前后端分离
微信小程序APP，实现前端工程师小说社区APP小程序。
以上就是2019的学习路线，如果你是为了就业，那学完以上这套内容。就业不是问题！有问题可以留言评论。我会耐心给大家解答