Logo
☆☆☆☆☆
0.0
Beginner
47h

快速入门全栈Web开发

如果你想进入全栈Web开发领域,那么你来对地方了。本课程适合任何希望学习如何从前端到后端构建完整Web应用的人,同时避开关于产品X与产品Y孰优孰劣的无尽争论。 在本课程中,你将使用全栈开发者日常工作中最基础的工具,例如:React、Flask、SQL、创建API、测试等。 除此之外,你还将学习如何从零开始设计应用程序,构建数据模型,并完成部署。 完成本课程后,你将具备从零开始创建应用的能力,同时还能拥有一个出色的项目加入你的作品集。毋庸置疑,这正是成为现代全栈开发者的最佳一站式学习路径!

20 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
快速入门全栈Web开发
如果你想进入全栈Web开发领域,那么你来对地方了。本课程适合任何希望学习如何从前端到后端构建完整Web应用的人,同时避开关于产品X与产品Y孰优孰劣的无尽争论。 在本课程中,你将使用全栈开发者日常工作中最基础的工具,例如:React、Flask、SQL、创建API、测试等。 除此之外,你还将学习如...

WHAT YOU'LL LEARN

学习使用 React 构建客户端页面。

Content

20 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    本课程内容概览

  2. 2

    全栈开发

  3. 3

    Web 应用程序的组成部分

  4. 4

    FRAP 应用

使用 React 的基础客户端页面
  1. 1

    React 入门

  2. 2

    设置 React 应用程序

  3. 3

    查看必要的文件

  4. 4

    玩一玩实时的 React 应用

  5. 5

    实现一个柯拉茨猜想应用程序:字符串输出

  6. 6

    实现一个柯拉茨猜想应用程序:列表输出

  7. 7

    使用字体

结论
  1. 1

    高效编程

  2. 2

    Web应用开发的三大支柱

  3. 3

    经验教训:缩短反馈周期

  4. 4

    经验总结:设计方法

  5. 5

    接下来该做什么

使用 React 实现动态客户端页面
  1. 1

    React 的实际优势

  2. 2

    创建输入元素

  3. 3

    受控输入简介

  4. 4

    深入探索受控输入

  5. 5

    全局状态

附录
  1. 1

    熟练使用工具

  2. 2

    语言流利度

  3. 3

    Python REPL 与环境管理器

  4. 4

    准备你的虚拟环境:pipenv

  5. 5

    准备你的虚拟环境:Pipfile

  6. 6

    PostgreSQL 的安装

使用 Flask 创建服务器端 API
  1. 1

    为什么 REST APIs 很好?

  2. 2

    REST API 的约定

  3. 3

    Python Flask 服务器

  4. 4

    Python 装饰器

  5. 5

    Flask-RESTPlus 拥有你需要的一切

  6. 6

    修复问题

  7. 7

    管理配置:设置环境变量

  8. 8

    配置管理:YAML 文件

  9. 9

    创建脚本

使用 SQLAlchemy 定义和创建数据库
  1. 1

    PostgreSQL 与 SQLite 对比

  2. 2

    SQLAlchemy 的优缺点

  3. 3

    使用 SQLAlchemy

  4. 4

    SQLAlchemy 数据类型

  5. 5

    在 SQLAlchemy 中,键(Keys)通常指的是模型类中定义的列(Column)的名称。这些键用于标识数据库表中的字段,是访问和操作数据的关键。例如,在定义一个用户模型时,可以使用键来表示用户名、邮箱等字段: ```python from sqlalchemy import Column, Integer, String from sqlalchemy.ext.declarative import declarative_base Base = declarative_base() class User(Base): __tablename__ = 'users' id = Column(Integer, primary_key=True) username = Column(String(50), nullable=False) email = Column(String(100), unique=True) ``` 在这个例子中,`id`、`username` 和 `email` 就是该模型的键。它们对应数据库表中的列名,并且可以通过这些键来查询、更新或删除数据。 此外,在 SQLAlchemy 的 ORM 操作中,键还可能指关系(Relationship)的名称。例如,如果一个文章模型与用户模型有关联,可以在模型中定义一个键来表示这种关系: ```python from sqlalchemy import ForeignKey from sqlalchemy.orm import relationship class Post(Base): __tablename__ = 'posts' id = Column(Integer, primary_key=True) title = Column(String(100)) user_id = Column(Integer, ForeignKey('users.id')) author = relationship("User", backref="posts") ``` 这里的 `author` 就是一个关系键,它表示当前文章的作者是谁,通过 `backref` 可以反向访问用户的所有文章。 总之,SQLAlchemy 中的“键”主要指列名或关系名,是访问和操作数据的核心标识。

  6. 6

    创建会话

  7. 7

    在会话对象中使用查询方法

  8. 8

    使用查询方法:过滤

  9. 9

    连接多个表

  10. 10

    从 SQLite 到 PostgreSQL

使用 Sphinx 进行代码文档编写
  1. 1

    Sphinx 简介

  2. 2

    编译为 HTML:设置 Sphinx

  3. 3

    编译为 HTML:重要变更

  4. 4

    编译为 HTML:生成 HTML

  5. 5

    获取更多 reST:进行更改

  6. 6

    获取更多 reST:重新运行 make HTML

  7. 7

    获取更多 reST:添加文件

  8. 8

    Sphinx 的一些其他功能

  9. 9

    发布

代码测试入门
  1. 1

    代码测试的目的:思维的清晰性

  2. 2

    代码测试的目的:分小部分编写代码

  3. 3

    代码测试的目的

  4. 4

    单元测试

  5. 5

    推荐测试

  6. 6

    快照测试

  7. 7

    让快照测试变得简单

  8. 8

    集成测试、用户测试和验收测试

UI 测试
  1. 1

    测试工具

  2. 2

    Jest 测试

  3. 3

    你的第一个测试

  4. 4

    导入和导出项目

  5. 5

    为我们的应用程序编写单元测试

  6. 6

    抛出错误并测试它

  7. 7

    为什么我们需要 Storybook?

  8. 8

    创建自定义故事

  9. 9

    storiesOf() 和占位符

  10. 10

    创建文档

  11. 11

    快照测试

  12. 12

    结合快照测试与 Storybook

API 测试
  1. 1

    交互式测试:简介

  2. 2

    交互式测试:错误处理

  3. 3

    使用 Pytest

  4. 4

    使用 Pytest 测试 Flask 应用:为测试配置 Flask 应用

  5. 5

    使用 Pytest 测试 Flask 应用

数据库完整性测试
  1. 1

    数据库常见问题

  2. 2

    无效语义

  3. 3

    外键

  4. 4

    外键:PostgreSQL

  5. 5

    约束条件

  6. 6

    为什么我们需要完整性测试

  7. 7

    完整性测试

  8. 8

    完整性测试:pytest

自动测试每次更新
  1. 1

    自动化测试入门

  2. 2

    将测试接入 Git:需求

  3. 3

    将测试接入 Git:Git 的工作原理

  4. 4

    测试 React 应用的命令

  5. 5

    测试 Flask 应用的命令

  6. 6

    测试命令:文档

  7. 7

    测试命令:必要信息

设计一个Web应用程序
  1. 1

    Web应用程序设计入门

  2. 2

    规划

  3. 3

    应用中的故事与交互

  4. 4

    设计用户界面

  5. 5

    设计 API

  6. 6

    设计数据模型

  7. 7

    数据模型设计的最终确定

构建数据模型
  1. 1

    数据模型的要求

  2. 2

    创建表:用法

  3. 3

    构建用户和游戏类

  4. 4

    必要更新

  5. 5

    检查 usages 数据库

  6. 6

    构建 Postgres 数据库

构建 REST API
  1. 1

    开始使用 Langman 的 API

  2. 2

    连接路由和数据库

  3. 3

    删除游戏

  4. 4

    POST:开始游戏

  5. 5

    GET:查看游戏状态

  6. 6

    PUT:猜测一个字母

  7. 7

    处理变音符号

  8. 8

    深入数据库

构建 React 客户端
  1. 1

    我们应用程序的前端

  2. 2

    按钮、表单和面板

  3. 3

    按钮面板

  4. 4

    表单

  5. 5

    重新开始面板

  6. 6

    屏幕组件

  7. 7

    结果横幅

  8. 8

    使用和空白

  9. 9

    绞刑架组件

  10. 10

    绞刑架组件:添加身体(checkpoint)

  11. 11

    屏幕:登录

  12. 12

    屏幕:胜利

  13. 13

    屏幕:失败

  14. 14

    屏幕:播放

  15. 15

    App 组件:概述

  16. 16

    应用组件:连接后端

  17. 17

    应用组件:切换屏幕

应用的最后润色
  1. 1

    简介

  2. 2

    玩这个游戏:错误消息

  3. 3

    玩游戏:应对错误

  4. 4

    快速回顾

  5. 5

    替换 favicon.ico

  6. 6

    编译文档

  7. 7

    创建测试:方法

  8. 8

    创建一些测试:需要检查的事项

  9. 9

    创建一些测试:附加函数

  10. 10

    创建一些测试:验证猜测

  11. 11

    创建一些测试:运行测试

网页身份验证
  1. 1

    Web身份验证入门

  2. 2

    数据签名的作用

  3. 3

    JWT:JSON Web 令牌

  4. 4

    创建认证表

  5. 5

    创建认证API所需的必要更改

  6. 6

    创建认证 API

  7. 7

    查看 JSON Web Token 的内部结构

  8. 8

    更新 Langman API 所需的必要更改

  9. 9

    Langman API

  10. 10

    更新 Langman API 的步骤

  11. 11

    更新客户端:登录界面

  12. 12

    更新客户端:函数

  13. 13

    更新客户端:`flashMessage` 组件

部署应用程序
  1. 1

    Heroku 简介

  2. 2

    安装和配置 Heroku

  3. 3

    创建 Heroku 应用

  4. 4

    准备环境以支持数据库

  5. 5

    配置生产服务器

  6. 6

    配置代理服务器

  7. 7

    部署应用程序

  8. 8

    自行部署应用程序

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)