【Udemy中英字幕】*UPDATED* Web Forms – 2024 Build & Master Web forms

*已更新* Web 表单 – 2024 年构建和主控 Web 表单

掌握网络表单。完全的。从 HTML 设计到发送到服务器。对于所有前端开发至关重要。新手到专业人士

讲师：Clyde Matthew

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将学到什么

• 为什么网络表单是大多数网站的赚钱页面
• 大量的实际例子和有趣的挑战让学习变得轻松
• 了解如何构建 Web 表单，了解您的网站如何利用流量
• 了解如何将表单数据发送到 Web 服务器
• 了解 HTTP 及其与 HTML 的关系
• 了解如何使用 AJAX 将表单数据提交到服务器
• 实际例子——和我一起构建很多动态前端表单
• 我在这里为您提供支持，并逐步将您带入新的水平
• 使用 HTML 和 JavaScript 掌握客户端验证
• 了解如何使用 ConstraintValidation 创建自定义错误消息
• 了解如何使用 URLSearchParams() API 提取表单键:值对
• 享受掌握高级前端网站开发的乐趣
• 设计和创建表单以获得您想要的响应并取得成功
• 了解 CSS 盒子模型、CSS 网格以及伪类和伪元素
• 了解可用的不同表单控件
• 掌握类型，如文本、密码、电子邮件、电话、颜色、日期、数字等等！
• 掌握非 表单控件，如文本区域、输出、进度和仪表栏等等！
• 了解为什么浏览器在用户提交表单时实施 URL 编码
• 了解 URL 编码
• 了解服务器如何从表单接收数据
• 了解如何启动 PHP 服务器并接收表单数据（真实示例）
• 了解如何启动 Node 服务器并接收表单数据（真实示例）
• 了解为什么用户可以在表单中键入国际字符，即使 URL 编码指定它必须是 ASCII 字符
• 了解如何使用 和 等元素构建令人羡慕的表单
• 了解如何查看HTTP请求头和正文信息
• 了解 属性（例如操作、方法、自动完成、novalidate、enctype、REL 等）
• 了解为什么 GET 请求将表单数据附加到 URL
• 了解浏览器为何将表单数据附加到 POST 请求上的 HTTP 请求正文
• 做事有助于学习，我们一起研究很多例子
• 了解 multipart/form-data 以及为什么在上传文件时需要它
• 了解单选按钮和复选框之间的区别
• 了解如何监听表单控件上的事件（例如输入或更改事件）
• 构建下拉控件、进度条、仪表条等等
• 了解如何监听不同类型的事件，例如提交、输入、更改等。
• 了解 ACTION 和 METHOD 属性
• 了解接受字符集（ISO 与 ASCII）属性
• 了解数字字符参考
• 轻松掌握原始类型（如密码、文本、隐藏等）
• 了解如何使用
  
  、

  和 构建功能表单
• 了解在表单上创建提交按钮的 2 种方法
• 成为电子邮件、搜索、电话、号码、日期等新型 类型的专家！
• 整个课程中充满有趣的挑战（我们构建自定义切换、复选框、颜色选择器等）
• 从初学者到专家（高级+）
• 获得实现和领导的知识
• 为您提供深度知识，提高您的能力和信心

要求

• 渴望成为一名消息灵通的全栈 Web 开发人员
• 带着好奇心，我帮助您了解数据如何从浏览器发送到服务器
• 将您的网站和技能提升到新水平的目标
• 创造性地构建动态、有趣和广受好评的表单，以吸引用户留在您的网站上
• 基本的 HTML、CSS 和 JavaScript 会有所帮助，但不是绝对必要的
• 渴望了解表单如何工作、如何有效以及数据如何发送到服务器
• 渴望知道如何构建吸引人们的先进且实用的形式
• 渴望知道如何根据表单的有效性状态设置表单样式（使用伪类和元素）
• 需要一台计算机，因为您需要与我一起编码才能有效学习

描述

网络表单的实质内容？

Web 表单也称为 HTML 表单。用户可以在其中输入数据，然后将数据发送到服务器进行处理。 Web 表单允许用户在您的网站上下订单、提供姓名和电子邮件地址以注册新闻通讯或注册为您网站的会员等。

Web 表单的真正优点在于没有“一刀切”。您可以利用您的艺术才能和个人商业头脑来创建具有特定长度、格式、内容类型和外观的 Web 表单。

通过学习本课程，您将能够提高 Web 表单的可用性，这最终将增强用户体验并让网站访问者对完成表单和转换感到兴奋。

为什么这门课程如此重要？

• 恰当的表格为公司提供了发展和赢得忠诚度的机会。
• 表单通常既是一种营销工具，也是一种必需品。让用户感到轻松、唤起信任感的表单比看起来（或实际上）复杂且令人困惑的表单更容易被填写。
• 完成我的“高级表格”课程后，您将成为知识渊博、自信的表格专家。

让我与您分享我的表单构建技巧

了解表单的工作原理将使您成为一名出色的前端程序员。了解如何将您富有创意、与众不同且充满活力的想法融入到您的网站中。掌握表单，您就已经成为全栈 Web 开发人员了一半。通过理解来控制。提供完美的、交互式的、实用的形式是具有挑战性的。在本课程中，我将深入解释网络表单及其工作原理。为什么我们需要将表单包裹在 标签中？如何在表单中包含进度条？如何自定义切换或复选框？用户单击提交按钮后，数据会去哪里？如何对表单进行验证？用户如何上传文件？数据到达服务器后会发生什么？我们可以在表单上收听哪些不同类型的事件？通过理解这些问题以及课程中的更多问题，您将能够构建高级表单，更好的是，了解完整的堆栈流程！换句话说，您将能够创建动态表单来提高用户参与度和体验。

本课程涵盖哪些内容

本课程内容丰富、内容全面，从基础到高级

本课程将为您提供有关表单的扎实基础知识和实践。它可以单独学习（您不需要学习任何其他课程）来实现您的目标。通过本课程，您将对建筑形式有深入的理解和实践经验。它将带您了解发送表单数据时使用什么方法（GET 或 POST）、如何定义数据的去向、如何执行高级客户端验证（在表单发送之前检查表单上的错误）。发送到服务器）、如何编写自定义模式验证规则（使用正则表达式）、如何运行服务器以及如何查看所有 HTTP 请求信息。这是很棒的知识。本课程将让您着迷，并将您提升到一个新的水平，并帮助您成为前端表单 Web 开发领域真正的大师。

在本课程结束时，您将能够通过了解如何以有意义且实用的方式构建、操作和设计表单，从而“说”和“走”FORMS。我们在每一堂课中都会深入挖掘，本课程有许多额外的讲座，可以扩展您的知识基础并测试您的技能。

为什么要学习这么多有关表单的知识？

网络表单是获取潜在客户意见并间接与他们建立关系的最佳方式之一。您将用户带到您的网站所花费的时间应该与完善网络表单的用户体验所花费的时间相匹配。令人惊讶的是，现在有如此多的网站包含复杂且令人沮丧的网络表单，导致负面体验。

最终，网络表单允许您的访问者与您联系并发送信息，例如订单、目录请求，甚至查询，这些信息将传递到您的数据库。

您能开始了解表单的重要性以及如何升级它们的使用吗？

*** Udemy 上的综合 FORMS 课程 ***

成功的程序员所知道的不仅仅是死记硬背几行代码。

他们还了解 HTML 代码在幕后如何工作的基础知识。

当涉及到建筑形式时尤其如此。

如果您想成为一名全栈开发人员，您需要知道，真正知道表单是如何工作的。您需要了解浏览器 URL 如何对表单数据进行编码、浏览器如何将数据发送到您指定的 URL，以及如何执行验证以确保用户不会提交无效数据。

独特的方法

您将了解事物“为何”运作，而不仅仅是“如何”运作。了解有关表单的高级主题（lURL 编码、接受字符集、多部分/表单数据、正则表达式等）非常重要，因为它将为您提供无限的可能性并提高您的技能。掌握了这些知识，您将能够创建适合您需求的表单，并允许通过 AJAX 将表单数据提交到服务器。您将能够创建可由用户自定义的表单（例如，如果用户想要更改表单主题的颜色）。您可以在表单上创建一个控件，用于显示表单的完成进度并向用户显示消息。

您能开始明白形式的关键性以及掌握形式知识的重要性吗？

这门课程有何不同？

有很多专注于网络开发的课程。许多人从未深入了解 HTML 表单在幕后如何工作的细节——每个全栈开发人员都需要掌握这项技能才能发挥潜力。

在本课程中，我重点关注表单方面真正的 Web 开发的更高级主题。这包括了解 元素上所有属性的含义、详细了解不同的 类型、URL 编码是什么以及数据如何通过线路发送到服务器。

熟能生巧

理论就是理论……但是没有什么比躲在电脑后面输入代码更好的了。这就是为什么我们将在本课程中编写现实生活中的网站和练习时一起编码、大笑和拔头发。

我喜欢实际的例子，这就是我们从第 1 节开始在本课程中构建多个表单的原因。

这门课程适合你吗？

绝对地。如果您属于以下任何类别，那么本课程非常适合您：

学生#1：你想在编程领域取得进步。

学生#2：您想知道成功的开发人员如何构建与用户互动的动态表单，如何获得高转化率，从而在竞争中处于领先地位。

学生 #3：您想要深入了解表单的实际工作原理

学生 #4：您想要开始在表单中使用 Node 或 PHP 等后端技术

为什么现在开始？

就在此时，您的竞争对手正在学习如何成为更好的网络开发人员。

Web 开发是当前以及可预见的未来的热门话题。但你有一个明显的优势。本课程提供令人难忘的学习主题、可行的策略和现实世界的例子。

让我们开始吧！

你得到了什么？

• 终身访问所有教程视频。无需付费或按月订阅。
• 问答支持。
• 测验、编码挑战、测试和作业可帮助您学习。
• 我允许您下载我的所有讲座以供离线观看。

让我们为成为一名专业的 Web 开发人员而感到兴奋，并能够自信地将其应用到您自己的网站中。

讲座中见。

本课程适合谁：

• 大家
• 每个想了解更多有关网络表单的人
• 每个了解网络表单但希望了解更多的人
• 完成我的任何其他课程的每个人（JavaScript Complete Grandmaster 课程，或我的 Web 开发秘密课程或 DOM 课程）
• 是的：本课程也适合初学者。面向网络开发领域的新手。无需具备 JavaScript 经验
• 不：本课程不仅仅适合初学者。这是一门从初学者到高级大师的完整课程，适合了解基础知识并了解如何构建表单但想要更深入了解其内部工作原理的中级人员。正如他们所说，知识就是力量。有经验的学生有时喜欢跳过他们非常熟悉的部分
• 是的：本课程适合那些想要成为知识渊博的专业人士、在构建表单时对整个前端开发过程充满信心的专家
• 那些想要在没有第三方库和框架的情况下学习现代编码的人
• 有兴趣构建自己的框架，或者能够更好地学习其他知名框架和库的源代码的人
• 那些想要开始使用严重依赖 JavaScript 的框架（如 Angular 或 Node）并了解前端 Web 开发流程的人
• 那些对表单有一定了解，但对幕后如何运作以及如何在网站中实际实施最佳实践以保持领先地位知之甚少的人