前端新米

本篇為 [JS201] 進階 JavaScript：那些你一直搞不懂的地方 這門課程的學習筆記。如有錯誤歡迎指正！

1
2
3
4
5

學習目標：

 P1 你知道 Prototype 在 JavaScript 裡是什麼
 P1 你知道大部分情況下 this 的值是什麼
 P2 你知道物件導向的基本概念（類別、實體、繼承、封裝）

本篇為 [JS201] 進階 JavaScript：那些你一直搞不懂的地方 這門課程的學習筆記。如有錯誤歡迎指正！

本篇為 [JS201] 進階 JavaScript：那些你一直搞不懂的地方 這門課程的學習筆記。如有錯誤歡迎指正！

1
2
3
4
5
6
7

學習目標：

  你知道 Hoisting（提升）是什麼
  你知道 Hoisting 的原理為何
  你知道 Hoisting 只會提升宣告而非賦值
  你知道 function 宣告、function 的參數以及一般變數宣告同時出現時的提升優先順序
  你知道 let 跟 const 其實也有 Hoisting，只是表現形式不太相同

本篇為 [JS201] 進階 JavaScript：那些你一直搞不懂的地方 這門課程的學習筆記。如有錯誤歡迎指正！

1
2
3
4

學習目標：

 瞭解 JavaScript 有哪些的資料型態
 原始型態與物件型態在變數宣告賦值上的差異

在練習這週的網站部署時，主要參考下列幾篇筆記：

• [ 紀錄 ] 部屬 AWS EC2 雲端主機 + LAMP Server + phpMyAdmin
• AWS EC2 佈署網站：卡關記錄 & 心得
• 部署 AWS EC2 遠端主機 + Ubuntu LAMP 環境 + phpmyadmin
  閱讀全文 »

• 參考資料：
  https://github.com/Lidemy/mentor-program-4th/blob/master/examples/common.md
  閱讀全文 »

本篇為「程式導師實驗計畫：Lesson 8-2 之資料庫」這門課程的學習筆記。如有錯誤歡迎指正。

本篇為 Limedy「Fetch 與 Promise 補充系列」課程的學習筆記。如有錯誤歡迎指正。

以下內容將涵蓋：

1. 如何發出 HTTP 請求
2. 回顧 XMLHttpRequest
3. 如何使用 Fetch
4. 什麼是 Promise
   閱讀全文 »

前端優化

關於前端優化方式，可從下列幾個方向進行：

• 資源本身的大小
• 資源載入的方式
• 資源執行的方式
  閱讀全文 »

本篇為 [MTR04] 第十三週 - 帶著做留言版 plugin 的學習筆記。如有錯誤歡迎指正。

前置作業

需安裝好 webpack 以及其他套件，可跟著官方教學步驟 Getting Started 進行安裝：

1
2
3
4

mkdir webpack-demo
cd webpack-demo
npm init -y
npm install webpack webpack-cli --save-dev