前端新米

Heidi's Blog

0%

發表於 更新於 分類於
文章字數： 5.9k 所需閱讀時間 ≈ 5 分鐘

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

1
2
3
4
5
6
學習目標：

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

發表於 更新於 分類於
文章字數： 7.6k 所需閱讀時間 ≈ 7 分鐘

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

1
2
3
4
5
6
學習目標：

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

發表於 更新於 分類於 ，
文章字數： 5.9k 所需閱讀時間 ≈ 5 分鐘

本篇為 [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，可以輕鬆選到想選到的元素
閱讀全文 »

發表於 更新於 分類於
文章字數： 1k 所需閱讀時間 ≈ 1 分鐘

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

1
2
3
4
學習目標：

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

發表於 更新於 分類於
文章字數： 2.4k 所需閱讀時間 ≈ 2 分鐘

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

1
2
3
4
學習目標：

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

發表於 更新於 分類於 ，
文章字數： 5.4k 所需閱讀時間 ≈ 5 分鐘

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

1
2
3
4
5
學習目標：

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

發表於 更新於 分類於 ，
文章字數： 14k 所需閱讀時間 ≈ 12 分鐘

本篇為 [NET101] 網路基礎概論（搭配 JS 實作練習） 這門課程的學習筆記。如有錯誤歡迎指正。

1
2
3
4
5
6
7
8
9
10
11
12
13
學習目標：

 知道網路背後大概的運作模式
 知道什麼是 Request 跟 Response
 知道什麼是 DNS 以及運作原理
 知道 HTTP 與 HTTPS 的差異
 知道 localhost 跟 127.0.0.1 是什麼
 知道 GET 與 POST 的差別
 知道常用的 HTTP Header
 知道什麼是 API
 會使用 node.js 寫出串接 API 的程式
 知道 HTTP method 有哪些
 知道基本的 HTTP statud code，像是 200、301、400、404、500
閱讀全文 »

發表於 更新於 分類於
文章字數： 1.7k 所需閱讀時間 ≈ 2 分鐘

什麼是 ESLint？

ESLint（ECMAScript + lint）是用來檢查 JavaScript 程式碼的工具。可在 commit 前檢查語法錯誤、提示潛在的 bug，藉此有效提高程式碼質量，和統一基本的 coding style。

參考資料：

  1. [JS] 使用 ESLint 提高程式碼品質
  2. 深入淺出eslint——關於我學習eslint的心得
閱讀全文 »