iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

入門前端技能之旅 系列

這裡會寫到學習網頁前端的三大元素(HTML、CSS、Javascript),必須知道的網頁知識。

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文 團隊請付費解鎖團隊名稱
DAY 11

Day.11 「利用漸變效果,讓網頁不再死板!」 —— CSS Transform & CSS Transition

現在我們會使用基本的偽類選擇器做效果了,但看到變化過程一閃而過、冷冰冰的,想增添更多漸變效果,讓動態效果可以更多變化、更平滑動感,就要使用我們的 transf...

2021-09-20 ‧ 由 Mao 分享
DAY 12

Day.12 「來為網頁添加動畫吧!」 —— CSS 動畫(animation)

現在我們會使用具有互動性的簡單漸變效果了,接著要來試著讓網頁能增添更多活力,不需要我們操作,就會自動播放動畫效果。 什麼是 animation? animat...

2021-09-21 ‧ 由 Mao 分享
DAY 13

Day.13 「初步學習 Javascript 基礎篇」 —— Javascript 宣告變數 與 基本型別

前面已經大略介紹了 HTML 和 CSS 的入門知識了,接著我們要來認識 Javascript,來為我們的網頁添加更多邏輯互動。 怎麼宣告變數? Javasc...

2021-09-22 ‧ 由 Mao 分享
DAY 14

Day.14 「基礎打穩了,就能走得更長久~」 —— JavaScript 基礎運算子

學習任何東西,都要把基礎學的扎實,基礎穩了,遇到問題就能迎刃而解。 而學習程式語言的基礎就是數學邏輯,不用到很專精,只要有基礎數學邏輯,多寫多做就能鍛鍊出寫程...

2021-09-23 ‧ 由 Mao 分享
DAY 15

Day.15 「條件設定好~讓程式判斷!」 —— JavaScript 條件判斷式

前面學習了基礎的變數與運算子的使用,這些基礎往往是非常枯燥乏味的,還沒有與電腦有更進一步的互動,所以感受不到程式語言的魅力,而今天學習的條件判斷式就可以開始與...

2021-09-24 ‧ 由 Mao 分享
DAY 16

Day.16 「重複的事情,交給程式去做!」 —— JavaScript 循環迴圈

前面學習到了條件判斷式,接著我們來學習有點危險的循環迴圈,好啦!也沒那麼誇張~只是寫不好,容易進入無窮迴圈導致當機!不過我們是寫在網頁上~所以如果真的不小心陷...

2021-09-25 ‧ 由 Mao 分享
DAY 17

Day.17 「如果基本型別是商品,那物件型別就是購物袋」 —— JavaScript 物件型別

前面有介紹了基本型別,基本型別有 string、number、boolean、null、undefined 這五個型別,剩下的可以都歸類於物件型別。 什麼是物...

2021-09-26 ‧ 由 Mao 分享
DAY 18

Day.18 「從函式物件認識 作用域 與 提升!」 —— JavaScript 函式(Function) & 作用域(Scope) & 提升(Hoisting)

函數也是個物件型別,可以封裝一些功能(程式碼),在需要使用的時候執行功能(程式碼)。 例如我們需要把數字相加,在沒有函式的時候,需要用的時候就要重複打程式碼:...

2021-09-27 ‧ 由 Mao 分享
DAY 19

Day.19 「認識 JavaScript 記憶體堆疊、傳值 與 傳址」 —— JavaScript 物件 與 記憶體

我們的變數在我們開啟網站時,都會存放在記憶體內,當我們關閉網站時,記憶體也會將這些變數釋放。 記憶體的堆疊 JavaScript 變數都是保存在 Stack...

2021-09-28 ‧ 由 Mao 分享
DAY 20

Day.20 「初步認識 this,中央工廠式的自訂物件~」 —— JavaSript 構造函式

如同學習函式一樣!有時候我們會一直重複地做一件事, 當還是初學者的我們需要製作大量的個人資料物件時,通常第一個想法就是複製貼上~ const person =...

2021-09-29 ‧ 由 Mao 分享