[Day01] 前言：常见的前端实战技能有哪些？

Credit: https://lilly021.com/angular-vs-react-vs-vue-js/

身为一个前端工程师，除了框架 (Vue, React, Angular 等等) 要熟悉以外，可能也会有人说这份 前端 Roadmap 懂一半以上，就能在求职市场上打滚过生活了，但如果你想要在工作中游刃有余，或者是找到一份好的工作甚至更资深的职位，只会这些基本功是远远不够的，因为实际上可能还会依据产品的性质、面对的客群以及团队的工作流程或合作的对象，而有许多技能与难题是需要具备与克服的，那到底还有哪些常见的技能是我们应该学会的呢？

Hi，我是 Mia，目前任职於新创软件公司的资深前端工程师，我想要在这三十天的系列文章中将自己在工作或个人专案中因应各种情境而去摸索的技能，挑几个实用性比较高的主题写成笔记记录下来，此外因为我擅长的框架是 Vue.js，所以大部分的范例程序都会是用 Vue 做呈现。

系列主题简介

• 多国语系 (i18n): 随着现在网路的发达和资讯的流通，开始出现许多跨国的服务和产品，这些服务和产品为了推广到更深或更多的国家，而必须提供当地的语言或者是多数人能读懂的语言给使用者。
• Storybook: 前端工程师早期在接收到 UI 设计师的设计稿之後，将重复共用的元件 (Component) 已沙盒 (sandbox) 的形式产出并与 UI 设计师讨论来确保与设计师的设计一致，以及向其他前端工程师展示该如何使用自己做好的元件。
• Component Testing: 随着共用元件被广泛地使用，要如何确保这些组件不会因为不停的迭代或者是人为的失误而引发多处的 Bug。
• E2E Testing: 每一次产品上线前都会以人工的方式操作 UI 来确保系统正常，但随着产品的功能越来越多，人工的测试除了没有效率以外也可能会有遗漏，所以可以透过 E2E Testing 来进行自动化和增加测试效率。
• 网站部署：当产品完成开发之後，我们需要把它放到网路上让产品真的上线，这样人们才可以搜寻得到。
• CI/CD : 每次 testing 或是部署如果都要手动带一堆参数去执行指令是非常麻烦的，所以如果可以透过 git 版控时就能自动去执行这些事，就能省下非常多的时间以及降低出错的机率。
• Open Graphic: 将网页的网址贴至社群平台如 Facebook 或 Twitter 时，要如何让网页有较丰富的内容展示，如缩图、标题、描述等，并提升网站的 SEO。

最後，可能会再视情况增减一些未列在上面但也还算常见的技能，此外每个主题之间是独立的，大家可以挑选有兴趣的主题阅读即可。

第一天的分享就到这边，如果大家对我分享的内容有兴趣欢迎点击追踪 & 订阅系列文章，如果对内容有任何疑问，或是文章内容有错误，都非常欢迎留言讨论或指教的！

明天开始我们就要来分享实战技能的第一个主题 Vue i18n ，那我们明天见！