按图索骥系列之——从前端知识路径图开始

1. 复盘，整理，再出发

入行前端也有一段时间了，从最开始的新奇，到如今的掌握。距离精通还有一段很长的路要走，可是如何在好奇心被知足的状况下进一步提高本身。慢慢的变成了个人一个门槛。由于本身的状态处在一个，问什么，都能略知一二，而后想要进一步触类旁通举一反三。彷佛又差点什么？想了好久，并非简单地基础不牢固之类。子曰，学而不思则罔。我所欠缺的，是一个总结，回顾。这就是我第一段的标题，也是为何有这个系列的缘由：复盘，整理，再出发。

2. 如何开始

这里有个火过的前端路径图。它的副标题是一步步称为现代前端的开发者。这是一张很是粗略的地图。刚好能够做为个人总纲。在这里起步，抛转引玉。利用万能的 google 以及广大的同行们不断的积累，来梳理出更清晰的脉络图。

在一切开始以前，我打算使用“三步走”的方法论，来指引文章主体思路。即：是什么？为何？怎么作？

是什么？

这个问题须要回答概念性的内容，进一步拓展路径图。好比咱们在 HTML 分类下，只能看到：

• HTML
  • 学习基础
  • 书写语义化 HTML
  • 基础 SEO
  • 可访问性

这个路径可谓是至关粗糙，可是不要紧接下来就是咱们自由发挥的空间了。顺着【学习基础】这个结点，经过查阅 W3C 对于 HTML 5.2 的规范来了解。固然，具体的规范你们能够经过这个连接查阅。只是这里面事无巨细的定义了很是多的内容，咱们没有必要去学习茴香豆有几种写法，也须要在细枝末节之间找到一个平衡。如下列表是我通过浏览 HTML 5.2 目录来提炼的一份列表。接下来的日子中，咱们会针对这个列表展开学习 HTML 的基础知识，让咱们复盘整理，再出发。

• HTML
  • 学习基础
    1. 背景知识及简介
    2. 常规的基础架构
    3. 语义结构和 HTML 文档的 API
    4. HTML 元素
    5. 用户交互
    6. 加载 Web 页面
    7. Web 应用接口
    8. HTML 语法
    9. XML 语法
    10. 渲染
    11. 废弃特性

细心的同窗会发现，我其实在这里是翻译了 HTML 5.2 的目录，固然，接下来梳理中，并不会对以上目录逐一详解。由于这是工程浩大的体力活，不必，也没有意义。咱们须要掌握的更多应该是能够指导咱们编写和理解 HTML 代码的内容。至于一些更深刻的背景知识和细节，就让它在规范里躺着，供学有余力的同窗参阅吧。

拿即将开始的一节标题内容： 4. HTML 元素 来举例。这能够说是最简单也最亲民的路线。首先咱们须要搞清楚什么是 HTML，对于简单的概念性问题，我将以超连接和搜索引擎的结果或者关键字整理来展现。不打算作文字搬运工和复读机。由于我相信，一个入行前端的同窗一定是有必定的信息检索能力。咱们欠缺的，是概括和整理。这也是开始本系列的缘由。HTML 定义 在 MDN 中十分清晰。咱们须要深刻的是，何谓“标记语言”，它与编程语言的区别在哪里？更进一步，编程语言的定义是怎样的？当咱们搞清楚了以上问题，就同时回答了 what 和 why 的问题。接下来，how 该如何去作，我打算用一些简单测验来做为每一章的结束。而后以此来不断提出新的问题，螺旋式上升，像多周目同样。一步步到达咱们期待的高处，去俯瞰更远的风景。

本期内容做为开篇，只是罗列了一些方法论，同时想听听广大同行们的意见。 让咱们一块儿来整理一份，属于本身的知识地图。