# HTML + CSS
HTML + CSS 是你学习网页基本布局和样式设计的开始，也是前端技术最基础的一环。
B 站 Pink 老师教程 (opens new window)
# Flex 布局
在学习了 HTML 和 CSS 之后，你需要了解主流的 Flex 布局方式，通过大量的代码学习实践掌握他。
阮一峰老师 Flex 布局详解 (opens new window)
# JavaSript
通过前面的学习，你掌握了布局设计页面的技能，接下来你可以通过学习 JavaSript 来实现页面的交互功能，
同时也真正开始接触到编程语言的学习，这将是你最需要付出努力的一部分。
B 站 Pink 老师 JavaSript 部分 (opens new window)
# ES6 语法
在学习了 JS 的基础语法之后，你需要了解 ECMAScript 部分的一些新特性，
这一部分也成为了我们平常项目中经常需要用到的一部分内容，
这一部分内容相对比较难懂，需要你在学习后通过项目实践，遇到问题后不断回头看。
B 站 ES6-11 语法 (opens new window)
B 站 ES6-11 语法相关 (opens new window)
阮一峰老师 ES6 博客 (opens new window)
# Node.js
在 ES6 的学习中，你会不可避免地遇到需要 Node.js 配合的场景，
同时作为一名前端，你也需要掌握随同 Node.js 一起安装的 NPM 包管理工具。
# Ajax
Ajax 的全称是 Asynchronous JavaScript and XML 中文名称定义为异步的 JavaScript 和 XML。
Ajax 是 Web2.0 技术的核心。
这是作为一个前端人员必须掌握的技术之一。
Ajax 教程（选一个看或做对比看都行） (opens new window)
# Vue
当你学完了前面的内容，你可以试着对框架的了解学习，
这里以我个人学习路线选择的是 Vue.js，
通过对 Vue 的学习你可以了解到 MVVM 和组件化模块化的开发模式，并且更能体会到 ES6 语法的重要性。
Vue3 TypeSript 语法 (opens new window)
# 关于后续路线的选择
后续的话想深入地学习 Vue3 + TypeScript，然后余力捡回之前学过的C#，
这两门语言还是有很多共通之处的，也希望能去涉猎一点游戏引擎方面的知识，
像 H5，白鹭引擎、unity3d 这些，但目前还是更希望先把web前端学好吧。
# 最后
这里只是我个人的学习路线，仅供参考，具体情况视你个人而定，
同时也要注重多敲代码实践，有些问题你不敲代码是发现不了解决不了的，
最后希望能对你有所帮助，有任何问题可以联系我！