0%

本篇為 [FE102] 前端必備:JavaScript 這門課程的學習筆記。如有錯誤歡迎指正。

當我們運用 JavaScript 在網頁進行操作時,主要可分為下列三大面向:

  1. 介面(Interface):如何改變介面
  2. 事件(Event):如何監聽事件並做出反應
  3. 資料(Data):如何和伺服器交換資料
閱讀全文 »

本篇為 [BE101] 用 PHP 與 MySQL 學習後端基礎 這門課程的學習筆記。如有錯誤歡迎指正。

1
2
3
4
5
6
7
8
9
10
學習目標:

P1 你知道 PHP 是什麼
P1 你知道前端與後端的差別
P1 你知道什麼是資料庫
P1 你了解基本的 SQL 語法,包括 Select、Insert Into、Delete 與 Update
P1 你能夠寫出基本的 CRUD 應用
P1 你知道什麼是 Session
P1 你知道什麼是 Cookie
P1 你知道 Session 與 Cookie 的差別
閱讀全文 »

本篇為 [FE102] 前端必備:JavaScript 這門課程的學習筆記。如有錯誤歡迎指正。

1
2
3
4
5
6
學習目標:

P1 你知道捕獲與冒泡是什麼
P1 你知道什麼是事件代理(delegation)
P2 你知道怎麼用 JavaScript 更改元素的 style
P2 你知道 preventDefault 與 stopPropagation 的差異
閱讀全文 »

本篇為 [FE102] 前端必備:JavaScript 這門課程的學習筆記。如有錯誤歡迎指正。

1
2
3
4
5
6
學習目標:

P1 你知道 JavaScript 跑在網頁上跟跑在 Node.js 上差在哪裡
P1 你知道 DOM 是什麼
P1 你知道如何用 JavaScript 操控 DOM 物件
P1 你知道如何幫一個按鈕加上 event listener
閱讀全文 »

本篇為 [FE101] 前端基礎:HTML 與 CSS 這門課程的學習筆記。如有錯誤歡迎指正。

1
2
3
4
5
6
7
8
9
學習目標:

P1 你知道 CSS 是什麼
P1 你知道 inline、block 跟 inline-block 的區別
P1 你知道什麼是 box model
P1 你知道 position 的所有屬性及其差別
P2 你知道 :hover, :before, :after
P2 你知道 :nth-child 的各種用法
P2 你熟悉 CSS selector,可以輕鬆選到想選到的元素
閱讀全文 »

本篇為 [JS102] 升級你的 JavaScript 技能:ES6 + npm + Jest 這門課程的學習筆記。如有錯誤歡迎指正!

1
2
3
4
學習目標:

理解常用內建函式如何使用
熟悉程式語法並知道如何解決基礎問題
閱讀全文 »

本篇為 [JS102] 升級你的 JavaScript 技能:ES6 + npm + Jest 這門課程的學習筆記。如有錯誤歡迎指正!

1
2
3
4
學習目標:

理解常用內建函式如何使用
熟悉程式語法並知道如何解決基礎問題
閱讀全文 »

本篇為 [FE101] 前端基礎:HTML 與 CSS 這門課程的學習筆記。如有錯誤歡迎指正。

1
2
3
4
5
學習目標:

P1 你知道 HTML 是在做什麼的
P1 你知道如何使用有語意的(semantic)標籤
P1 你知道基本 SEO 的概念
閱讀全文 »