幻仿编程 Udemy 付费课程,独家中英字幕 + 配套资料!
限时1折特惠!课程永久访问权,随时随地学习!
现代 JavaScript 从头开始 2.0 – 2023 年修订
36 小时的大师课程,带您从初级到高级 JavaScript
讲师:Brad Traversy
![图片[1]-现代JavaScript从入门到精通 2.0 – 2023版全面升级 | Modern JavaScript From The Beginning 2.0 – 2023 Revamp-幻仿编程](https://hfbc101.com/wp-content/uploads/2026/01/【C00058】modern-javascript-from-the-beginning-1.jpg)
你将学到什么
- 学习基础知识(变量、循环、函数等)
- 了解 JavaScript 的工作原理(执行上下文、调用堆栈、异步 JS)
- 掌握文档对象模型和事件(交互性)
- 异步 JavaScript(回调、Promise、Fetch、Ajax)
- OOP(构造函数、原型、类)
- 现代工具和工作流程(Webpack、Babel、文件结构、NPM、插件和加载器)
- 包含 Webpack、Node、Express 和 MongoDB 的全栈项目
- 5 个真实世界项目和 10 多个迷你项目
本课程包括:
- 36.5小时点播视频
- 1 篇文章
- 48 个可下载资源
- 通过手机和电视访问
要求
- 基本的 HTML/CSS 知识
描述
这是一门超过 36 小时的深入课程,将带您从 JavaScript 的绝对开始,学习数据类型、函数和循环,到学习 DOM 操作、带有 Promise 的异步 JS、async/await 等等。您甚至将学习如何编写算法的单元测试。我们深入了解 JavaScript 的工作原理,包括执行上下文、调用堆栈、事件循环等。我们了解 Webpack 工具以及如何创建现代开发环境。最后,我们使用自定义 Webpack 前端构建 Node.js/Express API。
学习模块中的所有代码都将放入一个名为“JavaScript Sandbox”的文件夹中。这样我们就可以让事情井井有条,并且您可以随时参考它以获取您可能需要的任何代码片段。包含项目的所有最终代码和起始代码以及 GitHub 存储库的链接。
你将学到什么
- 基础知识:数据类型、let 和 const 变量、函数、条件、循环、对象字面量等
- 数据结构– 数组、对象、映射、集合以及自定义数据结构,如堆栈和队列
- DOM 操作 –选择器、遍历 DOM、显示/隐藏、创建和删除元素、事件侦听器
- OOP –构造函数、原型、继承、类、受保护的属性、getter/setter
- Async JS – Ajax 和 XHR、Fetch API、回调、Promise、异步/等待
- 错误处理 – Try…Catch、HTTP 错误
- Web 和浏览器 API –画布、地理定位、音频/视频、Web 动画 API
- 模块和工具– CommonJS 和 ES 模块、Webpack、插件、加载器、现代开发环境和工作流程
- 单元测试算法– 学习 Jest 测试库和算法,例如回文和字谜
- Node.js 和 Express – 了解 Node 模块、NPM 包并使用 Express 和 MongoDB 构建 REST API
- 全栈开发– 我们使用 Express 构建 API 并使用 Webpack 构建前端。没有前端框架!
- 这么多!
课程项目和迷你项目
- 购物清单
- Flix 电影应用
- Tracalorie OOP 项目
- Tracalorie Webpack 重构
- 查克·诺里斯笑话生成器
- RandomIdeas 全栈应用程序 – API 和前端
- Webpack 入门项目
- Keycode 迷你项目
- 随机用户生成器
- 音乐播放器
- 视频播放器
- 鼓机
- 轮廓滚动条
- 投票应用程序
- 笑话生成器
- 球动画
- 动画时钟
- Typicode 待办事项
- 文字转语音
本课程适合谁:
- 想要从初级到高级学习现代 JavaScript 的人,包括工具和设置现代工作流程
| 共 528 节课程 • 总时长 73 小时 11 分钟 | |
| 第一章 入门与开始 | |
| 1. 欢迎来到课程 | 2分18秒 |
| 2. 课程大纲 | 7分49秒 |
| 3. 什么是JavaScript | 7分42秒 |
| 4. 工具与设置 | 5分24秒 |
| 5. 在浏览器中运行 JavaScript | 7分2秒 |
| 第二章 变量、数据类型及其他 | |
| 1. 章节介绍 | 51秒 |
| 2. 沙盒文件 | 2分57秒 |
| 3. 使用控制台 | 10分6秒 |
| 4. 注释与快捷键 | 7分 |
| 5. 变量与常量 | 11分27秒 |
| 6. 数据类型 | 12分54秒 |
| 7. 原始类型与引用类型 | 7分7秒 |
| 8. 类型转换 | 10分6秒 |
| 9. 运算符 | 9分38秒 |
| 10. 类型强制转换 | 4分 |
| 11. 处理字符串 | 15分58秒 |
| 12. 首字母大写挑战 | 6分49秒 |
| 13. 使用数字 | 5分45秒 |
| 14. Math对象 | 5分56秒 |
| 15. 数字挑战 | 8分29秒 |
| 16. 日期与时间 | 8分12秒 |
| 17. 日期方法与DateTimeFormat API | 8分58秒 |
| 第三章 数组与对象 | |
| 1. 章节介绍 | 41秒 |
| 2. 创建数组 | 7分24秒 |
| 3. 基础数组方法 | 10分25秒 |
| 4. 嵌套、连接与扩展运算符 | 10分12秒 |
| 5. 数组挑战 | 7分4秒 |
| 6. 对象字面量 | 8分6秒 |
| 7. 对象扩展运算符与方法 | 11分58秒 |
| 8. 解构与命名 | 6分56秒 |
| 9. JSON 简介 | 9分1秒 |
| 10. 对象挑战 | 6分21秒 |
| 第四章 函数、作用域与执行上下文 | |
| 1. 第1节 简介 | 1分32秒 |
| 2. 函数基础 | 6分8秒 |
| 3. 更多关于参数和实参 | 10分20秒 |
| 4. 全局与函数作用域 | 5分25秒 |
| 5. 块作用域 | 5分14秒 |
| 6. 嵌套作用域 | 2分56秒 |
| 7. 声明与表达式 | 4分14秒 |
| 8. 箭头函数 | 7分36秒 |
| 9. 立即调用函数表达式 | 5分2秒 |
| 10. 函数挑战 | 12分19秒 |
| 11. 执行上下文 | 9分18秒 |
| 12. 执行上下文实战 | 3分59秒 |
| 13. 调用栈 | 4分52秒 |
| 第五章 逻辑与控制流 | |
| 1. 章节介绍 | 1分8秒 |
| 2. If语句 | 6分53秒 |
| 3. 条件语句与嵌套 | 7分9秒 |
| 4. 交换机 | 4分57秒 |
| 5. 计算器挑战 | 3分20秒 |
| 6. 真值与假值 | 12分17秒 |
| 7. 逻辑运算符 | 8分7秒 |
| 8. 逻辑赋值 | 6分10秒 |
| 9. 三元运算符 | 10分17秒 |
| 第六章 循环、迭代与数组方法 | |
| 1. 第1节 简介 | 56秒 |
| 2. For循环 | 11分25秒 |
| 3. Break 与 Continue | 2分51秒 |
| 4. While和Do While循环 | 6分59秒 |
| 5. FizzBuzz挑战 | 8分 |
| 6. For Of 循环 | 5分4秒 |
| 7. For In 循环 | 3分7秒 |
| 8. 数组forEach方法 | 8分34秒 |
| 9. 数组过滤方法 | 11分32秒 |
| 10. 数组映射 | 15分30秒 |
| 11. 数组reduce方法 | 8分49秒 |
| 12. 数组方法挑战 | 10分26秒 |
| 第七章 文档对象模型 | |
| 1. 章节介绍 | 1分16秒 |
| 2. DOM 入门 | 11分4秒 |
| 3. 文档元素属性 | 14分19秒 |
| 4. DOM选择器 – 单个元素 | 14分14秒 |
| 5. DOM选择器 – 多个元素 | 9分16秒 |
| 6. 遍历 DOM 元素 | 11分27秒 |
| 7. 遍历DOM节点 | 13分48秒 |
| 8. 创建和追加元素 | 6分15秒 |
| 9. InnerHTML与createElement()对比 | 8分51秒 |
| 10. 重构为多个函数 | 4分9秒 |
| 11. 插入元素、文本与HTML | 9分24秒 |
| 12. 自定义insertAfter挑战 | 4分47秒 |
| 13. 替换元素 | 9分46秒 |
| 14. 移除元素 | 7分46秒 |
| 15. 使用样式和类 | 9分37秒 |
| 第八章 事件 | |
| 1. 章节介绍 | 51秒 |
| 2. 事件监听器 | 13分 |
| 3. 鼠标事件 | 10分41秒 |
| 4. 事件对象 | 13分 |
| 5. 键盘事件与按键属性 | 10分27秒 |
| 6. KeyCode 迷你项目 | 14分51秒 |
| 7. 输入事件 | 11分47秒 |
| 8. 表单提交与FormData对象 | 10分43秒 |
| 9. 事件冒泡 | 5分38秒 |
| 10. 事件委托与多个元素 | 5分45秒 |
| 11. 页面加载与窗口事件 | 10分36秒 |
| 第九章 购物清单项目 | |
| 1. 购物清单项目介绍 | 3分31秒 |
| 2. 向列表添加项目 | 11分40秒 |
| 3. 设置 Git 与 GitHub(可选) | 15分24秒 |
| 4. 移除与清空项目 | 7分52秒 |
| 5. 清除UI状态 | 9分52秒 |
| 6. 筛选项目 | 9分55秒 |
| 7. 本地存储速成课程 | 5分31秒 |
| 8. 添加项目到本地存储 | 8分5秒 |
| 9. 从本地存储显示项目 | 6分15秒 |
| 10. 从本地存储中移除项目 | 9分 |
| 11. 设置编辑项目 | 8分 |
| 12. 更新与重置状态 | 6分10秒 |
| 13. 防止重复项 | 3分46秒 |
| 14. 部署到Netlify | 4分58秒 |
| 第十章 异步 JavaScript | |
| 1. 章节介绍 | 48秒 |
| 2. 线程执行 | 2分39秒 |
| 3. 异步 JavaScript 工作原理 | 8分40秒 |
| 4. setTimeout与clearTimeout | 4分39秒 |
| 5. setInterval 和 clearInterval | 8分51秒 |
| 6. 回调函数 | 9分56秒 |
| 7. HTTP请求速成课 | 7分13秒 |
| 8. DevTools 网络面板 | 4分50秒 |
| 9. AJAX与XHR对象 | 11分28秒 |
| 10. 笑话生成器项目挑战 | 9分40秒 |
| 11. 回调地狱 | 6分52秒 |
| 12. Promise | 10分2秒 |
| 13. 回调函数重构为Promise | 4分58秒 |
| 14. Promise链式调用 | 4分15秒 |
| 15. Promise与回调地狱 | 6分1秒 |
| 16. Promise.all() | 6分4秒 |
| 第11章 Fetch API 与异步等待 | |
| 1. 第1节 介绍 | 1分26秒 |
| 2. Fetch 基础 | 9分2秒 |
| 3. 随机用户迷你项目 | 12分52秒 |
| 4. Fetch 选项 – 方法、请求体和请求头 | 14分55秒 |
| 5. Typicode Todos 迷你项目 第1集 | 17分10秒 |
| 6. Typicode Todos 迷你项目 2 | 13分29秒 |
| 7. Fetch API 错误处理 | 13分17秒 |
| 8. Async与Await | 9分25秒 |
| 9. Try…Catch语句 | 4分41秒 |
| 10. Async Await 错误处理 | 6分43秒 |
| 11. 使用Async和Await处理多个Promise | 12分26秒 |
| 第12章 Flixx电影应用项目 | |
| 1. Flixx电影应用 – 项目介绍 | 4分22秒 |
| 2. 主题概览与准备 | 7分14秒 |
| 3. API概览与API密钥 | 4分50秒 |
| 4. 页面路由与活动链接 | 9分51秒 |
| 5. 显示热门电影 | 13分34秒 |
| 6. Spinner与热门电视节目 | 7分21秒 |
| 7. 电影详情页 | 13分14秒 |
| 8. 详情页背景 | 4分52秒 |
| 9. 电视剧详情页 | 7分6秒 |
| 10. Swiper 滑块 | 13分28秒 |
| 11. 搜索功能与自定义警报 | 19分12秒 |
| 12. 显示搜索结果 | 11分34秒 |
| 13. 为搜索结果添加分页 | 16分37秒 |
| 第13章 Web 与浏览器 API | |
| 1. 第1节 简介 | 1分56秒 |
| 2. 地理位置API | 11分46秒 |
| 3. 在地图上显示位置 | 7分29秒 |
| 4. Canvas API | 13分47秒 |
| 5. requestAnimationFrame | 8分11秒 |
| 6. 动画时钟迷你项目 第1集 | 25分8秒 |
| 7. 动画时钟迷你项目 2 | 11分8秒 |
| 8. Web Audio API | 8分25秒 |
| 9. 音乐播放器项目 | 20分2秒 |
| 10. 鼓机项目 | 9分6秒 |
| 11. 视频API | 6分20秒 |
| 12. 视频播放器项目 | 12分43秒 |
| 13. Web Animations API 球体项目 | 10分25秒 |
| 14. 语音识别API | 11分38秒 |
| 15. 语音合成API | 13分21秒 |
| 第14章 面向对象编程 – 构造函数与原型 | |
| 1. 章节介绍 | 2分 |
| 2. 什么是面向对象编程 | 9分17秒 |
| 3. 面向对象编程基础原理 | 6分53秒 |
| 4. 深入探讨对象字面量与this关键字 | 5分1秒 |
| 5. 构造函数 | 7分6秒 |
| 6. 字面量与内置构造函数 | 9分47秒 |
| 7. 处理对象属性 | 7分29秒 |
| 8. 原型与原型链 | 4分54秒 |
| 9. 向原型添加方法 | 4分37秒 |
| 10. Object.create | 4分55秒 |
| 11. 原型继承与call()方法 | 10分11秒 |
| 12. 面向对象编程游戏挑战 | 7分43秒 |
| 第15章 面向对象编程 – 类、访问器、私有属性等 | |
| 1. 类 | 7分29秒 |
| 2. 类继承 | 6分28秒 |
| 3. 静态方法 | 2分53秒 |
| 4. bind() 与定义 this | 5分20秒 |
| 5. 使用类的Getters和Setters | 9分30秒 |
| 6. 使用defineProperty实现Getter和Setter | 10分55秒 |
| 7. 私有财产公约 | 12分14秒 |
| 8. ES2022 私有类字段 | 4分42秒 |
| 9. 属性标志与描述符 | 9分12秒 |
| 10. 密封与冻结对象 | 7分25秒 |
| 第16章 Tracalorie应用 – 面向对象编程项目 | |
| 1. Tracalorie应用项目介绍 | 4分16秒 |
| 2. UI主题设置 | 4分42秒 |
| 3. 项目规划与概述 | 5分3秒 |
| 4. 基础追踪器、饮食与锻炼课程 | 9分55秒 |
| 5. 显示追踪器统计数据 | 14分45秒 |
| 6. 进度条与卡路里提醒 | 10分 |
| 7. 应用课程 新餐食与锻炼 | 13分10秒 |
| 8. 重构为单一_newItem()方法 | 4分30秒 |
| 9. 显示新餐食与锻炼 | 7分35秒 |
| 10. 移除餐食与锻炼 | 12分10秒 |
| 11. 筛选与重置 | 10分51秒 |
| 12. 设置卡路里限制 | 5分16秒 |
| 13. 存储类与卡路里限制持久化 | 5分46秒 |
| 14. 将总卡路里持久化到本地存储 | 4分40秒 |
| 15. 将餐食保存到本地存储 | 7分39秒 |
| 16. 将训练数据保存到本地存储 | 3分43秒 |
| 17. 从本地存储中移除餐食和锻炼记录 | 5分52秒 |
| 18. 清理存储项目 | 4分14秒 |
| 第17章 模块与工具 | |
| 1. 第1节 简介 | 2分6秒 |
| 2. 什么是模块 | 7分3秒 |
| 3. 安装和使用Node.js | 6分16秒 |
| 4. CommonJS 模块 | 9分17秒 |
| 5. NPM 包 | 11分20秒 |
| 6. ES 模块 | 7分26秒 |
| 7. 模块打包工具 | 5分44秒 |
| 8. Webpack 基础设置 | 11分17秒 |
| 9. CSS和样式加载器 | 4分39秒 |
| 10. HTML Webpack 插件 | 8分16秒 |
| 11. Webpack 开发服务器设置 | 4分39秒 |
| 12. Babel 配置 | 5分5秒 |
| 13. CSS 压缩提取插件 | 3分 |
| 14. Tracalorie 重构为 Webpack | 16分28秒 |
| 15. 将Tracalorie部署到Netlify | 4分39秒 |
| 第18章 迭代器、生成器和数据结构 | |
| 1. 章节介绍 | 1分24秒 |
| 2. Symbols | 10分24秒 |
| 3. 迭代器 | 9分12秒 |
| 4. 生成器 | 5分9秒 |
| 5. 个人资料滚动器迷你项目 | 7分52秒 |
| 6. 集合 | 5分13秒 |
| 7. 地图 | 6分16秒 |
| 8. 投票小项目 | 12分3秒 |
| 9. 栈 | 13分30秒 |
| 10. 队列 | 8分44秒 |
| 11. 链表 | 25分17秒 |
| 第19章 单元测试算法 | |
| 1. 介绍与算法是什么 | 2分43秒 |
| 2. 什么是单元测试 | 3分23秒 |
| 3. Jest入门指南 | 5分45秒 |
| 4. 使用describe()进行测试分组 | 10分52秒 |
| 5. 反转字符串算法 | 9分49秒 |
| 6. 回文算法 | 9分58秒 |
| 7. 数组分块 | 6分12秒 |
| 8. 变位词算法 | 11分57秒 |
| 9. 通过标签获取元素 jsdom | 17分53秒 |
| 10. jsdom 重复 ID 检测 | 15分44秒 |
| 第20章 Node.js 模块 | |
| 1. 第1节 简介 | 2分18秒 |
| 2. FS(文件系统)模块 | 13分55秒 |
| 3. 路径模块 | 7分56秒 |
| 4. OS模块 | 11分4秒 |
| 5. URL 和 QueryString 模块 | 7分22秒 |
| 6. HTTP 模块 | 18分20秒 |
| 第21章 RandomIdeas App 后端 REST API | |
| 1. RandomIdeas 全栈应用 – 项目介绍 | 3分33秒 |
| 2. Express 设置与基础 API | 16分4秒 |
| 3. Nodemon与路由清理 | 6分5秒 |
| 4. 处理POST请求 – 添加想法 | 8分20秒 |
| 5. PUT 和 DELETE 请求 – 更新与删除想法 | 6分17秒 |
| 6. 什么是MongoDB | 4分46秒 |
| 7. MongoDB Atlas 设置 | 5分52秒 |
| 8. Mongoose 连接与 Dotenv | 8分53秒 |
| 9. Mongoose Schema 与 Model | 5分41秒 |
| 10. 数据库查询 | 15分14秒 |
| 第22章 RandomIdeas App – Webpack 前端 | |
| 1. 全栈工作流程 | 3分 |
| 2. 客户端文件夹设置 | 9分15秒 |
| 3. 模态组件 | 8分30秒 |
| 4. Ideaform 组件 | 12分 |
| 5. IdeaList 组件 | 12分4秒 |
| 6. API服务 – 获取创意 | 11分57秒 |
| 7. 通过表单创建创意 | 7分25秒 |
| 8. 将用户名保存到本地存储 | 4分56秒 |
| 9. 为服务器添加用户名验证 | 7分20秒 |
| 10. 添加删除功能 | 12分56秒 |
| 11. 部署全栈应用 | 8分36秒 |
| 1. 关于课程更新与获取 如何获取本站课程? ○ 免费获取方式:在本站签到、评论、发布文章等可获取积分,通过积分购买课程。 ○ 付费获取方式:购买本站【月度会员】或【永久会员】。 课程购买后是否支持更新? ○ 是的,所有课程均提供免费更新服务。 我们致力于为您提供持续的学习支持。 如何获取更新? ○ 单独购买的课程: 您可在“个人中心”随时查看购买记录及最新下载链接,轻松获取免费更新。 ○ 永久会员: 您可在相关页面直接查看最新下载地址,随时免费获取更新。 ○ 非永久会员(重要提示):通过会员权限下载的课程,在“个人中心”可能不显示具体订单记录。 因此,会员到期后,您将无法通过“个人中心”查看最新下载链接。 ① 解决方案建议:续费会员: 恢复会员权限后,即可再次查看所有最新下载链接。 ② 妥善保存下载链接: 我们强烈建议您在会员有效期内,保存好本站分享的课程下载链接。通常,课程更新内容会直接补充到原有分享链接中。 |
| 2. 关于课程资料 课程下载后资料是否齐全? ○ 绝大部分课程资料齐全。 我们尽力确保您获得完整的学习资源。 ○ 少数情况说明: 极少数课程可能存在资料缺失情况。针对 Udemy 课程,资料形式多样,请知悉:本地文件(随视频下载): 此类课件通常随视频一并提供,下载即得。 ① 本地文件(含链接): 课件文件中会提供资料下载链接,您需自行访问链接下载。此类资料通常也可获取。 ② 在线平台存储(如 GitHub): 讲师会在视频中说明资料获取方式(如访问特定平台),请您按指引自行下载。 ③ Udemy 平台内资料: 部分资料需登录您在 Udemy 购买的账号才能查看。此类资料本站无法提供,除非您自行在 Udemy 平台购买该课程。 |
| 3. 关于课程字幕 是否提供中英文双字幕?原本无字幕的课程是否支持? ○ 是的,本站下载的所有课程均提供中英文双字幕,包括 Udemy 原本无任何字幕的课程。 我们致力于提升您的学习体验。 Udemy 字幕现状与本站服务: ○ Udemy 绝大多数课程本身不提供任何字幕。在少数提供字幕的课程中,也几乎不提供中文字幕。 本站字幕服务流程: ① Udemy 有字幕: 我们会将其翻译成中文字幕,与英文字幕一同提供。 ② Udemy 无字幕: 我们会通过技术手段识别生成英文字幕,再翻译成中文字幕,一同提供给您。 字幕服务重要说明(请您理解): ○ 翻译精度: 字幕翻译采用谷歌翻译引擎完成,虽不及人工翻译精准,但足以保障您正常学习理解。 ○ 若您仍然觉得字幕精度较低: 可联系站长针对性润色字幕(该服务仅限本站会员)。 |
| 4. 关于视频存储与使用 视频存储位置与观看/下载方式? 本站所有课程视频均存储于网盘平台。 您支持在线观看: 可在网盘内直接播放学习。 您支持下载: 可将视频下载至本地,使用播放器播放,更灵活便捷。 主要存储网盘:百度网盘 视频格式与加密情况? 本站所有课程视频均以 MP4 或 MKV 通用格式提供。 视频文件不加密,您可自由分享(请遵守相关法律法规)。 播放建议: 使用本地播放器(如 PotPlayer)播放时,可同时加载中英文字幕文件,学习体验更佳。您可参考我们提供的《PotPlayer 挂载中英双字幕教程》。 |
| 5. 关于售后支持与退款政策 遇到问题如何联系? 无论您在购买前或购买后遇到任何疑问,都欢迎随时联系站长。 我们将竭诚为您服务。 退款政策说明: 原则: 由于虚拟商品(课程、资料等)具有可复制性,一旦购买成功并完成下载,原则上不支持退款。 请您在购买前仔细阅读课程介绍、资料说明及本条款,确认符合您的需求。 如有不确定之处,欢迎先行咨询站长。 |
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
































暂无评论内容