免费一看一级欧美-免费一区二区三区免费视频-免费伊人-免费影片-99精品网-99精品小视频

課程大綱：

從 0 到 1 構(gòu)建待辦事項應用培訓

課程編譯自 Microsoft 的開源項目 Frontend Bootcamp，將帶你從 0 到 1 構(gòu)建一個待辦事項 TODO 應用。

課程的特點在于，先使用 HTML/CSS/JS 構(gòu)建 Web 應用，再使用 TypeScript/React/Fabric 等技術(shù)對項目進行重構(gòu)。

1 HTML 基本概念

2 JavaScript 基本概念

3 HTML/CSS/JS 構(gòu)建 Web 應用

4 React 基本概念

5 CSS 基本概念

6 ES6 基本概念

7 TypeScript 基本概念

8 Fabric UI 框架使用

1
HTML 簡介

1.什么是HTML

2.Web是如何工作的

3.文檔結(jié)構(gòu)

4.常見標簽

5.表格

6.表單

7.有序列表和無序列表

2
CSS 簡介

1.什么是CSS 2.CSS語法

3.CSS注釋

4.CSS常見選擇器

5.CSS創(chuàng)建

6.CSS常用屬性

3
JavaScript 簡介

1.什么是JavaScript

2.JavaScript用法

3.JavaScript變量

4.JavaScript函數(shù)

5.JavaScript事件

6.JavaScript邏輯語句

7.JavaScriptfor循環(huán)

8.JavaScriptDOM

4
ES6 簡介

1.ES6解構(gòu)賦值

2.ES6擴展運算符

3.ES6箭頭函數(shù)

4.JSfilter()方法

5.JSmap()方法

6.JSforEach()方法

5
React 簡介

1.React安裝及簡單操作

2.React元素渲染

3.ReactJSX

4.React組件

5.函數(shù)聲明

6.類聲明

7.計數(shù)器

6
構(gòu)建一個靜態(tài)頁面

1.Todo頭部

2.Todo列表

3.Todo列表項

4.Todo底部

7
用戶交互效果

1.添加狀態(tài)到TodoApp

2.拆分TodoListItem組件

3.存儲輸入框的值

4.將輸入框的值存儲到todos中

5.todos的渲染

6.Footer部分

8
TypeScript 簡介

1.TypeScript安裝及開發(fā)工具

2.TypeScript基礎(chǔ)類型

3.TypeScript函數(shù)

4.TypeScript接口

9
Todo App 里的 TypeScript

1.傳統(tǒng)js和jsx與ts和tsx的區(qū)別

2.改寫之前的準備

3.編寫TodoListProps

4.改寫appjs

5.TodoList和TodoListItem部分

6.Header部分

7.Footer部分

10
Fabric UI 庫

1.開始之前的準備

2.整體布局的修改

3.Header部分

4.TodoList和TodoListItem部分

5.Footer部分