2022年不凡学院前端开发学习路线(从青铜到荣耀王者的成长之路)
从倔强青铜到最强王者的成长之路:
HTML+CSS基础-->JavaScript基础语法--> HTML5新API+CSS3动画 -->JavaScript高级(jquery,面向对象,异步,AJAX等)--> Vue全家桶 --> 移动端开发(微信公众号,微信小程序,uniapp) --> 中后台开发(数据大屏,登录鉴权,增上改查,动态权限等) --> 面试题/简历。
倔强青铜:整站静态页面开发
专门为零基础的你打造,首先介绍什么是web前端开发,你的知道自己学会之后能干啥。

然后你需要跟着老师讲的内容一点点学习html和css基础,学完这块内容大概需要5天。很多初学者就想一上来就搞个大项目做,但写页面就像玩拼图,你得掌握前面5天所有的基本内容,少一个零件你都拼不完整。
当你有了一整套html和css的基础体系,这里不要求你多熟练。接下来你需要跟着老师用一个整站的项目来熟悉之前所有的知识点。项目时间是4天,我们会给你提供专业的UI设计稿,带你实现完整的整站网页。

秩序白银:掌握javascript基础语法
第一个阶段都是写网页,到这里你才真正的接触到“编程”。
js基础编程语法。包括变量声明,数据类型,数组,对象,for循环,if逻辑判断等,你要学会用js实现常见的算法,比如数组排序。
DOM,利用js对网页元素进行操作的api,动态创建删除修改页面元素。
BOM,利用js对浏览器进行操作的api,利用js实现轮播和其他常见网页特效。

荣耀黄金:掌握JavaScript高级应用
在这里你将接触到js的高级应用部分,探究js对象更深层次的组成,深入理解js语言本身。
flex布局和jQuery等。
ajax和异步数据交互,文件上传,跨域,websocket等。
js对象,构造函数,原型链,面向对象,继承。
正则表达式,闭包,缓存函数,偏函数,函数柯里化等。
es6箭头函数,数组方法补充,proxy,promise等。

尊贵铂金:掌握vue全家桶
你将掌握一种和前面全然不同的一个js框架vue,也是你以后工作中最常用的一个技术栈。vue的学习除了vue本身,还要学习vue有关的其他周边技术栈。
vue基础语法。
vue-router路由,vue-cli脚手架。
vuex状态管理。
axios使用与封装,mock,代理配置。
elementUI。
es6模块和webpack。

永恒钻石:掌握移动端开发
移动端适配是当下最常见的一种需求,除了移动端网页适配,还要掌握微信小程序开发,微信公众号开发,还有混合app开发。
rem适配移动端开发,响应式适配移动端开发。
sass/less等css预处理器,移动端touch事件。
微信公众号开发,网页授权,jssdk,微信支付。
项目:原生vue技术栈实现移动端乐购商城。
项目:原生微信小程序实现萤火虫电影。


至尊星耀:掌握uniapp混合开发技术
当下你必须要掌握一门混合开发技术,毫无疑问uniapp是目前最流行的。一套代码帮你解决微信小程序,h5页面,android和ios各大平台开发需求。
项目:乐居商城移动端。
uniapp介绍,创建项目,基础语法。
需求分析,设计稿解读,swagger接口文档说明。
乐居项目登录鉴权,订单逻辑分析。
集成第三方服务,打包。

最强王者:独立完成中后台项目开发
虽然软件开发模式的发展,目前bs架构的软件大部分采用前后端分离模式。一般项目会分为前台部分(pc页面或者移动端)+中后台(某某管理系统)+后台服务(java/php)。除了前台部分,中后台也是前端开发者要负责开发的内容。这里你要学会如何利用vue全家桶技术栈实现常规的中后台应用开发。
项目:乐居商城后台管理系统。
中后台框架搭建,登录认证,数据可视化。
常见的数据列表,条件查询,分页查询,富文本编辑等。
文件上传,excel导出。
用户动态权限。
代理解决跨域问题,项目打包和部署。

荣耀王者:完善简历
恭喜你!如果前面的内容你都已经掌握,你已经跨入最强王者段位。不要急,接下来你还需要再补充两块内容就可以轻松的去找到一份前端开发工程师的岗位。
前端常见面试题汇总(正在补充...)。
简历,面试技巧,注意事项。

补充:
这里列举了一系列硬核知识点,在整个的学习体系里我们还包含了部分软知识,但文档目录没有被体现:
git常用命令和协同开发;
markdown语法;
sketch设计稿使用,ps切图,像素大师等;
gitee和github仓库管理;
自己搭建并启动java后台服务接口,包括jdk,mysql,redis等;
网页调用微信拍照,录音,语音翻译等智能接口;
掌握接口测试工具appize;
了解swagger接口文档使用;
了解前后端开发模式和项目打包方式;