freeCodeCamp.org
·
如何从Hello World走向构建实际应用
内容提要
许多开发者通过简单项目入门编程，但常停留在初级阶段。雇主希望看到能解决实际问题的项目。本文旨在帮助开发者超越基础，学习构建和部署实际应用，最终实现一个可用的背景去除工具。
关键要点
-
许多开发者通过简单项目入门编程，但常停留在初级阶段。
-
雇主希望看到能解决实际问题的项目。
-
本文旨在帮助开发者超越基础，学习构建和部署实际应用。
-
许多开发者认为自己不够了解，无法构建真实应用。
-
开发者应该构建已有的工具，解决真实问题。
-
我们将构建一个背景去除工具，使用简单的前端和后端技术。
-
后端是处理图像的程序，使用Python和FastAPI构建。
-
前端使用HTML、CSS和JavaScript，允许用户上传图像并显示处理结果。
-
部署后端到云端，使用Google Cloud Run。
-
前端可以通过GitHub Pages进行部署。
-
成功连接前端和后端，解决真实的浏览器安全规则。
-
构建的应用不仅仅是初学者项目，而是一个真实的应用。
-
通过构建项目获得经验，而不是等待掌握更多知识。
-
可以继续改进用户界面，添加新功能，构建更多工具。
延伸解读
从初学者到实用开发者的转变
许多开发者在学习编程时，往往停留在简单的项目上，如待办事项应用或计算器。这些项目虽然有助于入门，但雇主更希望看到能够解决实际问题的应用。通过构建真实的应用，开发者不仅能提升技能，还能在求职时脱颖而出。
构建真实应用的心态
很多初学者认为自己需要掌握更多知识才能开始构建真实应用，但实际上，只要掌握基本的HTML、CSS和JavaScript，就可以开始动手。通过实践，开发者可以在解决问题的过程中不断学习和成长，而不是等待掌握更多理论知识。
部署与安全性考虑
在将应用部署到云端时，开发者需要注意CORS（跨源资源共享）问题。浏览器会阻止不同源之间的请求，确保安全性。因此，在后端配置中允许特定的前端地址是必要的，这样才能确保应用正常运行并避免安全问题。
延伸问答
如何从简单项目转向构建实际应用？
开发者可以通过学习构建和部署实际应用，解决真实问题，超越基础项目。本文提供了构建背景去除工具的具体步骤。
构建实际应用需要哪些基本知识？
开发者需要掌握基本的HTML、CSS和JavaScript，以及Python的基本知识，了解如何处理图像和发送请求。
如何选择构建的应用项目？
可以选择已有的工具进行复制和改进，关注那些解决真实问题的简单应用，如背景去除工具或URL缩短器。
如何将后端应用部署到云端？
可以使用Google Cloud Run进行部署，确保后端代码在GitHub上，并配置好requirements.txt文件以安装所需的库。
前端如何与后端进行交互？
前端通过发送HTTP请求与后端交互，使用JavaScript的fetch API将用户上传的图像发送到后端，并接收处理后的结果。
如何处理浏览器的CORS问题？
需要在后端代码中添加CORS中间件，允许特定的前端地址进行请求，以解决跨域问题。
