拉近現代開發者與 Web3 的距離 整合 Lighthouse CI 作為前端應用的效能守門員 幫你的 Web 開發添加一點 Functional Programming 味 Visual Testing 投影片 逐字稿

Advanced Javascript Table of Contents [TOC] Javascript Foundation 一、Call Stack && Memory Heap(內存堆) 1. Call Stack 與 Stack Overflow // When a function calls itself // it's called Recursion function inception() {

壹、目錄及代辦事項 Table of Contents [TOC] 貳、基礎內容文件要點說明 一、Vue 開發環境介紹 Vue 是由資料來驅動畫面的，因此資料是不斷在變動的。 這邊就要用 Vue Dev tools 來檢視資料。 二、建立應用程式

Typescript 泛用型別 Table of Contents [TOC] 泛用型別 X 型別參數化 一、泛用型別 原理跟普通的函式概念差不多，可以把泛用型別看成是型別版的函式 type Identuty<T> = T

一、linux server 建立 - 使用 google gcp 為什麼要用 nuxt 二、linux 指令 三、使用 pm2 架設 nuxt 站台 1. 專案的開發環境 1、開發環境 - Development (DEV) 2、生產環境 - Production (PROD、PRO) 3、測試環境 - System Integrate Test (SIT)

Typescript Configuration Table of Contents [TOC] 專案監控 X 編譯設定 一、tsconfig.js 專案相關 target 選項： 主要目標是設定專案被編譯過後的語言版本，預設值為 ES3 版本（官方指定的）；可以選擇其他版本諸如：ES5、ES6（或 es2015 以上）甚至還有 ESNext

壹、前線維護・型別推論 X 註記 - Type Inference & Annotation 一、 基礎型別（Types） 原始型別 Primitive Types 包含 number, string, boolean, undefined, null, ES6 介紹的 symbol 與時常會在函式型別裡看到的 void 物件型別 Object Types 但我個人還會再細分成小類別，但這些型別的共同特徵是 —— 從原始型別或物件型別組合出來的複合型態（比如物件裡面的 Key-Value 個別是 string 和 number 型別組合成的）： 基礎物件型別：包含 JSON 物件，陣列（Array或T[]），類別以及類別產出的物件（也就是 Class 以及藉由 Class new 出來的 Instance）

一、類別宣告 1. 定義類別 若我們想要定義類別 C，其中類別包含屬性 P 與方法 M。其中，P 對應之型別為 Tp，而方法 M 對應之函式型別為 (paramName: Tparam): Toutput，則最基本的宣告方式為 class c { P: Tp; M(paramName: Tparam): Toutput { // 方法內的內容 }

一、測試的好處 1. 不用害怕更動程式碼 2. Code Quality 單一職責原則 模組化的程式碼 元件真正做的是什麼 3. 做出符合需求文件的程式碼

目錄及代辦事項 在課程完成後，試著自己做出一個自己的 JS 小框架 Table of Contents [TOC] 待學習項目 [ ] - [ ] - [ ] -

瀑布式＆＆敏捷式 scope-> 敏捷團隊：端到端 端到端都在團隊裡面執行。 敏捷精神包括的東西 看板（Kanban）

壹、重新認識 ES6 一、Let 與 const let 與 var 不同，就算在 if 內使用 let 宣告同變數。 也不會改變變數的值。 var a = 'aa' console.log(a) // 'aa'

壹、關於 SEO 一、SEO 是什麼？ 搜尋引擎最佳化，白話文就是，讓 google 搜尋與自己網頁有關的關鍵字時，可以把自己的網頁往前排，獲得好的搜尋名次 = Organic Search 隨機搜尋/自然搜尋(不花錢/流量的搜尋) GOOGLE 利用 PageRank 來排名 SEO google 三大工具 關鍵字廣告/GA/Google Search Console 二、 目的

一、避免誤導 避免使用 List 這種包含形態的命名 ex: accountList -> accountGroup, bunchOfAccount 避免使用太過相似的命名 ex: (button, bottom), (XYZControllerForEfficientStorageOfString, XYZControllerForEfficientHandkingOfString)

壹、目錄及代辦事項 Table of Contents [TOC] 待學習項目 [ ] - [ ] - [ ] - [ ] -

壹、目錄及代辦事項 Table of Contents [TOC] 待學習項目 [ ] - [ ] - [ ] - [ ] -

壹、目錄及代辦事項 Table of Contents [TOC] 待學習項目 [ ] - [ ] - [ ] - [ ] -

壹、目錄及代辦事項 Table of Contents [TOC] 待學習項目 [ ] - [ ] - [ ] - [ ] -

壹、目錄及代辦事項 Table of Contents [TOC] 待學習項目 [ ] - flex:1????? [ ] - 補充麵包屑SEO知識 [ ] - clip-path [ ] - 練習網頁

壹、目錄及代辦事項 Table of Contents [TOC] 待學習項目 [ ] - [ ] - [ ] - [ ] -