（其他）2020 年成为前端大师的必做项目

我很喜欢Simon Holdorf 的这篇文章。他提供了一些建议，帮助你在明年提升前端开发技能。具体如下：

• 使用 React 构建电影搜索应用程序
• 使用 Vue 构建聊天应用程序
• 使用 Angular 构建天气应用
• 使用 Svelte 构建待办事项应用

... 还有其他 5 个类似的。

这些都是好主意，都极其注重 JavaScript 框架。

我喜欢把前端开发者想象成一个使用浏览器的人。你和那些使用某种客户端在某种设备上访问网页的人打交道。这就是你的工作。

我喜欢 JavaScript 框架，但了解它们并不能让你成为一名优秀的前端开发者。除了掌握构建网站所需的技能之外，注重性能、可访问性，进而关注用户，才是让你成为前端大师的关键。

就此而言，这里还有一些想法。

• 去Dribbble 上找一张你感兴趣的作品。用 HTML 和 CSS 尽可能简洁易用地重新构建它。
• 找到代码库中可以抽象的组件，并将其抽象化，以便高效地复用。在执行抽象操作时，请考虑可访问性。能否在执行抽象操作的同时，提高其可访问性，从而使整个网站受益？
• 安装适用于 DevTools 的 Axe 辅助功能插件，并在您管理的重要网站上运行它。根据插件的建议进行修改，以提升辅助功能。
• 获取一份Fractal的副本。了解它如何帮助您将前端构建为组件，甚至在 HTML/CSS 级别。
• 用 HTML/CSS 构建一个美观的表单，它可以为你提供一些实用功能，例如接收自由职业者的线索。学习所有关于表单验证的知识，看看仅用 HTML、HTML 加 CSS 以及原生 JavaScript 就能实现多少功能。使用小型专用服务，让表单正常工作。
• 阅读一些有关无服务器的知识以及它如何扩展您的前端开发人员技能。
• 弄清楚如何实现 SVG 图标系统。现在很多网站都需要图标集。内联 SVG是一个很棒的简单解决方案，但如何将其抽象化，使其更易于在工作流程中使用？它如何与你使用的框架兼容？