- 了解网络应用程序及其与移动应用程序的区别
- 了解编码和构建网络应用程序的不同选择
- 安装创建网络应用所需的软件
这些是本课的活动：
网络应用程序
在您的技术创新项目中，您可以选择构建一个 移动应用程序 或 网络应用程序.
对于以前参加过 Technovation 并正在寻找新挑战的参与者，或者对于以前有过编码经验的新参与者，可以考虑为自己的 Technovation 项目制作一个网络应用程序。
许多学员会选择使用我们推荐的 App Inventor 或 Thunkable 应用程序构建器之一来构建移动应用程序。如果你是编码新手，或者知道要使用 App Inventor 或 Thunkable 来编码应用程序，可以跳过本课！
制作网络应用涉及基于文本的编码，比使用 App Inventor 或 Thunkable 进行基于块的编码更高级。
让我们先回顾一下移动应用程序、网络应用程序和渐进式网络应用程序之间的区别。
移动应用程序
- 在手机上运行的程序
- 下载并安装到设备上
- 可以访问手机功能，如 GPS 和摄像头
- 特定平台（iOS 或 Android）
- 使用特定语言编码，以匹配操作系统
网络应用程序
- 看起来很像移动应用程序
- 在互联网浏览器中运行
- 非特定设备原生（iOS 或 Android）
- 一般使用 HTML、CSS、Javascript 和 Python 进行编码
- 脱机时无法运行
渐进式网络应用程序
- 一种特殊的网络应用，是移动应用和网络应用的混合体
- 在浏览器中运行
- 也可以像普通移动应用程序一样安装在移动设备上
- 即使用户离线也能运行
请注意，网络应用不同于网站。网站是静态的，使用 HTML 和 CSS 编码。网络应用程序是动态的，根据用户输入和其他外部交互而不断变化。 对于您的 Technovation 项目，网站是不可接受的。
我们将探讨一些创建网络应用程序的初级选项。
与我们为移动应用程序提供的应用程序构建平台有一个很大的不同，那就是您将使用基于文本的编程语言而不是基于块的语言来创建网络应用程序。
创建网络应用程序主要使用两种语言。
JAVASCRIPT
Javascript、或 或是一种脚本语言。这意味着代码是在运行时执行的，而不是像移动应用程序那样经过编译。这就好比演员在演出时，每次演出时都要运行脚本。
Javascript 通常与 HTML 和 CSS 结合来制作网站。HTML 和 CSS 用于制作静态网站，可以显示信息，但不会改变。Javascript 增加了交互性，使网站能够根据外部因素进行更改和更新。动态、交互式网站本质上就是一个网络应用程序。
皮顿
Python是一种非常流行的通用编程语言。Python 既是一种编程语言 和脚本语言，因此可以编译运行，也可以在运行时执行。
它被视为一种简单、通用的语言，新手也可以使用。它被用于软件开发的许多不同方面。其中一个领域是网络开发。另一个领域是机器学习。因此，Python 是学习和开发更高级人工智能网络应用程序的绝佳选择。
在本课程中，我们将重点学习使用 Python 制作网络应用程序。为了轻松地使用 Python 构建网络应用程序，我们将使用一个名为 Streamlit. 通过 Streamlit，您只需编写少量代码就能构建功能强大的交互式网络应用程序。 它专注于涉及数据的应用程序，并允许您轻松使用 Python 机器学习库将人工智能纳入您的应用程序。
以下是一些主要功能。
- 对于拥有大量基于积木的编码经验并正在寻找新挑战的人来说，这是一个不错的选择
- 适合做过文字编码的人使用
- 用途广泛的语言
- 您需要在计算机上安装软件
- Python 和相关库
- 代码编辑器
- Streamlit 可在浏览器中运行，使用 Github
- 在本课程中，我们不会涉及这一选项
- 可以使用人工智能
- 构建和使用机器学习模型的最流行语言
- 我们将在本课程中使用 Jupyter 笔记本来构建模型
入门
要为 Technovation 项目编写网络应用程序代码，您需要
- 电脑
- 互联网接入
在 Mac 或 Linux 上使用终端窗口，在 Windows 上使用终端或命令提示符时，你应该会比较得心应手。如果你没有经验，甚至不知道什么是终端窗口，那么在继续活动之前，可以先看看这些初学者视频。
观看适合您操作系统的视频。
我们将介绍开发网络应用程序的两种选择。您可以在电脑或笔记本电脑上编写代码，也可以在云中编写所有代码。您可以选择任何一种方式，但建议您选择一种方式，并在整个 Technovation 项目中坚持使用。掌握上述终端命令的使用方法对任何一种选择都很有用。
以下是每种方法的优缺点。
在您的电脑上
优点：
- 文件保存在电脑中
- 学习使用非常流行的集成开发环境 Visual Studio Code
- 你将学到很多使用终端窗口、安装软件包等方面的知识
- 完全控制和选择所使用的软件
- 无需始终联网即可编码
CONS：
- 不易与团队共享文件和代码
- 安装软件包可能会非常令人沮丧，而且可能需要花费大量时间进行设置
- 电脑崩溃时可能丢失文件
云中
优点：
- 文件存储在云中
- 无需在电脑上安装任何设备
- 自动链接到 Github，用于作品集
- 便于团队共享和编码
CONS：
- 没有在本地使用软件的经验
- 依赖互联网连接
根据您是想在本地电脑上编码还是在云中编码，选择活动 A 或活动 B。
活动 A：在电脑上开始使用 PYTHON
安装软件和代码启动程序
- 第一步：安装 Python。这里有一套很好的说明 ，适用于 Window、Mac 或 Linux。
- 步骤 2：安装代码编辑器和 Streamlit。本视频将向你展示如何安装Visual Studio Code，然后安装Streamlit，以便从代码编辑器中运行它。
- 第 3 步： 在 VS 代码环境中运行一个非常简单的 Streamlit 网络应用程序。
- 将你的第一个网络应用截图发给你的导师，并附上便条，以示庆祝！
活动 B：云计算中的 PYTHON 入门
关键术语回顾
- 网络应用程序- 看起来像移动应用程序，但可在互联网浏览器中运行，使用 HTML、CSS 和 Javascript 或 Python 进行编码的应用程序
反思
恭喜你尝试了基于文本的编码！以下是一些思考题，供您与您的团队和导师一起思考。
其他资源
在使用 Python 和 Streamlit 时，您需要参考相关文档和技术支持。以下是一些不错的入门指南。
- Python.org 初学者指南中有一些学习 Python 的好链接。
- 流光溢彩的应用程序图库
- Nileg Production 的完整Streamlit 课程播放列表
