[Day 01] 前言

大家好，我是来自台北教育大学玩游所的硕士生 May，在大学接触到如何写网页後，就毅然踏入了前端这个大坑。

我想学前端，从哪里开始？然後呢？

变幻莫测的前端技术好像多到怎麽学也学不完，你可能还没学完一项就又会冒出另一项新的技术。这麽多的技术没有一个明确的指引，在学程前期我常常会迷失方向，不知道接下来该往哪个技术努力。後来跟着学校的课程学习了不少，才总算是摸清楚前端的架构，大概了解每个技术存在的用意，知道我下一步该往哪个区块去深入学习。

前端技能树

Frontend Roadmap 是一个非常值得参考的学习地图，它列出了前端领域的技术架构和路径，在你困惑接下来该学什麽时，提供一个轮廓指引，而且每年都会释出更新版。

取自 Kamran Ahmed 的 Frontend Roadmap 2021

现在你可能对网页开发有兴趣，但尚未开始学习；或者你可能知道要学习网页基本 HTML、CSS、JS，但却不知道下一步该往哪走，那前端技能树对你就是一个非常有用的工具。如果能在一开始就清楚学习之路的轮廓，相信在前端这条路上就能走得不迷惘、学习也会更有效率。

30天的前端技能树之旅

於是这个系列就是要在30天内，带领读者来场小小的前端技能之旅，我会大致根据前端技能树的流程，摘取几个比较重要的技术。目标不是完整学习，而是让读者能够基础了解每个技术存在的意义、如何使用，以及它能够做到什麽？再延伸提供一些进阶学习的方向指引。希望能够帮助对前端有兴趣但不知道从哪里开始的初新手，能够有个更好更轻松的学习之路。

以下是预计会带领大家认识的技能，其中有两个小试身手，会使用前面几天提到的技术来实作小作品。30天的旅程大致这样分成两部分：

前半部

• HTML
• CSS、RWD
• CSS Architecture
• Javascript
• Bootstrap
• Git
• 小试身手 - 静态网页

後半部

• npm
• Webpack
• React、Redux
• Styled-components、CSS Module
• 小试身手 - Todolist

小结

我其实也还在前端这条路上学习中，尚未全盘了解这个领域，第一次参加铁人赛就选了个自己也觉得很难的题目，有点亚历山大。但我还是拚了，会选择这麽广的主题，其实也是希望在写文章的过程中，能够同时审视自己的技能，抓到那些被遗漏的知识补回来，并且加深自己的信心。

如果文章中有错误的地方，要麻烦各位大大不吝赐教；喜欢的话，也要记得帮我按赞订阅❤️，接下来的30天就请各位多多指教罗！