8 个让你成为前端开发人员的设计项目
介绍
以下是 8 个项目,它们包含成为前端开发人员所需的要求和设计。顺序从简单到中级
1.可重复使用的按钮
开始学习 React 或 Vue 的最佳方式之一是制作小型组件。通过制作一个可重复使用的按钮,你将学习基本状态和最基础的语法。
2.可重复使用的输入
制作一个可复用组件并非易事,尤其是输入组件。你必须确保不同的状态:错误、焦点……、可访问性、大小……但你将从中学到很多东西,这将对学习像 React 这样的库的旅程大有帮助。
3. Windbnb - Airbnb 小型版本
您将制作一个小版本的 Airbnb。
给定一个简单的 JSON 文件,你的任务是创建一个包含过滤函数的列表。你将学习如何在 React 或 Vue 的前端库中管理状态。
4.待办事项应用
每个人都知道 Todo App,但是你曾经尝试过制作一个吗?
你将练习数组方法和状态管理等技能。我认为这是开始学习库的最佳任务之一,因为它不太难也不太容易。
5.报价生成器
前端开发人员需要了解如何使用 API。在本项目中,你将练习使用简单 API 的基本技能。
6.国家测验
现在这是一个更具挑战性的项目,你不仅需要使用 API,还需要管理应用中更复杂的状态。这个项目肯定会提升你作为前端开发人员的技能。
7.天气应用
惊喜,惊喜 :)) 又一个天气应用项目。在这个项目中,你需要了解 API,显示不同的数据,并检查用户位置。有很多事情要做和练习,对于初学者来说,这是一个练习使用库的绝佳挑战。
8.求职
在这个项目中,你需要处理不同的路线、不同的状态以及来自 Github 的一个有趣的 API。这是一个值得添加到你的作品集的好项目。
结论
这些项目非常适合刚开始学习前端库并希望实践的人。你不仅可以将 8 个项目添加到你的作品集,完成后还能获得证书。
最后,祝所有学习的人好运,请随时给我留言。
文章来源:https://dev.to/nghiemthu/8-projects-with-designs-you-can-do-to-become-front-end-developer-4pf8