网站或Web应用程序的构建过程。

所以，你有一个想开始做的网站项目，但不知道该如何或从哪里入手？

本文将探讨网站或Web应用程序的一般构建流程。本文可作为您如何启动和完成网站的指南。

目录

1. 应用程序概述
2. 设计应用程序
3. 确定技术方案
4. 项目设置
5. 发展
6. 测试和调试
7. 查看应用
8. 部署

应用程序概述

应用概述本质上是对应用的适用范围和用途进行概括而简明的高级说明。您可以将其想象成一个路演，在路演中您需要概述问题及其潜在解决方案。

设计应用程序

一旦你对应用程序有了大致的构思，就可以开始设计了。你可以使用Sketch或Figma等工具来创建你设想的 Web 应用程序的交互式设计图，并展示它将如何解决你的问题。

拥有设计方案的优势：

• 事先了解用户界面最终效果比边做边摸索要节省时间。
• 在开发开始之前，必须先获得自己和他人的反馈，这样可以节省金钱和资源。
• 它能激发你的创造力，让你想出能够帮助你脱颖而出的点子。
• 帮助您确定处理某些功能可能需要的其他工具。

给自己留出一些时间来设计你的项目。当你有了蓝图或模型作为参考时，开发阶段就会变得容易得多。

确定技术方案

是的！通过详细的应用程序概述和设计，您应该能够推断出应用程序的复杂性和需求。

在Web开发中，像待办事项列表这样的应用程序可以使用HTML、CSS和JavaScript轻松创建，而像Netflix这样的应用程序可能需要更强大的工具，例如Angular、React或Vue等框架。

有些应用程序需要与服务器保持持续通信，而有些应用程序则可以在客户端处理用户数据。了解应用程序的需求（包括概览和设计）将有助于您预先决定要采用哪些技术、使用哪个数据库或部署平台。

设置项目

接下来，您可以开始准备开发应用程序。在开始开发之前，我们需要为项目创建一个环境：

• 创建代码仓库。
• 在您的代码仓库中创建一个项目来跟踪您的开发进度。
• 创建项目问题，将它们链接到您的代码仓库，分配问题并将其链接到里程碑。
• 制定里程碑和时间表，例如设计、开发和测试。
• 正在下载软件包及其所有依赖项。

发展

啊，终于😊现在你可以开始编写代码了。使用你选择的编程语言和你最喜欢的工具，重新实现你的设计。

在此期间，您将有机会：

• 花大量时间尝试不同的方法来实现某个功能。
• 遵循最佳实践和惯例。
• 回顾你的笔记，并观看其他一些简短的教程。
• 与Google、StackOverflow、Youtube或Grepper成为好朋友。
• 创建多个分支并进行多次提交。
• 创建拉取请求并关闭问题。

测试和调试

很多人都忽略了这一部分。测试、测试、再测试你的代码。使用浏览器开发者工具或其他工具调试你的代码。确保你的应用程序不会返回错误，并且能够正确处理请求和数据。

查看应用

对你的应用程序进行一次完整的测试。假装自己是用户一段时间，对所有功能提出疑问，看看应用程序的运行情况如何。

此外，多一个人帮忙看看也无妨。不妨向导师或值得信赖的朋友寻求不同的意见。

借助第三方工具，通过Lighthouse运行您的应用程序。您也可以在开发或测试期间执行此操作。获取有关应用程序代码的详细报告，以改进应用程序的性能。

如果评论足够批判和诚实，你就应该准备好向世界展示你的想法。

部署

最后，让我们向世界展示我们过去几个小时、几周甚至几个月以来的工作成果。获取一个可以分享的链接，让大家开始享受你付出的所有努力。市面上有很多部署平台可供选择，例如Firebase、Netlify和Heroku。

请注意，本文中提到的工具、技术和平台只是其中的一小部分。市面上还有许多其他技术，探索它们本身就是一次奇妙的旅程。

请在下方评论区告诉我你的想法。