课程大纲：

从 0 到 1 构建待办事项应用培训

课程编译自 Microsoft 的开源项目 Frontend Bootcamp，将带你从 0 到 1 构建一个待办事项 TODO 应用。

课程的特点在于，先使用 HTML/CSS/JS 构建 Web 应用，再使用 TypeScript/React/Fabric 等技术对项目进行重构。

1 HTML 基本概念

2 JavaScript 基本概念

3 HTML/CSS/JS 构建 Web 应用

4 React 基本概念

5 CSS 基本概念

6 ES6 基本概念

7 TypeScript 基本概念

8 Fabric UI 框架使用

1
HTML 简介

1.什么是HTML

2.Web是如何工作的

3.文档结构

4.常见标签

5.表格

6.表单

7.有序列表和无序列表

2
CSS 简介

1.什么是CSS 2.CSS语法

3.CSS注释

4.CSS常见选择器

5.CSS创建

6.CSS常用属性

3
JavaScript 简介

1.什么是JavaScript

2.JavaScript用法

3.JavaScript变量

4.JavaScript函数

5.JavaScript事件

6.JavaScript逻辑语句

7.JavaScriptfor循环

8.JavaScriptDOM

4
ES6 简介

1.ES6解构赋值

2.ES6扩展运算符

3.ES6箭头函数

4.JSfilter()方法

5.JSmap()方法

6.JSforEach()方法

5
React 简介

1.React安装及简单操作

2.React元素渲染

3.ReactJSX

4.React组件

5.函数声明

6.类声明

7.计数器

6
构建一个静态页面

1.Todo头部

2.Todo列表

3.Todo列表项

4.Todo底部

7
用户交互效果

1.添加状态到TodoApp

2.拆分TodoListItem组件

3.存储输入框的值

4.将输入框的值存储到todos中

5.todos的渲染

6.Footer部分

8
TypeScript 简介

1.TypeScript安装及开发工具

2.TypeScript基础类型

3.TypeScript函数

4.TypeScript接口

9
Todo App 里的 TypeScript

1.传统js和jsx与ts和tsx的区别

2.改写之前的准备

3.编写TodoListProps

4.改写appjs

5.TodoList和TodoListItem部分

6.Header部分

7.Footer部分

10
Fabric UI 库

1.开始之前的准备

2.整体布局的修改

3.Header部分

4.TodoList和TodoListItem部分

5.Footer部分