iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

大器可以晚成—— 30歲才開始的轉職工程師之路 系列

一個原想轉職 UI 設計師的文組女生,意外知曉了前端工程師一詞。眼看30大關迫在眉睫,她卻毅然決定一頭栽進這個一切必須從頭開始的世界。

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

[ Day 11 | JS ] 練習用 function 寫一個請客計算機

話說,我以前很不會算服務費這東西 (現在也沒多會),於是乎今天在想說要寫什麼主題時,就突然決定用這個來寫個基本款計算機吧。 寫好後長這樣,就是如此陽春。 但我...

2020-09-24 ‧ 由 Ruta 分享
DAY 12

[ Day 12 | JS ] 條件判斷 if、else if 和 else

在函式中想要判斷符合某些條件時,if 是很常運用的條件判斷方式。就如同它的字義,「假如... ...」就繼續後面的程式碼。 if & else 舉個例子...

2020-09-25 ‧ 由 Ruta 分享
DAY 13

[ Day 13 | JS ] switch (不是那台遊戲機)

前面提過 if、else if 和 else,還有另外一種判斷式的寫法就叫 switch。顧名思義,就像個開關一樣,當條件符合時,她就會開啟相對應的開關,也就是...

2020-09-26 ‧ 由 Ruta 分享
DAY 14

[ Day 14 | JS ] 陣列 Array

什麼時候會用到陣列? 假如今天我在整理飾品盒的時候,想要將裡面的飾品依照材質和數量分類紀錄,好方便以後做整理。這時只會用變數紀錄東西的我可能會寫這樣來分類我的飾...

2020-09-27 ‧ 由 Ruta 分享
DAY 15

[ Day 15 | JS ] 陣列 Array - 2

又過了幾天,我在大創買了一個新的飾品盒,想把真珠和藍寶石兩副耳環移到新的飾品盒。但首先,我得先把這兩副耳環從舊飾品盒陣列中移除才行。 移除陣列中最後一個元素 想...

2020-09-28 ‧ 由 Ruta 分享
DAY 16

[ Day 16 | Essay ] 是不是真正會成功的人都是默默做事?

同期上課的同學陸續傳出捷報,雖然很為他們感到高興,但也突然反省起自己。這些成功轉職的同學,都是平常雖然會發言,但不算是非常活躍的類型。反觀自己感覺好像常常能在討...

2020-09-29 ‧ 由 Ruta 分享
DAY 17

[ Day 17 | JS ] forEach 處理陣列的方法之一

forEach 會將陣列中所有的元素依序跑過一遍,例如下面的函式,陣列中有幾筆資料它就會跑幾次。 基本寫法如下: let arr = [1, 3, 5, 7...

2020-09-30 ‧ 由 Ruta 分享
DAY 18

[ Day 18 | ES 6 ] Template literals 字串樣板

寫 JavaScript 的時候大家一定都有過需要將結果組成字串渲染到畫面上的時候吧,初學時我們常用的方法通常都是用 + 號來達成。 let colorArr...

2020-10-01 ‧ 由 Ruta 分享
DAY 19

[ Day 19 | JS ] DOM 文件物件模型

DOM 是什麼? DOM 文件物件模型 ( Document Object Model ),光看名稱一定會覺得這是什麼東東?它是由 W3C 定義,讓各個瀏覽器能...

2020-10-02 ‧ 由 Ruta 分享
DAY 20

[ Day 20 | JS ] querySelector 選擇器

想操作 DOM 元素時,首先得將 DOM 給選起來。我們先寫一個簡單的 HTML 架構: <body> <h1 id="ti...

2020-10-03 ‧ 由 Ruta 分享