iT邦幫忙

鐵人檔案

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

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 篇文章 | 10 人訂閱 訂閱系列文 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與JayAge...

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

if switch 介紹 Day05

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

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

迴圈 Day06

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

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

JSON DAY07

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

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

DOM基礎介紹 DAY08

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

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

DOM常見寫法 DAY09

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

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

插入 HTML 標籤 DAY10

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

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