前端之巅

      2018年4月11日，我参加了金山WPS的实习生笔试。笔试题目不算太难，但通过这次笔试经历，我深刻地意识到了自己在求职路上的愚昧--迷之自信且无知。

     一段时间以来，我在Web前端学习上制定了自己的计划，也基本能按照计划逐步执行。但是，显而易见的是，在进一步的提升中，我已经遇到了瓶颈，或者说，原先的学习计划已经不适用于现阶段的我了。因此，从4月12日起，我打算重新制定学习计划，与此同时，我开通了CSDN博客，并期待着自己下一阶段学习的点点滴滴能记录在CSDN博客上，让CSDN见证着我的成长。

本文我摘自公众号“前端之巅”，并打算以此作为我学习的方向。

学习基本的 HTML

HTML 用来组织网页的结构，就像人类的骨架一样。首先你要做的是学习它的语法以及与它相关的所有内容。重点要学习的内容如下：

• 学习基础知识及如何编写语义化的 HTML。

• 了解页面的各个部分，并且学会如何正确地构建 DOM。

任务——学习完 HTML 的基础知识后，请至少动手编写 5 个 HTML 页面。我的建议是可以选择任何网站的页面，例如可以尝试去编写任何一个 Github 配置页面或者 Twitter 的登录页面，而且要确保结构是正确的。虽然完成的页面看起来很丑，但是暂时还不用着急，现阶段的重点是学会编写正确的结构。

学习一些 CSS 知识

既然我们已经学会了如何编写页面的结构，现在我们可以开始给页面添加一些修饰，让它看起来更漂亮。CSS——层叠样式表就是用来给你的 HTML 页面添加效果的。

• 首先你需要学习 CSS 的语法以及常见的属性。

• 了解盒子模型以及如何使用 Grid 和 Flexbox。

• 完成以上操作后，还需要学会如何使用媒体查询来编写响应式网页。

在掌握了 CSS 的基础知识以后，你可以在上一阶段完成的 HTML 页面中添加 CSS 样式。例如，如果你编写了一个 Github 配置页面，就可以添加 CSS 代码让你编写的页面看起来就跟真实的 Github 页面一样。按照这个步骤给上一个阶段编写的 5 个 HTML 页面都加上 CSS 样式。

学习 JavaScript 基础知识

JavaScript 可以让你的 HTML 页面更具有交互性。当我们不用加载整个页面，而只加载部分内容，这时出现的滑块，弹窗和吐司消息等都是由 JavaScript 完成的。在这一个阶段，你将学习 JavaScript 的基础知识并会开启你真正的旅程：