Lidemy 程式導師計畫第四期 - 每週學習筆記

本篇是關於 Lidemy 程式導師實驗計畫第四期的學習筆記清單。

主要使用 HackMD 平台記錄，同時也會將筆記同步至 Github 與個人 Blog。

This is Heidi's codediary. About Lidemy / mentor-program-4th started from June 2020.

All of these were written on HackMD, and also synchronized on GitHub page.

Week1（06/12 ~ 06/21）：暖身週

• [week 1] Command Line 入門 & 基本指令
• [week 1] 版本控制 - Git 概念 ＆ 基本指令
• [week 1] 版本控制 - Git 進階指令 & GitHub
• [HW] 第一週（06/12 ~ 06/21）：暖身週

Week2（06/22 ~ 06/28）：程式基礎（上）

• [week 2] JavaScript 基礎 - 基本語法、值的型別、變數、迴圈、函數
• [week 2] JavaScript - 綜合題目練習 Lv1
• [week 2] 先別急著寫 leetcode - 虛擬碼、Debugger、解題技巧
• [HW] 第二週（06/22 ~ 06/28）：程式基礎（上）

Week3（06/29 ~ 07/05）：程式基礎（下）

• [week 3] JavaScript：ES6 語法 + npm + Jest
• [week 3] 設定 eslint：用來檢查語法的工具

Week4（07/06 ~ 07/12）：網路基礎

• [week 4] 網路基礎概論 - HTTP 協定、TCP/IP、API

Week5（07/13 ~ 07/19）：複習週

• [week 5] 複習週

Week6（07/20 ~ 07/26）：前端基礎 HTML 與 CSS

• [week 6] HTML - 認識基礎標籤
• [week 6] CSS - 認識基礎標籤 & 屬性

Week7（07/27 ~ 08/02）：前端基礎 JavaScript

• [week 7] DOM 事件傳遞機制：捕獲與冒泡、事件代理
• [week 7] DOM 介面、瀏覽器事件處理
• 【學習筆記】利用 JavaScript 實作簡易 Todo List

Week8（08/03 ~ 08/09）：前端基礎串 API

• [week 8] 傳送資料的方式 & 瀏覽器的限制
• week8 作業 - Ajax、JSONP、API

Week9（08/10 ~ 08/16）：後端基礎 PHP 與 MySQL

• [week 9] 後端基礎 - PHP 語法、資料庫 MySQL
• [week 9] 利用 PHP 實作留言板 - 初階實作篇

Week10（08/17 ~ 08/23）：複習週

Week11（08/24 ~ 08/30）：資訊安全

• [week 11] 利用 PHP 實作留言板 - 新增功能篇
• [week 11] 利用 PHP 實作陽春部落格
• [week 11] 資訊安全 - 雜湊與加密 & 常見攻擊：SQL Injection、XSS

Week12（08/31 ~ 09/06）：前後端整合

• [week 12] 利用 PHP 實作留言板 - API 篇
• [week 12] 結合前端與後端功能實作 Todo List
• [week 12] 前端工具之一 - jQuery 與 Bootstrap

Week13（09/07 ~ 09/13）：現代前端工具

• [week 13] 前端工具之二 - CSS 預處理器、Babel
• [week 13] 前端工具之三 - gulp、webpack
• [week 13] MTR04 - 實作留言版 plugin
• [week 13] Fetch & Promise 補充
• [week 13] 前端進階 - 如何優化執行 CSS 效能

Week14（09/14 ~ 09/20）：伺服器與網站部署

• [week 14] 後端基礎：資料庫 & 系統設計
• [week 14] 網站部署 - 設定 AWS EC2 遠端主機 + Ubuntu LAMP 環境 + phpMyAdmin

Week15（09/21 ~ 09/27）：複習週

• 【中場心得】半年過去了，我仍在學習程式的路上（上篇）
• 【中場心得】半年過去了，我仍在學習程式的路上（下篇）

Week16（09/28 ~ 10/04）：JavaScript 核心與物件導向

• [week 16] JavaScript 進階 - 關於變數與資料型態
• [week 16] JavaScript 進階 - 初探 Hoisting & Execution Context
• [week 16] 淺談 JavaScript：同步與非同步 & Callback Function & Event Loop
• [week 16] JavaScript 進階 - 什麼是閉包？探討 Closure & Scope Chain
• [week 16] JavaScript 進階 - 物件導向 & Prototype
• [week 16] JavaScript 進階 - What is this？
• [week 16] JavaScript 進階 - 作業練習

Week17（10/05 ~ 10/11）：現代後端開發（上）

• [week 17] 後端中階 - 使用 Node.js + Express 框架建立一個靜態網頁
• [week 17] 後端中階 - Express 中不可或缺的拼圖：淺談 Middleware
• [week 17] 後端中階 - Express 實戰：簡易會員註冊系統 & 留言板
• [week 17] 後端中階 - 淺談 Sequelize：使用 ORM 框架串接資料庫

Week18（10/12 ~ 10/18）：現代後端開發（下）

Loading...

Week19（10/19 ~ 10/25）：產品開發流程

• [week 19] 淺談產品開發與工作流程

Week20（10/26 ~ 11/01）：複習週

Loading...

Week21（11/02 ~ 11/08）：前端框架（一）

• [week 21] 前端框架 - 先別急著學 React
• [week 21] 初探 React：Component、JSX 語法、環境建置
• [week 21] React 基礎：style & 如何撰寫 CSS
• [week 21] React Hooks API：useState & 再戰 Todo List
• [week 21] React Hooks API：useEffect & 實作一個自己的鉤子
• [week 21] React 性能優化：Virtual DOM & 如何避免 re-render
• [week 21] 補充：Prettier 套件 - 自動整理程式碼格式
• [week 21] 補充：在 React 使用 PropTypes 進行型別檢查

Week22（11/09 ~ 11/15）：前端框架（二）

• [week 22] 再探 React：Function component vs Class component
• [week 22] React：用 SPA 架構實作一個部落格（一）- Router
• [week 22] React：用 SPA 架構實作一個部落格（二）- 身分驗證
• [week 22] React：用 SPA 架構實作一個部落格（三）- 淺談測試
• [week 22] React：用 SPA 架構實作一個部落格（四）- 優化篇

Week23（11/16 ~ 11/22）：前端框架（三）

Loading...

Week24（11/23 ~ 11/29）：前端框架（四）

Loading...

Others

• [Week 0] Markdown 格式介紹
• 交作業方式 & 同步課綱
• 2020.6.20 JavaScript 會寫在哪裡？
• 常見重點整理 - 命名慣例 & 開發時注意事項

tags: Lidemy Coding