Typescript視頻教程：5天零基礎(chǔ)學(xué)會(huì)Typescript

講解方式：

從0開始講解 TypeScript 這門編程語(yǔ)言，也就是從最基礎(chǔ)的變量、類型注解、數(shù)據(jù)類型等開始講起。采用引導(dǎo)式教學(xué)模式，利用案例來(lái)強(qiáng)化學(xué)習(xí)效果。最終，通過(guò)一個(gè)游戲案例，來(lái)練習(xí)和檢驗(yàn) TypeScript 的使用。

課程亮點(diǎn)：

1. 本課程，不需要你有任何編程經(jīng)驗(yàn)，讓零基礎(chǔ)的你，學(xué)會(huì) TypeScript。

2. 本課程，經(jīng)過(guò)了精心的課程設(shè)計(jì)，每個(gè)知識(shí)點(diǎn)都會(huì)讓你知道為什么學(xué)、怎么學(xué)、怎么用等等。學(xué)習(xí)曲線非常平緩，特別適合零基礎(chǔ)的同學(xué)來(lái)學(xué)習(xí)。

課程內(nèi)容：

1. TypeScript 初體驗(yàn)

2. 變量和數(shù)據(jù)類型

3. 運(yùn)算符

4. 語(yǔ)句

5. 數(shù)組

6. 函數(shù)

7. 函數(shù)進(jìn)階

8. 對(duì)象

9. Web 開發(fā)

10. 下棋游戲

適用人群：

本課程，面向零基礎(chǔ)的同學(xué)，不需要你具備任何的編程經(jīng)驗(yàn)即可學(xué)習(xí)。

1.想要了解前端開發(fā)的同學(xué)

2.想要系統(tǒng)學(xué)習(xí) JS 的同學(xué)

3.想要系統(tǒng)學(xué)習(xí) TS 的同學(xué)

基礎(chǔ)課程主講內(nèi)容包括：

1. TypeScript 初體驗(yàn)

2. 變量和數(shù)據(jù)類型

3. 運(yùn)算符

4. 語(yǔ)句

5. 數(shù)組

6. 函數(shù)

7. 函數(shù)進(jìn)階

8. 對(duì)象

9. Web 開發(fā)

10. 下棋游戲

基礎(chǔ)班課程大綱：

階段一：TypeScript 初體驗(yàn)

核心講解內(nèi)容

為什么要學(xué) TS?

TS 相比于 JS 的優(yōu)勢(shì)

開發(fā)工具準(zhǔn)備(vscode、node)

將 TS 編譯為 JS

注釋

輸出語(yǔ)句

階段二：變量和數(shù)據(jù)類型

核心講解內(nèi)容

變量的基本使用

類型注解

變量的命名規(guī)則和規(guī)范

數(shù)據(jù)類型

階段三：運(yùn)算符

核心講解內(nèi)容

算術(shù)運(yùn)算符

賦值運(yùn)算符

自增和自減運(yùn)算符

比較運(yùn)算符

邏輯運(yùn)算符

階段四：語(yǔ)句

核心講解內(nèi)容

條件語(yǔ)句概述

if-else 語(yǔ)句

三元運(yùn)算符

for 循環(huán)語(yǔ)句

VSCode 斷點(diǎn)調(diào)試

break和continue

第五階段：數(shù)組

核心講解內(nèi)容

數(shù)組是什么

創(chuàng)建數(shù)組的語(yǔ)法

數(shù)組的長(zhǎng)度和索引

數(shù)組的取值和存值

遍歷數(shù)組

第六階段：數(shù)組

核心講解內(nèi)容

函數(shù)是什么

函數(shù)的參數(shù)(形參、實(shí)參)

函數(shù)的返回值

第七階段：數(shù)組

核心講解內(nèi)容

函數(shù)調(diào)試

變量作用域

第八階段：數(shù)組

核心講解內(nèi)容

什么是對(duì)象

創(chuàng)建對(duì)象的語(yǔ)法

對(duì)象的類型注解

接口

對(duì)象的取值和存值

內(nèi)置對(duì)象

數(shù)組對(duì)象

TS 的類型推導(dǎo)

第九階段：數(shù)組

核心講解內(nèi)容

HTML 的基本使用

CSS 的基本使用

在瀏覽器中運(yùn)行 TS

DOM 操作概述

獲取DOM元素

TS 中的類型斷言

操作文本內(nèi)容

操作樣式

操作事件

第十階段：數(shù)組

核心講解內(nèi)容

游戲演示和介紹

點(diǎn)擊下棋

游戲判贏

重新游戲


猜你喜歡

js數(shù)組遍歷：JavaScript如何遍歷數(shù)組? 

黑馬程序員Html5+Css3由淺入深視頻教程下載

什么是流式布局?什么情況下用?