前端学习路线基础篇

Internet 方面（建议）

Internet 囊括的知识比较多，建议初学者先弄懂一些网络请求的基本原理。

有一道很经典的面试题：从输入URL到浏览器显示页面发生了什么，可以想想答案。

进阶版问题：

• 互联网（Internet）是如何工作的
• 浏览器是如何工作的
• DNS 是什么，以及如何工作的

HTML(必学)

TML 基础包括：

• 学习基础标签
• 学习使用语义化标签
• 表单与验证
• 惯例和最佳做法（使用正确的文档类型、文档类型声明规范等、标签大小写的规范等）

HTML 进阶包括：

• Accessibility（可访问性）

  可访问性是一种让尽可能多的用户可以使用你的网站的做法。传统上我们认为这只与残疾人士有关，但提升网站的可访问性也可以让其他用户群体受益。比如使用移动设备的人群，那些使用低速网络连接的人群。

  上文摘自 MDN，感兴趣的小伙伴可以自行了解

• SEO 基础

  SEO 其实也是 WEb 开发中比较重要的部分，可拓展的知识也非常广，小到标签的使用，大到一个页面的导航、域名等都需要考虑是否利于 SEO。

CSS（必学）

CSS 基础包括：

• CSS 基础
• 进行布局（浮动流、定位流、display、盒子模型、Grid 布局、Flex 布局）
• 响应式设计和媒体查询
• 过渡&动画

CSS 进阶包括：

• CSS 预处理器(Less/Sass)
• CSS 样式、动画处理框架（Bootstrap/Tailwind/Material UI/Animate.css）

JavaScript（必学）

JS 基础包括：

• 语法和基础结构
• 学习 DOM 操作、BOM 对象等
• 网络请求相关（Ajax、XHR）

JS 进阶包括：

• 理解变量提升/事件冒泡/作用域/原型链/闭包
• ES6 及以上 API、新特性
• 使用 shadow DOM
• 严格模式

以上就是学习路线的第一部分内容，遗漏的知识点，欢迎小伙伴们在评论区各抒己见，可能会有些同学嚷嚷：你这 js 里面连框架都没标注, 你行你来写