iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

從零開始進入 JavaScript & TypeScript 的世界 系列

一直以來想學 JavaScript & TypeScript 很久了,不過在工作上用不到他們,所以就一直拖著!
加上好幾年沒參加鐵人賽了,這次我想藉由鐵人賽的加持,幫助我進入到 JavaScript & TypeScript 的世界!完成我想學他們的夢想!GO!

鐵人鍊成 | 共 30 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 1

第01天-準備開始

一直以來我對於 JavaScript 都沒有什麼好感,可能是因為我學習程式語言的過程吧。 我記得我第一個學會的程式語言是 C++,是在學校裡學的。畢業之後的第一...

2019-09-17 ‧ 由 pajace2001 分享
DAY 2

第02天-經典起手式之 Hello World

第02天-經典起手式之 Hello World 由於 JavaScript 本身是直譯式語言,不需要經過編譯器就可以被執行。但你可能會想說,那要怎麼執行他呢?一...

2019-09-18 ‧ 由 pajace2001 分享
DAY 3

第03天-基本型別

對於學習任何程式語言來說,最基礎的就是他的型別,由於 TypeScript 是 JavaScript 的超集,所以幾乎 JavaScript 有支援的型別 Ty...

2019-09-19 ‧ 由 pajace2001 分享
DAY 4

第04天-物件型別

Array 陣列是一種可以有多個同一型別數值的集合。 let students:string[]; // 宣告 students = ["Alex&q...

2019-09-20 ‧ 由 pajace2001 分享
DAY 5

第05天-宣告變數

var 和 let 相信從前幾天的範例中,大家應該知道怎麼宣告變數了,在 JavaScript 中,他的宣告是很特別的,它宣告的範圍是屬於函式範圍(functi...

2019-09-21 ‧ 由 pajace2001 分享
DAY 6

第06天-函式

函式 (function) 在 JavaScript 中是一等公民,相同的,它在 TypeScript 裡面也是一樣。也就是說,你可以把 function 當成...

2019-09-22 ‧ 由 pajace2001 分享
DAY 7

第07天-介面

在 TypeScript 中,它的介面概念其實跟 Java 或 CSharp 差不多,我們先來看看它可以幫助我們解決什麼問題。 首先,假設我有一個 functi...

2019-09-23 ‧ 由 pajace2001 分享
DAY 8

第08天-類別

昨天我們介紹了介面,並且使用下面這個例子。今天就要繼續使用下面這個例子來介紹類別。 interface Rectangle { width: numbe...

2019-09-24 ‧ 由 pajace2001 分享
DAY 9

第09天-建構子(Constructor)與存取修飾符(Access modifier)

建構子(Constructor) 關於昨天範例的結果,相信大家應該都知道答案了,昨天介紹的範例中,他的結果就會是 undefined。因為所有的變數在尚未初始化...

2019-09-25 ‧ 由 pajace2001 分享
DAY 10

第10天-優雅的建構子存取修飾符

在昨天我們介紹了建構子(Constructor)與存取修飾符(Access Modifiers)之後,今天要來介紹的是,TypeScript 如何用更優雅的方式...

2019-09-26 ‧ 由 pajace2001 分享