iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
影片教學

一起來實作響應式網頁設計 系列

透過30天的教學,學習如何打造響應式的網頁。

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

一起來實作響應式網頁設計:Box Model Day11

影片教學 重點回顧 padding:content 與 border之間的距離 margin:元素間的距離 border:框出元素的範圍 以上是今天的教...

2023-09-26 ‧ 由 Ericostco 分享
DAY 12

一起來實作響應式網頁設計:CSS定位方式 Day12

影片教學 重點回顧 一般常見的元素屬於box level,如:,等,在瀏覽器會另起一行顯示,這類元素所產生的方塊為block box。另一種稱為 inline...

2023-09-27 ‧ 由 Ericostco 分享
DAY 13

一起來實作響應式網頁設計:執行第一個JavaScript程式 Day13

影片教學 重點回顧 JavaScript 常用函數 console.log():將訊息輸出至web的控制台,訊息可以是string或是JavaScript...

2023-09-28 ‧ 由 Ericostco 分享
DAY 14

一起來實作響應式網頁設計:JavaScript Basic Day14

影片教學 重點回顧 JavaScript Lexical Structure 基本規則,如何用Javascript寫程式 Case Sensitive:大小...

2023-09-29 ‧ 由 Ericostco 分享
DAY 15

一起來實作響應式網頁設計:JavaScript Data Type-1 Day15

影片教學 重點回顧 JavaScript Data Type Number:表示數字 String:表示字串 Boolean:True, False Nul...

2023-09-30 ‧ 由 Ericostco 分享
DAY 16

一起來實作響應式網頁設計:JavaScript Data Type-2 Day16

影片教學 重點回顧 String 的 Attributes & Methods js 是物件導向程式語言,String可被視作物件,有String的a...

2023-10-01 ‧ 由 Ericostco 分享
DAY 17

一起來實作響應式網頁設計:你的邏輯還行嗎? JavaScript的邏輯判斷 Day17

影片教學 重點回顧 Comparison Operators ==:回傳 true if the operands are equal,也就是判斷==左右兩...

2023-10-02 ‧ 由 Ericostco 分享
DAY 18

一起來實作響應式網頁設計:Truthy & Falsy Values Day18

影片教學 重點回顧 Truthy & Falsy Values js 中每個值在boolean context 中,都可視為是true or fals...

2023-10-03 ‧ 由 Ericostco 分享
DAY 19

一起來實作響應式網頁設計:Function 是什麼? Day19

影片教學 重點回顧 Function 函式 f(x)=3x+1 function 使用流程:先建立(定義),再使用(呼叫) parameters argum...

2023-10-04 ‧ 由 Ericostco 分享
DAY 20

一起來實作響應式網頁設計:初探Array Day20

影片教學 重點回顧 Array 陣列 當有性質相近的資料要存放一起時,可以使用array array 可以包含多種資料類型 array 不是 primiti...

2023-10-05 ‧ 由 Ericostco 分享