iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

JavaScript基礎30天 系列

利用30天來紀錄JavaScript的基礎觀念
包括
1. 變數
2. 函式
3. 陣列 與 物件
4. 運算子 if switch
5. 迴圈
6. DOM
7. event(事件)
8. localStorage 瀏覽器資料儲存
9. 瀏覽器功能探索 (BOM)
10. AJAX
11. JavaScript ES6入門(let const)
12. JavaScript ES6 字串篇
13 利用上述 做一個 TodoList


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

變數介紹 Day01

變數常見的資料型別 1.數值(number) 2.字串(String) 必須用 單引號 或 雙引號 3.布林(Boolean) 但如何撰寫這些變數呢??...

2020-09-16 ‧ 由 皮傑先生 分享
DAY 2

函式(function)基礎介紹 Day02

function介紹 什麼是function?? 為什麼我們一定需要function呢?? 這裡我們舉一個例子 當我們每次要計算 蛋糕與可樂數量的總價錢時 便...

2020-09-17 ‧ 由 皮傑先生 分享
DAY 3

陣列與物件 Day03

為什麼我們需要陣列呢?? 想必你一定很疑惑 那麼接下來請繼續往下看囉!! 我們舉一個簡單的例子 陣列寫法 我們可以用一個 中括號 來呈現 1. 那假如要讀...

2020-09-18 ‧ 由 皮傑先生 分享
DAY 4

運算子 基礎介紹 Day04

比較運算子 究竟什麼是比較運算子?? 有那些比較運算子呢?? 這裡我們先介紹兩種比較運算子 (== 與 !=) 我們舉一個簡單的例子 會發現 myAge與Ja...

2020-09-19 ‧ 由 皮傑先生 分享
DAY 5

if switch 介紹 Day05

今天我們要來介紹 if 與 switch啦 真開心 首先 我們看一個簡單的範例 if(條件) //若括號裡的條件(判斷式)成立 則會執行大括號裡面的程式 也就...

2020-09-20 ‧ 由 皮傑先生 分享
DAY 6

迴圈 Day06

今天我們來到了迴圈章節 這裡我們會拆成2部分 分別為 迴圈基礎介紹 與 JSON格式介紹並利用迴圈抓取資料 那我們就開始啦~~~ 了解迴圈之前我們必須了解 為什...

2020-09-21 ‧ 由 皮傑先生 分享
DAY 7

JSON DAY07

今天要來介紹 什麼是JSON 我們先看看MDN的介紹!! 再來看看 政府opendata所提供的JSON 參考來源 : https://cloud.cult...

2020-09-22 ‧ 由 皮傑先生 分享
DAY 8

DOM基礎介紹 DAY08

今天要來介紹 DOM究竟是什麼?? 與如何操作DOM 讓我們先看看MDN對DOM的介紹 簡單來說 DOM 是一個將 HTML文件以樹狀的結構來呈現的模型 而組...

2020-09-23 ‧ 由 皮傑先生 分享
DAY 9

DOM常見寫法 DAY09

今天要來介紹DOM的各種寫法 我們先複習一下昨天介紹的getElementById CodePen: https://codepen.io/wemyferb/...

2020-09-24 ‧ 由 皮傑先生 分享
DAY 10

插入 HTML 標籤 DAY10

今天我們要來介紹 使用JavaScript來操控HTML的方法(2種) innerHTML 方法: 組完字串後,傳進語法進行渲染 優點: 效能快 缺點: 有資...

2020-09-25 ‧ 由 皮傑先生 分享