DEV Community
·
通过Frontend Mentor构建登录页面的经验教训
💡
原文英文，约900词，阅读约需3分钟。
📝
内容提要
作为开发者，构建项目是快速成长的最佳途径。在Frontend Mentor上，我通过构建Easybank登录页面，提升了对React和TypeScript的理解，学会了时间估算、在React中导入图片、使用线性渐变显示链接状态，以及TypeScript处理非代码文件的方式。这些经验增强了我构建复杂网页应用的信心。
🎯
关键要点
- 作为开发者，构建项目是快速成长的最佳途径。
- Frontend Mentor为开发者提供了一个构建项目的平台，帮助提升技能和知识。
- 在构建Easybank登录页面的过程中，作者意识到应以学习为目标，而不仅仅是完成项目。
- 估算项目时间时要适应变化，理解未按计划进行的原因以避免未来的错误。
- 在React应用中，静态图片（如logo）应放在public文件夹，动态图片（如博客文章图片）应放在src文件夹。
- 使用线性渐变显示链接的激活状态是一个很好的CSS实践，作者通过这个项目提升了CSS知识。
- TypeScript默认不支持非代码文件，需创建TypeScript声明文件来处理这些文件。
- 通过构建项目，作者提升了对React和TypeScript的理解，增强了构建复杂网页应用的信心。
🏷️
标签
➡️
