iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

【每天5分鐘】學前端 系列

從0開始學HTML、CSS、JavaScript,每天花5分鐘,輕鬆學一點新的東西。
整理出自己筆記的同時,希望也能夠幫助到想要學習的新手。

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

Day11【每天5分鐘】學前端 | CSS 清單 ol & ul 樣式設定

補充說明 HTML 清單 和 影片 的標籤,並練習 CSS 樣式的設定。 清單有兩種 無序清單(unordered list):使用 <ul> 標...

2022-09-12 ‧ 由 Olivia 分享
DAY 12

Day12【每天5分鐘】學前端 | CSS display 顯示類型

display 這個屬性在排版上非常好用,之後介紹三元運算子也會提到可以如何運用。主要在設定元素 顯示(如何顯示)或 不顯示(none),及其子元素的佈局, 直...

2022-09-13 ‧ 由 Olivia 分享
DAY 13

Day13【每天5分鐘】學前端 | JavaScript 簡介

今天要介紹的 JavaScript ,目前版本已經來到 ES6 。 在學 JavaScript 之前,需要對 HTML 和 CSS 有基礎的認識 ヽ(✿゚▽゚)...

2022-09-14 ‧ 由 Olivia 分享
DAY 14

Day14【每天5分鐘】學前端 | JavaScript 字串 string

今天介紹字串,會使用到 console.log ,還會教學怎麼開啟主控台。console.log( ) 是前端人員查資訊除錯的好幫手,( ) 裡面可以放入字串、...

2022-09-15 ‧ 由 Olivia 分享
DAY 15

Day15【每天5分鐘】學前端 | JavaScript 數字 number

今天除了介紹數字,還會學到 算數運算子 、 餘數運算子了解在運算式中的 運算元 和 運算子。 數字 Number (整數或小數) 跟字串不同的是不用引號包起來,...

2022-09-16 ‧ 由 Olivia 分享
DAY 16

Day16【每天5分鐘】學前端 | JavaScript 布林值 boolean + 邏輯運算子

布林值 Boolean 不用引號包起來, 直接寫 即可 布林值只有兩個:true 、false 邏輯運算子 以下引用自 MDN 邏輯運算子 通常被用於 布林...

2022-09-17 ‧ 由 Olivia 分享
DAY 17

Day17【每天5分鐘】學前端 | JavaScript 比較運算子

在介紹 比較運算子 之前,會先補充說明 變量/變數 ,以及如何 定義 。 變量 / 變數 (variable) 之前認識了字串、數字,今天要來介紹可以存放它們的...

2022-09-18 ‧ 由 Olivia 分享
DAY 18

Day18【每天5分鐘】學前端 | JavaScript 陣列 array

陣列 Array [ ] 為有順序的資料集合,其中可以放入字串、數字、布林值等,或為一個空陣列。陣列沒有固定的 長度 與 型別 ,長度可以被改變。索引值(ind...

2022-09-19 ‧ 由 Olivia 分享
DAY 19

Day19【每天5分鐘】學前端 | JavaScript 物件 object

物件 Object { } 物件是一個 複合資料型態 ,裡面存放自訂義的 屬性 和 值。值可以是字串、數字、陣列等等。宣告的物件使用 大括號 (又稱 花括號 )...

2022-09-20 ‧ 由 Olivia 分享
DAY 20

Day20【每天5分鐘】學前端 | JavaScript 流程控制 if else

流程控制 有 if else 和 switch case ,目的在根據不同的條件,執行不同的操作。我們今天先來認識 if else,明天再接續認識 switch...

2022-09-21 ‧ 由 Olivia 分享