前端学习路线指南

学前必读：

对于初学者来说，对于前端的发展方向，学习路线比较迷茫，想要学习却不知从何着手。一下结合多年工作经验总结前端学习路线给初学者提供帮助。

技术路线展望

  1. 认识HTML标签
  2. css样式学习。学习目标：了解掌握几种常用的布局
  3. js学习，掌握js的基础语法，javaScript操作DOM，JavaScript面向对象(js高级)。学习目标：能使用js+css编写常用的交互式页面
  4. 掌握前端必备框架（jQuery（已渐渐被淘汰），bootStrap，elementUI，less（初学者了解），）。学习目标：能够使用bootStrap框架编写常用的UI界面。
  5. http协议 & cookie & session，ES6/7/8，npm常用命令，promise，ajax(原生，jQuery,axios,fetch)， ajax库基本封装使用 promise封装， 模块化，构建工具webpack4.0基础
  6. Vue技术栈：Vue基础，VueRouter，Vuex（vue2.0和3.0建议都学习一下），TypeScript（vue3.0使用ts代替js，ts具有强语法性）
  7. 微信小程序（学习微信小程序的原生语法），小程序开发框架UniApp使用（uniApp框架开发的H5，可以使用在安卓|苹果|微信小程序）
  8. vue项目实战练习（建议从码云或者GitHub上面找两个开源项目练手）
  9. React技术栈（国内使用前端普遍使用vue）

各学习阶段学习视频资料

  1. HTML+css（上）https://www.bilibili.com/video/BV1V34y1Q7q9?spm_id_from=333.999.0.0

  2. HTML+css（下）https://www.bilibili.com/video/BV1bQ4y1a7jz?from=search&;seid=16111957629197777482&spm_id_from=333.337.0.0

  3. js:https://www.bilibili.com/video/BV1YW411T7GX?from=search&;seid=315168891417275192&spm_id_from=333.337.0.0

  4. bootstrap:https://www.bilibili.com/video/BV1YW411T7yy?from=search&;seid=9212092525860662172&spm_id_from=333.337.0.0

  5. http协议 & cookie & session (找到比较好的资料后面贴上去)

  6. jQuery：https://www.bilibili.com/video/BV1it411h7wR?from=search&;seid=3599355715029508372&spm_id_from=333.337.0.0

  7. node：https://www.bilibili.com/video/BV1bs411E7pD?from=search&;seid=3539932584523301095&spm_id_from=333.337.0.0

  8. promise：https://www.bilibili.com/video/BV1GA411x7z1?from=search&;seid=11082705393733659695&spm_id_from=333.337.0.0

  9. webpack：https://www.bilibili.com/video/BV1e7411j7T5?from=search&;seid=16100116666506100473&spm_id_from=333.337.0.0

  10. vue2.0与3.0：https://www.bilibili.com/video/BV1Zy4y1K7SH?from=search&;seid=3044339828478704686&spm_id_from=333.337.0.0

  11. 微信小程序：https://www.bilibili.com/video/BV12K411A7A2?from=search&;seid=8283774861153551583&spm_id_from=333.337.0.0

  12. uniApp：https://www.bilibili.com/video/BV1BJ411W7pX?from=search&;seid=12950049785039597465&spm_id_from=333.337.0.0

  13. Git代码管理工具：https://www.bilibili.com/video/BV1sM4y1M7Bd?from=search&;seid=3158590163474963731&spm_id_from=333.337.0.0

更多文章请关注《万象专栏》