阿嬷成为网页前端工程师的下一步

尽管篇幅长短不一，我们在这 30 天当中讨论了怎麽写 HTML 标签、CSS 样式，以及如何使用 JavaScript 与 JQuery 操纵 DOM。到这边，各位阿嬷应该有办法独力写出一个单纯呈现资料的网页了。这是我们成为网页前端工程师的第一步。

那麽，我们的下一步会是什麽呢？

在切版的部分，尽管我们已经在贴纸簿的练习中，学习了基本的版型；不过，我们是否能够给出固定的格式，让我们不用每次遇到切版，都重新写一次样式呢？格线系统 就是为此而生的规划方式。我们在学习刻出格线系统时，也会对於整体网页的布局规划更加熟悉。

另外，如果我们想要更快速地开发出网页常见的元件，例如盖板横幅，折叠式卡片，按钮等等，都已经有人替我们开发好了。例如 Bootstrap 这个套件，就可以帮助我们快速写出这些元件喔！假使需要些常见的 CSS 样式，也可以使用 Tailwind 这个已经写好的类型属性库。

值得一提的是，我们这 30 天中提到的 CSS 样式并没有条件判断或回圈的功能；因此，我们也有 SASS/ SCSS 这些工具，帮助我们模拟、也缩短与 DRY 化重复的 CSS 样式。

网页前端设计其实还有个分支是 CSS 动画，这并非所有阿嬷都会需要用到；然而，随着视觉互动网页逐渐变成潮流，CSS 动画也越来越普及，所以算是很有发展与投资潜力的一项技能。

我们在 JavaScript 的介绍中，其实只论及最简单的皮毛。我们并未提及匿名函式、阵列的进阶方法等等重要技巧，更不用说底层运作原理与物件导向－－而这也是各位阿嬷在後续学习中应该领会精通的。

在网页互动方面，我们经常会需要使用者输入资料。因此，我们也需要学习网页的表单该怎麽写，以及使用者按下「送出」按钮後，这些资料怎麽被传到後端，又怎麽在传送过程中，保持资料安全。

最後，我们在整个网页渲染的过程中，可能会需要和後端要些资料来即时渲染。然而，由於神灯精灵在 JavaScript 这个方言下的习惯，它不会等待後端将资料回传後，才开始渲染资料，所以就算我们顺利拿掉资料，神灯精灵还是没办法把这些资料渲染出来。因此，我们必须用些方法请神灯精灵等待；这种方法叫作「非同步」，也是网页前端工程师的基础素养。

尽管 30 天的铁人赛很长很操很想死，但是对於学习之路而言，也只是个非常非常小的阶段。希望我在这 30 天的努力，能够化作各位阿嬷开始学习网页的小小助力，让各位阿嬷觉得网页或程序其实不难，只要有好的讲解，任何人都可以享受写网页的乐趣！

那麽，就预祝各位阿嬷
活到老学到老！

Sincerely,
Logos