前端开发工程师
助教微信
udacity公众号
Nanodegree key: nd0011-cn
Version: 6.0.0
Locale: zh-cn
2021下半年全新内容展现， 零基础学习构建网站和动态应用，打造惊艳的用户体验。
Content
Part 01 : 学习社群和学前必知
- Module 01: 服务说明
- Lesson 01: 学习社群和服务说明第一时间加入本课程学员交流群，了解本纳米学位提供的服务内容，更高效地完成课程。
- Concept 01: 加入学习交流群
- Concept 02: 本课程服务概览
- Concept 03: 值得关注的教室新功能
- Lesson 01: 学习社群和服务说明第一时间加入本课程学员交流群，了解本纳米学位提供的服务内容，更高效地完成课程。
Module 02: 基本教程
- Lesson 01: 教室使用指南通过本节学习，你将了解如何更好的使用教室，以及教室的所有功能。
- Concept 01: 认识你的教室
- Concept 02: 登录与收藏教室
- Concept 03: 教室首页
- Concept 04: 设置页面
- Concept 05: 测试：如何正确填写姓名
- Concept 06: 纳米学位项目
- Concept 07: 课程目录和章节
- Concept 08: 项目提交指引
- Concept 09: 发送课程反馈
- Concept 10: 优达论坛
- Lesson 02: 课程注意事项通过本节学习，你将了解课程的服务内容、有效期、毕业要求等注意事项。
- Lesson 01: 教室使用指南通过本节学习，你将了解如何更好的使用教室，以及教室的所有功能。
Module 01: 欢迎
Module 01: CSS，网站布局与组件
- Lesson 01: HTML学习 HTML 基础，使用不同的元素来搭建 Web 页面结构。
- Concept 01: 课程简介
- Concept 02: 简介
- Concept 03: 文本编辑器
- Concept 04: 练习：创建 HTML 文件
- Concept 05: 文本元素 I
- Concept 06: 文本元素 II
- Concept 07: HTML 列表
- Concept 08: 属性
- Concept 09: DOM
- Concept 10: 练习: 创建一个 HTML 模板
- Concept 11: 表单
- Concept 12: 练习：HTML 调试
- Concept 13: 总结
- Lesson 02: CSS学习 CSS 的基础知识，针对不同情况使用不同的属性来创造出有吸引力的布局和样式。
- Concept 01: 为什么要学习 CSS？
- Concept 02: 选择器
- Concept 03: 引入 CSS
- Concept 04: 练习: 引入 CSS
- Concept 05: 权重
- Concept 06: 盒模型
- Concept 07: 练习: 盒模型
- Concept 08: 显示和定位: Inline & Block
- Concept 09: 显示和定位: Z-index
- Concept 10: 绝对单位 VS 相对单位
- Concept 11: 排版样式
- Concept 12: 字体
- Concept 13: 颜色
- Concept 14: 练习: CSS 调试
- Concept 15: 总结
- Lesson 03: CSS 弹性盒子通过学习弹性盒子来提升你的 CSS 技能。 弹性盒子是一种用于布局的技术，有助于组织网页中的元素。
- Concept 01: 弹性盒子简介
- Concept 02: 弹性盒子示例
- Concept 03: 轴与方向
- Concept 04: 轴和方向示例
- Concept 05: 使用弹性盒子排序元素
- Concept 06: 元素排序示例
- Concept 07: 对齐和居中元素
- Concept 08: 对齐和居中示例
- Concept 09: 总结
- Lesson 04: CSS Grid通过学习 CSS grid 来让你的 CSS 技能更进一步，通过行与列来完成二维布局。 Grid 可以与 Flexbox 一起使用来构建现代的 web 网站。
- Concept 01: Grid vs Flexbox
- Concept 02: Grid vs Flexbox 例子
- Concept 03: 行 & 列
- Concept 04: 行 & 列 实战
- Concept 05: Grid 区域
- Concept 06: 使用 Grid 区域
- Concept 07: 使用 Grid Areas II
- Concept 08: Grid 进阶
- Concept 09: Grid 进阶：练习区
- Concept 10: 总结
- Lesson 05: 创建响应式布局从一个基于网格布局的博客网站开始，学习如何使用媒体查询来针对不同尺寸设备构建响应式布局
- Concept 01: 使用网格进行布局
- Concept 02: 一个简单的博客页面
- Concept 03: 媒体查询
- Concept 04: 在代码中添加媒体查询
- Concept 05: 多个断点
- Concept 06: 使用 Grid 和 Flexbox 构建响应式布局
- Concept 07: 嵌套网格实战
- Concept 08: 总结
- Concept 09: 行业访谈
- Lesson 06: 博客网站利用所学的 HTML 和 CSS 技能，构建个人博客网站，包括网站首页以及博客详情页面。Project Description - 博客网站Project Rubric - 博客网站
- Lesson 01: HTML学习 HTML 基础，使用不同的元素来搭建 Web 页面结构。
Module 01: P1满意度调查 - A类
Module 01: JavaScript & DOM
- Lesson 01: ES6 语法这次对 JavaScript 语言进行的重大更新，添加了很多语法的改进。在这节课，你将学习利用这些语法更新改进 JavaScript 代码。
- Concept 01: Harmony, ES6, ES2015…
- Concept 02: let 和 const
- Concept 03: 练习：使用 let 和 const (1-1)
- Concept 04: 模板字面量
- Concept 05: 练习：构建 HTML 片段 (1-2)
- Concept 06: 解构
- Concept 07: 练习：解构数组 (1-3)
- Concept 08: 对象字面量简写法
- Concept 09: 第 1 节课知识点检验
- Concept 10: 迭代
- Concept 11: for 循环系列
- Concept 12: for…of 循环
- Concept 13: 练习：编写 for…of 循环 (1-4)
- Concept 14: 展开… 运算符
- Concept 15: …剩余参数
- Concept 16: 练习：使用剩余参数 (1-5)
- Concept 17: 课程小结
- Lesson 02: 文档对象模型文档对象模型（DOM）让开发者可以与渲染的页面进行交互，并对其进行控制。在本课中，你将学到 DOM 的构成、节点和元素是什么、以及如何从 DOM 中选择项目。
- Concept 01: 简介
- Concept 02: DOM
- Concept 03: 使用 CSS 选择器选择页面元素
- Concept 04: 通过 ID 选择页面元素
- Concept 05: 通过类或标签选择页面元素
- Concept 06: 节点、元素和接口…哦，天哪！
- Concept 07: 更多访问元素的方法
- Concept 08: 课程小结
- Lesson 03: 使用 JavaScript 创建内容静态毫无新意，所以我们要用 JavaScript 和 DOM 方法来创建新的页面内容、更新现有内容和删除内容。你还将在本课学到如何查看和设置页面元素的样式。
- Concept 01: 简介
- Concept 02: 更新现有页面内容
- Concept 03: 添加新的页面内容
- Concept 04: 删除页面内容
- Concept 05: 设置页面内容样式
- Concept 06: 课程小结
- Lesson 04: 浏览器事件每当与网页互动时，都会触发数百个事件。你将在本部分中了解事件是什么、如何监听事件并对其作出响应、事件包含哪些数据，以及事件的各个阶段。
- Concept 01: 简介
- Concept 02: 响应事件
- Concept 03: 移除事件监听器
- Concept 04: 事件的阶段
- Concept 05: 避免太多事件
- Concept 06: 知道 DOM 何时准备就绪
- Concept 07: 课程小结
- Lesson 05: 性能学习如何测量你编写的代码，以确保其高效运行，以及重排和重绘如何影响性能。学习如何利用 JavaScript 事件循环来提高性能。
- Concept 01: 简介
- Concept 02: 高效添加页面内容
- Concept 03: 重排和重绘
- Concept 04: 调用堆栈
- Concept 05: 事件循环
- Concept 06: setTimeout
- Concept 07: 课程小结
- Concept 08: 课程总结
- Lesson 06: 落地页使用 JavaScript 构建一个落地页，为用户创建交互式导航体验。Project Description - 落地页Project Rubric - 落地页
- Lesson 01: ES6 语法这次对 JavaScript 语言进行的重大更新，添加了很多语法的改进。在这节课，你将学习利用这些语法更新改进 JavaScript 代码。
Module 01: Web API 和异步应用
- Lesson 01: 课程介绍本节课概述课程主要内容，并对学完该课程后能做出的 Web 应用做以预览。
- Concept 01: 简介：Web API 和异步应用
- Concept 02: 简介：HTTP 路由和请求
- Concept 03: 简介：异步 JavaScript
- Concept 04: 简介：总结
- Concept 05: 习题资源
- Lesson 02: 搭建 Node 和 Express 开发环境这节课讲述如何在本地搭建 Node + Express 环境，开发 Web 应用。
- Concept 01: Node.js 概览
- Concept 02: 使用 Node
- Concept 03: 练习区：安装 Node 和软件包
- Concept 04: Express 概览
- Concept 05: 练习区：引入软件包
- Concept 06: 创建本地服务器 I
- Concept 07: 创建本地服务器 II
- Concept 08: 练习区：搭建服务器
- Concept 09: 服务器端目录结构
- Lesson 03: HTTP 请求和路由本节课讲解如何配置服务器端路由，处理客户端 GET、POST 请求。
- Concept 01: 路由和 GET 请求
- Concept 02: 练习区： GET 请求
- Concept 03: GET 请求进阶
- Concept 04: 路由和 POST 请求
- Concept 05: 练习：POST 请求
- Concept 06: 服务器和客户端
- Concept 07: 服务器客户端示例
- Concept 08: 练习：客户端和服务器端
- Concept 09: 处理 POST 请求
- Lesson 04: 异步 JavaScript本节课讲述如何通过异步 JavaScript 和 Fetch 访问 Web API。
- Concept 01: 异步 JavaScript
- Concept 02: Promises
- Concept 03: 练习区：异步函数
- Concept 04: 使用异步 Fetch 函数访问 Web API
- Concept 05: 用户凭证和 API 密钥
- Concept 06: 给代码添加 Fetch
- Concept 07: 练习区：异步 GET
- Concept 08: 异步 Fetch Web API 示例
- Concept 09: Promises 链
- Concept 10: 更新用户界面
- Concept 11: 练习区：完整的例子
- Concept 12: 更新用户界面示例
- Concept 13: 小结
- Concept 14: 讲师访谈
- Lesson 05: 气象杂志应用使用你在课堂中所学到的知识完成本项目，使用 OpenWeatherMap API 和 HTML 表单中的数据创建气象杂志应用。Project Description - 气象杂志应用Project Rubric - 气象杂志应用
- Lesson 01: 课程介绍本节课概述课程主要内容，并对学完该课程后能做出的 Web 应用做以预览。
Module 01: 构建工具和单页应用
- Lesson 01: 构建工具简介简要介绍构建工具，学会使用构建工具来简化和改进 Web 开发工作，了解最常见的构建工具有哪些。
- Concept 01: 简介
- Concept 02: 热身
- Concept 03: 构建工具简介
- Concept 04: 课程小结
- Lesson 02: Webpack 基础知识完成本课程学习，你将理解开发者为何需要 Webpack，并能站在更高层次解释 Webpack 的作用。
- Concept 01: Webpack 简介
- Concept 02: 开始
- Concept 03: 练习区: 开始
- Concept 04: 安装 Webpack
- Concept 05: 练习区：安装 Webpack
- Concept 06: Webpack 入口
- Concept 07: 练习区：Webpack 入口
- Concept 08: 输出和加载器
- Concept 09: 练习区：输出与加载器
- Concept 10: 加载器
- Concept 11: 练习区：加载器
- Concept 12: 插件
- Concept 13: 练习区：插件
- Concept 14: 模式
- Concept 15: 练习区：模式
- Concept 16: 便捷的 Webpack
- Concept 17: 练习区：便捷
- Concept 18: 课程小节
- Lesson 03: Sass 和 Webpack学完本课程，你将能够解释 sass 是什么以及它与 css 的关系，掌握在项目中使用 sass 的必要步骤。
- Concept 01: Sass 基础
- Concept 02: Sass 嵌套
- Concept 03: 练习区：Sass 转换
- Concept 04: Sass 变量
- Concept 05: Sass & 符号
- Concept 06: Webpack 与 Sass
- Concept 07: 练习区：Sass 加载器与 Webpack
- Concept 08: 练习区：选做挑战
- Concept 09: 小结
- Lesson 04: 最终润色在 webpack 项目中添加一些最后的细节，获得完整功能，以及了解 Service Worker。
- Concept 01: 损坏的项目
- Concept 02: 修复功能
- Concept 03: 练习区：修复功能
- Concept 04: 练习区：调用 API 挑战
- Concept 05: Webpack 生产模式
- Concept 06: 练习区：开发者工具挑战
- Concept 07: Service Worker 是什么
- Concept 08: 练习区：Service Worker
- Concept 09: 小结
- Lesson 05: 自然语言处理应用构建一个 Web 工具，让用户可以在网站上的文章或博客上运行自然语言处理（NLP）。Project Description - 使用自然语言处理评估新闻文章Project Rubric - 使用自然语言处理评估新闻文章
- Lesson 01: 构建工具简介简要介绍构建工具，学会使用构建工具来简化和改进 Web 开发工作，了解最常见的构建工具有哪些。
Module 01: 前端工程师毕业项目 - 旅行应用
Module 01: 毕业满意度调查 - A类
Module 01: HTML 语法
- Lesson 01: HTML 语法
- Concept 01: 课程简介
- Concept 02: HTML 结构 第 1 部分
- Concept 03: 创建第一个元素
- Concept 04: 环境
- Concept 05: 文本编辑器
- Concept 06: Sublime Text 使用教程
- Concept 07: Atom 使用教程
- Concept 08: Visual Studio Code 使用教程
- Concept 09: 浏览器
- Concept 10: 工作流
- Concept 11: 树
- Concept 12: HTML 和树
- Concept 13: 发现 Bug
- Concept 14: HTML 查找
- Concept 15: HTML 结构 第 2 部分
- Concept 16: 深入了解 HTML 文档
- Concept 17: 课程回顾
- Lesson 02: HTML 语法习题集
- Lesson 01: HTML 语法
Module 01: CSS 语法
- Lesson 01: CSS 语法
- Concept 01: CSS 入门指南
- Concept 02: CSS 简介
- Concept 03: CSS 还是 HTML？
- Concept 04: CSS 规则集
- Concept 05: CSS 语法
- Concept 06: 注释
- Concept 07: 标签选择器
- Concept 08: 属性和选择器
- Concept 09: 使用选择器
- Concept 10: 使用 CSS 参考
- Concept 11: 开发者工具
- Concept 12: 不同浏览器上的开发者工具
- Concept 13: 使用开发者工具
- Concept 14: CSS 单位
- Concept 15: CSS 中的单位
- Concept 16: CSS 颜色
- Concept 17: 识别颜色
- Concept 18: 总结和习题集
- Lesson 02: CSS 语法习题集
- Concept 01: 欢迎来到习题集！
- Concept 02: 设计图片样式
- Concept 03: 设计字体样式
- Concept 04: 编写选择器
- Concept 05: 使用属性
- Concept 06: 属性 Workspace
- Concept 07: Slack 卡片
- Concept 08: Slack 卡片 Workspace
- Concept 09: 优达学城站点标题
- Concept 10: 优达学城站点标题 Workspace
- Concept 11: 什么是样式表？
- Concept 12: 样式表链接
- Lesson 03: 如何更快地编写代码学习如何通过使用键盘快捷键、包和主题来扩展你的文本编辑器，改善工作流。
- Lesson 01: CSS 语法
Module 01: JavaScript 入门
- Lesson 01: 什么是 JavaScript？了解 JavaScript 的历史，开始使用 JavaScript 控制台编写代码。
- Concept 01: JavaScript 简介
- Concept 02: JavaScript 的发展历史
- Concept 03: JavaScript 控制台
- Concept 04: 不同浏览器上的开发者工具
- Concept 05: console.log
- Concept 06: JavaScript 演示
- Concept 07: 第 1 节课总结
- Lesson 02: 数据类型和变量学习使用 JavaScript 变量来表示真实世界的数据，知道如何区分各种数据类型。
- Concept 01: 数据类型入门
- Concept 02: 数字
- Concept 03: 注释
- Concept 04: 练习：第一个表达式 (2-1)
- Concept 05: 字符串
- Concept 06: 字符串连接
- Concept 07: 变量
- Concept 08: 练习：温度换算 (2-2)
- Concept 09: 字符串索引
- Concept 10: 转义字符串
- Concept 11: 比较字符串
- Concept 12: 练习：最喜欢的食物 (2-3)
- Concept 13: 练习：字符串全部相等 (2-4)
- Concept 14: 练习：都系起来了 (2-5)
- Concept 15: 练习：Yosa Buson (2-6)
- Concept 16: 布尔值
- Concept 17: 练习：Facebook 帖子 (2-7)
- Concept 18: Null、Undefined 和 NaN
- Concept 19: 等式
- Concept 20: 练习：分号！(2-8)
- Concept 21: 练习：我的姓名是什么？(2-9)
- Concept 22: 练习：出去吃饭了 (2-10)
- Concept 23: 练习：Mad Libs (2-11)
- Concept 24: 练习：一条常见的消息 (2-12)
- Concept 25: 第 2 节课总结
- Lesson 03: 条件语句了解如何使用条件语句向你的 JavaScript 程序添加逻辑。
- Concept 01: 条件语句入门
- Concept 02: 练习：流程图 (3-1)
- Concept 03: 代码流程图
- Concept 04: If…Else 语句
- Concept 05: Else If 语句
- Concept 06: 练习：偶数或奇数 (3-2)
- Concept 07: 练习：音乐团体 (3-3)
- Concept 08: 练习：谋杀之谜 (3-4)
- Concept 09: 更复杂的问题
- Concept 10: 逻辑运算符
- Concept 11: 逻辑 AND 和 OR
- Concept 12: 练习：查看余额 (3-5)
- Concept 13: 练习：冰激凌 (3-6)
- Concept 14: 练习：穿什么 (3-7)
- Concept 15: 高级条件语句
- Concept 16: 真值和假值
- Concept 17: 三元运算符
- Concept 18: 练习：了解食物链 (3-8)
- Concept 19: Switch 语句
- Concept 20: 传递
- Concept 21: 练习：学历 (3-9)
- Concept 22: 第 3 节课总结
- Lesson 04: 循环利用 JavaScript 循环，减少重复的代码，并自动执行重复性的任务。
- Concept 01: 循环入门
- Concept 02: While 循环
- Concept 03: While 循环的各个部分
- Concept 04: 练习：JuliaJames (4-1)
- Concept 05: 练习：99 瓶果汁 (4-2)
- Concept 06: 练习：倒计时，发射！ (4-3)
- Concept 07: For 循环
- Concept 08: For 循环的各个部分
- Concept 09: 嵌套循环
- Concept 10: 递增和递减
- Concept 11: 练习：更改循环 (4-4)
- Concept 12: 练习: 纠正错误 1 (4-5)
- Concept 13: 练习：纠正错误 2 (4-6)
- Concept 14: 练习：阶乘！(4-7)
- Concept 15: 练习：找到我的座位 (4-8)
- Concept 16: 第 4 节课总结
- Lesson 05: 函数进入 JavaScript 函数的世界，学会利用函数的力量来简化和整理你的程序。
- Concept 01: 函数入门
- Concept 02: 函数示例
- Concept 03: 声明函数
- Concept 04: 函数总结
- Concept 05: 练习：哈哈大笑 1 (5-1)
- Concept 06: 练习：哈哈大笑 2 (5-2)
- Concept 07: 返回值
- Concept 08: 使用返回值
- Concept 09: 作用域
- Concept 10: 作用域示例
- Concept 11: 覆盖
- Concept 12: 全局变量
- Concept 13: 作用域总结
- Concept 14: 提升
- Concept 15: 提升总结
- Concept 16: 练习：构建三角形 (5-3)
- Concept 17: 函数表达式
- Concept 18: 函数表达式模式
- Concept 19: 函数表达式总结
- Concept 20: 练习：laugh (5-4)
- Concept 21: 练习：Cry (5-5)
- Concept 22: 练习：内嵌 (5-6)
- Concept 23: 第 5 节课总结
- Lesson 06: 数组了解如何使用数组在 JavaScript 程序中存储复杂数据。
- Concept 01: 数组入门
- Concept 02: 甜甜圈到代码
- Concept 03: 创建数组
- Concept 04: 访问数组元素
- Concept 05: 数组索引
- Concept 06: 练习：UdaciFamily (6-1)
- Concept 07: 练习：构建船员 (6-2)
- Concept 08: 练习：价格正确 (6-3)
- Concept 09: 数组属性和方法
- Concept 10: 长度
- Concept 11: Push
- Concept 12: Pop
- Concept 13: Splice
- Concept 14: 练习：彩虹的颜色 (6-4)
- Concept 15: 练习：魁地奇杯 (6-5)
- Concept 16: 练习：加入船员队伍 (6-6)
- Concept 17: 练习：查看文档 (6-7)
- Concept 18: 数组循环
- Concept 19: forEach 循环
- Concept 20: 练习：另一种类型的循环 (6-8)
- Concept 21: Map
- Concept 22: 练习：我有账单 (6-9)
- Concept 23: 数组中的数组
- Concept 24: 二维 Donut 数组
- Concept 25: 练习：嵌套数字 (6-10)
- Concept 26: 第 6 节课总结
- Lesson 07: 对象认识下一个 JavaScript 数据结构：对象。学习使用对象来存储复杂的数据和数组。
- Concept 01: 对象入门
- Concept 02: 代码中的对象
- Concept 03: 练习：Umbrella (7-1)
- Concept 04: 对象
- Concept 05: 对象字面值
- Concept 06: 命名规则
- Concept 07: 对象总结
- Concept 08: 练习：菜单内容 (7-2)
- Concept 09: 练习：银行账户 1 (7-3)
- Concept 10: 练习：银行账户 2 (7-4)
- Concept 11: 练习：Facebook 好友 (7-5)
- Concept 12: 练习：再次使用 Donut 示例 (7-6)
- Concept 13: 第 7 节课总结
- Lesson 01: 什么是 JavaScript？了解 JavaScript 的历史，开始使用 JavaScript 控制台编写代码。
【点击购买】
若有收获，就点个赞吧
0 人点赞
