Skip to content

Overview of Web and Cloud Development Web 和云开发概述 🌐☁️

欢迎来到 Web 和云开发概述 课程!当你刚开始作为 Web 开发人员时,可能很难判断自己需要学习什么内容,以及应该按照什么顺序学习。理解网站是如何构建和交付给你的,是一个很好的起点。

image 58.png


如何与网站互动 🌍

让我们先回顾一下你与网站的互动方式。

  1. 启动互联网浏览器
    市面上有很多浏览器可供选择,Google ChromeMicrosoft EdgeMozilla FirefoxApple Safari 都是其中最流行的浏览器之一。

  2. 在浏览器的地址栏输入 URL
    例如,输入 [www.IBM.com](www.IBM.com)

    image 59.png

  3. 浏览器请求服务器
    浏览器会联系服务器,并请求构成网站的相关信息。

  4. 服务器响应
    服务器返回的数据,包含了客户端所需的内容来显示该网站。

    image 60.png


网站的基本构成 📄

大多数网站的服务器会返回以下内容:

  • HTML(超文本标记语言):定义网页的结构,但看起来较为简单,没有很多美观的效果。

  • CSS(层叠样式表):为页面添加样式,使其更具美感。

  • JavaScript:为页面增加交互性和动态内容。

image 61.png

静态与动态内容

  • 静态内容:这些内容是存储在服务器上的,不会变化,直到下次更新。

  • 动态内容:这些内容会在每次请求时生成,可以涉及来自其他系统和应用的信息(例如数据库)。

大多数网站都包含静态和动态内容,以提供最佳的用户体验。

image 62.png


云应用与网站的相似性 ☁️🖥️

云应用网站相似,都是通过请求服务器返回的内容来工作。云应用的特点是,它们与云端基础设施、云端数据存储和数据处理以及其他云服务无缝集成,使得云应用具有很高的可扩展性和可靠性。

image 63.png


开发环境的组成 🛠️

构建网站和云应用的环境通常分为两个主要部分:前端后端

前端开发(Front-End Development) 👨‍💻

  • 前端处理客户端的一切:也就是用户可以看到和与之互动的部分。

  • 你可以选择专注于前端开发,使用 HTMLCSSJavaScript 以及相关的框架、库和工具。

    image 64.png

后端开发(Back-End Development) 🖥️

  • 后端处理服务器端的一切:这包括在数据和代码被发送到客户端之前的所有工作。

  • 后端开发通常负责网站或应用的逻辑和功能实现,以及身份验证过程,确保数据安全。

  • 后端开发人员还可能与 关系型数据库NoSQL 数据库 一起工作,甚至在大型项目中与数据库管理员合作。

image 65.png

全栈开发(Full-Stack Development) 🔄

  • 全栈开发人员拥有前端和后端环境的技能、知识和经验,能够独立完成网站或应用的各个方面。

image 66.png


开发工具 🧰

不管你选择专注于哪个方向,你都需要合适的工具来帮助你工作。

代码编辑器(Code Editor)

大多数开发人员首先会使用一个 代码编辑器。代码编辑器能够帮助你高效地编写代码。

集成开发环境(IDE)

开发人员还需要工具来集成、构建、编译和调试代码。集成开发环境(IDE)结合了多种功能,不仅限于代码编辑,还可以简化构建和管理代码的过程。
好的 IDE 支持多种编程语言,并能与管理和存储工具(如 GitGitHub)集成。
IDE 的其他有用功能还包括支持定制扩展和主题,帮助你打造符合个人工作风格的开发环境。

image 67.png

常见的代码编辑器和 IDE:

  • Sublime Text

  • Atom

  • Vim

  • VS Code

  • Visual Studio

  • Eclipse

  • NetBeans

image 68.png


总结 📚

在本视频中,您了解了:

  • 客户端与服务器之间的基本通信方式 🌐

  • 网站是如何构建和展示的 🖥️

  • 前端开发 关注的是客户端的内容和交互 ✨

  • 后端开发 关注的是服务器端的工作 🗄️

  • 全栈开发 涵盖了前端和后端的开发技能 🔄

  • IDE 可以帮助你创建和管理代码 🛠️

image 69.png