学 Web开发 — 从 HTML 到 React 的前端开发，支持实时预览

前端开发是构建网站或 Web 应用中在浏览器里运行的部分：使用 HTML 构建结构，使用 CSS 设置外观，使用 JavaScript 实现行为，以及使用建立在这些技术之上的框架和工具。学 Web开发 按照这个顺序教授整套技术，并提供实时预览，让你能立即看到每次修改的效果。

前端开发的概念和最初的页面完全可以在手机上学习，因为 HTML、CSS 和 JavaScript 足够轻量，适合利用短时间进行编辑，而且预览会立即显示结果。应用会在屏幕上提供三个窗格和实时预览。开始学习并不需要笔记本电脑，但当你需要维护包含许多文件的大型项目时，使用笔记本电脑会更方便。

它适合完全没有经验的初学者、想要构建设计作品的设计师、了解一些 HTML 和 CSS 的开发者，以及准备转行从事第一份前端工作的学习者。先从 Web 运作原理和基础 HTML 开始，然后学习 CSS，再学习 JavaScript。学 Web开发 按照这一顺序展开，首先从免费课程“欢迎学习前端开发”开始。

会。在学习 HTML、CSS、JavaScript 和 TypeScript 之后，你可以学习 React 基础、useEffect 与数据获取、高级 Hooks 与模式课程，以及 Vue 3 基础、Composition API 和高级模式课程。应用还涵盖状态管理，以及使用 Next.js 和 Nuxt 3 进行服务端渲染。

构建第一个页面并不要求掌握 TypeScript，但大多数专业 React 和 Vue 代码库都会使用它，因此学完 JavaScript 基础后值得继续学习。应用会通过 TypeScript 入门课程、深入讲解类型与接口的课程，以及面向前端模式的高级课程来介绍 TypeScript。

15 项调试任务中的每一项都会提供一个损坏的页面或组件，模拟真实的前端问题，例如在 375 像素宽度下布局崩坏、表单无法使用键盘操作、组件发生内存泄漏，或测试仅在 CI 中失败，然后由你修复问题。其中两项任务免费。

它可以帮助你准备知识方面的内容。学 Web开发 提供 50 道带答案的面试题、包含 83 项语法和模式的速查表，以及关于测试、性能、无障碍和架构的课程——面试通常会在基础知识之后深入这些主题。但它不能替代你亲自构建项目作品集。

每天坚持练习一点的初学者通常可以在几周内构建简单的响应式页面，而熟练掌握 JavaScript 和框架则需要几个月。应用将学习路径拆分为每次几分钟即可完成的课程，并提供连续学习记录和提醒，让你通过规律的短时间学习逐步进步，而不是一次投入很长时间。

它可以在 App Store 和 Google Play 免费下载。第一门课程、第一个引导项目、两项调试任务和代码编辑器免费提供，每天还可提问三次 AI 导师问题；免费版本会显示广告。Pro 可解锁所有课程、项目和任务、证书考试以及不限次数的 AI 使用，并移除广告。

学 Web开发 可通过 App Store 在 iOS 上运行，也可通过 Google Play 在 Android 上运行，支持 22 种语言，年龄分级为 4+。App Store 上的名称是 Learn Frontend Development，Google Play 上的名称是 学 Web开发，但两者是同一个应用。通过最终考试后即可获得结业证书。