工程師之路 Learning Programming

Posted onAuthorANDY LIEN

章節連結

當人生走完將近四分之一，想半途轉職成工程師，一路上得益於無數人士相助。以下按照標籤和課程類別來呈現學習的心路歷程。
mac

線上或實體課程

AlphaCamp

  • [筆記] Body-Parser 無法解析的 FormData 解決方案 – multer
  • [筆記] 解決 Vue 專案的 localhost:8080/sockjs-node 的無效請求
  • [筆記] Vue.js & Node.js 專案初始化筆記
  • [筆記] Alpha Camp 第四學期 期末回顧之三 – 專案發表後
  • [筆記] Alpha Camp 第四學期 期末回顧之二 – 畢業專案
  • [筆記] Alpha Camp 第四學期 期末回顧之一 – 個人成長
  • [筆記] Node.js 在 Windows 上的開發環境建置
  • [筆記] Sequelize NodeJS 專案初始化筆記
  • [筆記] Heroku Sequelize 佈署細節
  • [筆記] 運用 Heroku 佈署的初始化步驟
  • 運用 Node.js 建網站的初始化步驟
  • [指南] AlphaCamp 第二學期與第三學期的差異
  • [筆記] Alpha Camp 第三學期 期末回顧 關於自學
  • [筆記] Handlebars Register Helper 自定義 Helper 用法
  • [筆記] Google Place API 串接 (Google Map 系列服務)
  • [筆記] Alpha Camp 第三學期
  • [筆記] Pagination 分頁功能 實作 JavaScript
  • [訪談記錄] 自身興趣和實作 在工作上找到歸屬感與成就
  • [筆記] Git 忽略 .DS_Store 等排除檔案
  • [筆記] Git 更新分支、解除衝突方法一覽
  • [筆記] API 串接, Axios 和綁定DOM事件
  • [筆記] textContent, event.target 和 innerHTML
  • [筆記] Alpha Camp 第二學期 期末回顧
  • [訪談記錄] 觀察、效能和成就感
  • [筆記] BootStrap Card + Grid System + Modal 彈出視窗
  • [訪談記錄] 反思 試著對未來的職涯跨出一步
  • [訪談記錄] 堅持加上興趣 在程式的世界中遨遊
  • [筆記] Alpha Camp 第二學期 啟程
  • [筆記] Alpha Camp 第一學期 暖身

    • 資料結構和演算法實作

  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY13 – 動態規劃
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY12 – 遞迴與迭代解
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY11 – 遍歷二元樹
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY10 – 二元樹
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY9 – 鏈結串列(續) (Linked List – 2)
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY8 – 鏈結串列 (Linked List)
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY7 – 雜湊 (Hash)
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY6 – 排序(上)
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY5 – 集合
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY4 – 佇列
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY3 – 堆疊
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY2 – 陣列
  • [IT技術挑戰] 資料結構和演算法實作 DAY1 – JavaScript 環境建置

    • 奇怪的 JavaScript

  • [筆記] JavaScript 的基本觀念 – 20 – something new 新玩意
  • [筆記] JavaScript 的基本觀念 – 19 – 檢視 / 建立框架 view & build a framework
  • [筆記] JavaScript 的基本觀念 – 18 – 其他 miscellaneous
  • [筆記] JavaScript 的基本觀念 – 16 – new 和 constructor function 函數建構子
  • [筆記] JavaScript 的基本觀念 – 15 – prototype, reflection & extend
  • [筆記] JavaScript 的基本觀念 – 14 – call()、apply() 與 bind()
  • [筆記] JavaScript 的基本觀念 – 13 – Closure 閉包
  • [筆記] JavaScript 的基本觀念 – 12 – IIFE
  • [筆記] JavaScript 的基本觀念 – 11 – Array, Syntax, Semicolon
  • [筆記] JavaScript 的基本觀念 – 10 – this
  • [筆記] JavaScript 的基本觀念 – 9 – 函數與物件 Function and Object
  • [筆記] JavaScript 的基本觀念 – 8 – Boolean & if/else
  • [筆記] JavaScript 的基本觀念 – 17 – 內建函數建構子
  • [筆記] JavaScript 的基本觀念 – 7 – 運算子
  • [筆記] JavaScript 的基本觀念 – 6 – 型別
  • [筆記] JavaScript 的基本觀念 – 5 – Asynchronous
  • [筆記] JavaScript 的基本觀念 – 4 – Variable Environment
  • [筆記] JavaScript 的基本觀念 – 3 – Execution Stack
  • [筆記] JavaScript 的基本觀念 – 2 – undefined
  • [筆記] JavaScript 全攻略：克服 JS 的奇怪部分
  • [筆記] JavaScript 的基本觀念 – 1 – Hoisting

    • Sass 實戰全攻略 – 成為前 1% 的 CSS 頂尖好手

  • [筆記] Sass 實戰全攻略 – 11 – 自製格線系統
  • [筆記] Sass 實戰全攻略 – 10 – 設計模式和規範
  • [筆記] Sass 實戰全攻略 – 9 – 錯誤的 CSS 設計方式
  • [筆記] Sass 實戰全攻略 – 8 – 關於命名的那些事兒
  • [筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)
  • [筆記] Sass 實戰全攻略 – 6 – Sass/CSS 設計模式 (Smacss)
  • [筆記] Sass 實戰全攻略 – 5 – mixin 解決響應式網頁的斷點問題
  • [筆記] Sass 實戰全攻略 – 4 – mixin 統整你常用的 CSS 方法
  • [筆記] Sass 實戰全攻略 – 3 – import 切分檔案和維護
  • [筆記] Sass 實戰全攻略 – 2 – 變數的運用
  • [筆記] Sass 實戰全攻略 – 1 – 簡介

    • 網頁切版直播班 2020 春季班

  • [筆記] 網頁切版直播班 2020 春季班 – 課後心得
  • [筆記] 網頁切版直播班 2020 春季班 – 第八週
  • [筆記] 網頁切版直播班 2020 春季班 – 第七週
  • [筆記] 網頁切版直播班 2020 春季班 – 第六週
  • [筆記] 網頁切版直播班 2020 春季班 – 第五週
  • [筆記] 網頁切版直播班 2020 春季班 – 第四週
  • [筆記] 網頁切版直播班 2020 春季班 – 第三週
  • [筆記] 網頁切版直播班 2020 春季班 – 第二週
  • [筆記] 網頁切版直播班 2020 春季班 – 第一週

    • 使用 Gulp 進行網頁前端自動化

  • [筆記] HTML 與 PUG 線上格式轉換
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 用一般 HTML 來製作樣板並排版
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 依照開發環境調整佈署內容
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 架設簡易伺服器和壓縮程式碼
  • [筆記] 使用 Gulp 進行網頁前端自動化 – Gulp 和 Bower 串接
  • [筆記] 使用 Gulp 進行網頁前端自動化 – PostCSS 自動加上前綴 & Load Plugins
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 初始化你的第一個 Gulp 編譯專案
  • [筆記] 使用 Gulp 進行網頁前端自動化 – 簡介

    • 依關鍵字列表

    CSS

  • [筆記] CSSgram – 輕鬆套用 Instagram 上的濾鏡效果
  • [筆記] HTML5 Input time 時間格式
  • [筆記] 工字型樣板，長方形依照比例縮放
  • [筆記] CSS 上常見的水平置中 & 垂直置中方法
  • [筆記] 解鎖右鍵複製文字 / 避免網頁文字被複製
  • [筆記] 寫於 CSS 背景圖片路徑如何設定透明度
  • [筆記] HTML 表格 Table 的 tr td th 用法
  • 運用 Node.js 建網站的初始化步驟
  • [筆記] Google Place API 串接 (Google Map 系列服務)
  • [筆記] JavaScript Disabled 屬性
  • [筆記] Bootstrap Modal 互動視窗 操作指南和除錯
  • [筆記] KeyCode & querySelectorAll 全部加上事件
  • [筆記] Can I Use 查詢語法在各瀏覽器上可否正常使用
  • [筆記] JavaScript 將兩個 array 合併一個 array
  • [筆記] 純 CSS 製作圖片輪撥效果
  • [筆記] API 串接, Axios 和綁定DOM事件
  • [筆記] CSS ul li 水平置中方法
  • [筆記] textContent, event.target 和 innerHTML
  • [筆記] BootStrap Card + Grid System + Modal 彈出視窗
  • [筆記] Lorem Picsum 網頁開發自動生成縮圖
  • [筆記] Alpha Camp 第二學期 啟程

    • Git

  • [筆記] 使用 SSH 模式來複製 clone Github 上的專案
  • [筆記] Git 分工寫 Code 必備指令
  • 運用 Node.js 建網站的初始化步驟
  • [筆記] Terminal 終端機上的文字編輯器 VIM Editor 操作指南
  • [筆記] Homebrew Mac 上的好用套件管理工具
  • [筆記] Git 忽略 .DS_Store 等排除檔案
  • [筆記] Git 更新分支、解除衝突方法一覽
  • [筆記] Lidemy 鋰學院 Git 超新手入門

    • HTML

  • [筆記] HTML5 Input time 時間格式
  • [筆記] Sequelize NodeJS 專案初始化筆記
  • [筆記] HTML 表格 Table 的 tr td th 用法
  • 運用 Node.js 建網站的初始化步驟
  • [筆記] Google, Facebook, Github OAuth 認證設定申請
  • [筆記] Google Place API 串接 (Google Map 系列服務)
  • [筆記] JavaScript Disabled 屬性
  • [筆記] Bootstrap Modal 互動視窗 操作指南和除錯
  • [筆記] Pagination 分頁功能 實作 JavaScript
  • [筆記] RWD 自適應版型 漢堡選單實作與故障排除
  • [筆記] KeyCode & querySelectorAll 全部加上事件
  • [筆記] Can I Use 查詢語法在各瀏覽器上可否正常使用
  • [筆記] JavaScript 將兩個 array 合併一個 array
  • [筆記] 純 CSS 製作圖片輪撥效果
  • [筆記] API 串接, Axios 和綁定DOM事件
  • [筆記] CSS ul li 水平置中方法
  • [筆記] Async 非同步處理和 JSON Object 取值
  • [筆記] textContent, event.target 和 innerHTML
  • [筆記] BootStrap Card + Grid System + Modal 彈出視窗
  • [筆記] Lorem Picsum 網頁開發自動生成縮圖
  • [筆記] Alpha Camp 第二學期 啟程
  • [筆記] Alpha Camp 第一學期 暖身

    • JavaScript

  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY13 – 動態規劃
  • [筆記] 一行解決你的 JavaScript 問題經典範例 (持續增加中)
  • [筆記] Emmet 網路開發必備簡碼 加速你的開發流程
  • [筆記] 運用 Moment.js 製作 AM / PM 時間外掛
  • [筆記] HTML5 Input time 時間格式
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY12 – 遞迴與迭代解
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY11 – 遍歷二元樹
  • [筆記] CodeSandbox 線上編輯器 模擬前端框架
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY10 – 二元樹
  • [筆記] 工字型樣板，長方形依照比例縮放
  • [筆記] Element-UI 的自定義表格邊框樣式
  • [筆記] Vue 關於 slot-scope 的簡易認知
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY9 – 鏈結串列(續) (Linked List – 2)
  • [筆記] Chart.js 長條圖 最大值用特別顏色表示
  • [筆記] Vue Watch 監聽並延後發送請求
  • [筆記] Vue SCSS 使用 Deep Selectors
  • [筆記] Vue 使用 SCSS
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY8 – 鏈結串列 (Linked List)
  • [筆記] Vue 生命週期
  • [筆記] Vue 單元測試初探
  • [筆記] Vue2 Perfect-Scrollbar 置底開始
  • [筆記] Vue 的狀態管理 Vuex 實作心得
  • [筆記] Vue 自訂綁定 style 標籤
  • [筆記] Body-Parser 無法解析的 FormData 解決方案 – multer
  • [筆記] JavaScript 的基本觀念 – 20 – something new 新玩意
  • [筆記] Vue 頁面元件定時自動跳轉
  • [筆記] Vue 刷新當前頁面
  • [全端開發] 打造一個公開聊天室 Vue.js+MySQL+Socket.io+passport-jwt
  • [筆記] JavaScript 的基本觀念 – 19 – 檢視 / 建立框架 view & build a framework
  • [筆記] JavaScript 的基本觀念 – 18 – 其他 miscellaneous
  • [筆記] BootstrapVue Pagination Vue 分頁套件使用
  • [筆記] JavaScript 的基本觀念 – 16 – new 和 constructor function 函數建構子
  • [筆記] JavaScript 的基本觀念 – 15 – prototype, reflection & extend
  • [筆記] Vue 避免 ESLint 的 Unexpected Console Statement
  • [筆記] JavaScript 的基本觀念 – 14 – call()、apply() 與 bind()
  • [筆記] JavaScript 的基本觀念 – 13 – Closure 閉包
  • [筆記] JavaScript 的基本觀念 – 12 – IIFE
  • [筆記] JavaScript 的基本觀念 – 11 – Array, Syntax, Semicolon
  • [筆記] JavaScript 的基本觀念 – 10 – this
  • [筆記] JavaScript 的基本觀念 – 9 – 函數與物件 Function and Object
  • [筆記] JavaScript 的基本觀念 – 8 – Boolean & if/else
  • [筆記] JavaScript 的基本觀念 – 17 – 內建函數建構子
  • [筆記] Vue-cli 輸出 console.log 的結果
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY7 – 雜湊 (Hash)
  • [筆記] Vue.js 前端分頁、搜尋表格內容 – 運用 props, data, computed, methods, watch
  • [筆記] 用 faker 套件在資料庫生成假資料
  • [筆記] JavaScript 的基本觀念 – 7 – 運算子
  • [筆記] 解決 Vue-cli 打包後，無法顯示 Favicon 的問題
  • [筆記] 用 Sequelize 同時查詢多個字串
  • [筆記] 全端開發本機端資料互通 Vue.config.js 設定
  • [筆記] 解鎖右鍵複製文字 / 避免網頁文字被複製
  • [筆記] JavaScript 的基本觀念 – 6 – 型別
  • [筆記] JavaScript 的基本觀念 – 5 – Asynchronous
  • [筆記] JavaScript 的基本觀念 – 4 – Variable Environment
  • [筆記] 解決 Vue 專案的 localhost:8080/sockjs-node 的無效請求
  • [筆記] 2020 前端工程師面試全記錄
  • [筆記] JavaScript 的基本觀念 – 3 – Execution Stack
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY6 – 排序(上)
  • [筆記] JavaScript 的基本觀念 – 2 – undefined
  • [筆記] JavaScript 的基本觀念 – 1 – Hoisting
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY5 – 集合
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY4 – 佇列
  • [筆記] Vue.js & Node.js 專案初始化筆記
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY3 – 堆疊
  • [筆記] 台灣縣市二聯式選單 tw-city-selector.js
  • [IT技術30篇挑戰] 資料結構和演算法實作 DAY2 – 陣列
  • [IT技術挑戰] 資料結構和演算法實作 DAY1 – JavaScript 環境建置
  • [筆記] Sequelize NodeJS 專案初始化筆記
  • [筆記] 運用 Heroku 佈署的初始化步驟
  • [筆記] 線上正規表示式測試器
  • [筆記] TinyURL 服務串接
  • 運用 Node.js 建網站的初始化步驟
  • [筆記] JavaScript 雙層選單篩選連動
  • [筆記] Google, Facebook, Github OAuth 認證設定申請
  • Mongo DB 條件操作符
  • Express Validator 操作介紹
  • 安裝 MongoDB 出現 SocketException: Address already in use 錯誤
  • [筆記] Handlebars Register Helper 自定義 Helper 用法
  • [筆記] Google Place API 串接 (Google Map 系列服務)
  • [筆記] JavaScript Disabled 屬性
  • [筆記] Bootstrap Modal 互動視窗 操作指南和除錯
  • [筆記] Alpha Camp 第三學期
  • [筆記] Pagination 分頁功能 實作 JavaScript
  • [筆記] RWD 自適應版型 漢堡選單實作與故障排除
  • [筆記] KeyCode & querySelectorAll 全部加上事件
  • [筆記] Can I Use 查詢語法在各瀏覽器上可否正常使用
  • [筆記] JavaScript 將兩個 array 合併一個 array
  • [筆記] API 串接, Axios 和綁定DOM事件
  • [筆記] Async 非同步處理和 JSON Object 取值
  • [筆記] textContent, event.target 和 innerHTML
  • [筆記] BootStrap Card + Grid System + Modal 彈出視窗
  • [筆記] Alpha Camp 第二學期 啟程
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (IX – 挑戰題)
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (VIII – 進階題)
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (VII – 練習題)
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (VI – 常用內建函式)
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (V – 函式)
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (IV – 迴圈)
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (III – 判斷式)
  • [筆記] Lidemy 鋰學院 用 JavaScript 一步步打造程式基礎 (II – 變數)

    • MongoDB

  • 運用 Node.js 建網站的初始化步驟
  • [筆記] Heroku 佈署問題：如何將 Git 的子資料夾專案推上雲端？
  • [筆記] MongoDB 在運用正則表達式使用變數
  • Mongo DB 條件操作符
  • Express Validator 操作介紹
  • 安裝 MongoDB 出現 SocketException: Address already in use 錯誤

    • Python

  • [筆記] Python 爬蟲實戰 – PPT 表特版和圖片下載
  • [筆記] Python 爬蟲 PTT 八卦版
  • [筆記] Python 爬蟲 BeautifulSoup 的進階運用
  • [筆記] Jupyter Notebook 搭配 iCloud Drive 使用
  • [筆記] Python 爬蟲初探 BeautifulSoup
  • [筆記] 運用 Python 爬蟲每季財報
  • [筆記] 運用 Python 爬蟲每月月報
  • [筆記] 運用 Python 套件 Talib 繪製常見的股票指標
  • [筆記] 運用 Python 爬蟲每日股價
  • [筆記] 運用 requests 爬蟲並用 Pandas 解析資料
  • [筆記] Pandas 和 Matplotlib 的初始化
  • [筆記] Module ‘pandas’ has no attribute ‘Series’ 解決方法
  • [筆記] Python 配合 Anaconda 在 Visual Studio 上的環境設定 (MAC)

    • Sequelize

  • [筆記] 用 Sequelize 同時查詢多個字串
  • [筆記] Alpha Camp 第四學期 期末回顧之一 – 個人成長
  • [筆記] Sequelize NodeJS 專案初始化筆記
  • [筆記] Heroku Sequelize 佈署細節

    • Vue.js

  • [筆記] 運用 Moment.js 製作 AM / PM 時間外掛
  • [筆記] CodeSandbox 線上編輯器 模擬前端框架
  • [筆記] 工字型樣板，長方形依照比例縮放
  • [筆記] Element-UI 的自定義表格邊框樣式
  • [筆記] Vue 關於 slot-scope 的簡易認知
  • [筆記] Vue Watch 監聽並延後發送請求
  • [筆記] Element UI Table 表格表頭縱向顯示
  • [筆記] Vue SCSS 使用 Deep Selectors
  • [筆記] Vue 使用 SCSS
  • [筆記] 自定義 Element UI 標題欄位遇上 Vue/no-unused error 的解決方法
  • [筆記] Vue 生命週期
  • [筆記] Vue 單元測試初探
  • [筆記] Vue2 Perfect-Scrollbar 置底開始
  • [筆記] Vue 的狀態管理 Vuex 實作心得
  • [筆記] Vue 自訂綁定 style 標籤
  • [筆記] Body-Parser 無法解析的 FormData 解決方案 – multer
  • [筆記] Vue 頁面元件定時自動跳轉
  • [筆記] Vue 刷新當前頁面
  • [全端開發] 打造一個公開聊天室 Vue.js+MySQL+Socket.io+passport-jwt
  • [筆記] BootstrapVue Pagination Vue 分頁套件使用
  • [筆記] Vue 避免 ESLint 的 Unexpected Console Statement
  • [筆記] Vue-cli 輸出 console.log 的結果
  • [筆記] Vue.js 前端分頁、搜尋表格內容 – 運用 props, data, computed, methods, watch
  • [筆記] 解決 Vue-cli 打包後，無法顯示 Favicon 的問題
  • [筆記] 全端開發本機端資料互通 Vue.config.js 設定
  • [筆記] 解決 Vue 專案的 localhost:8080/sockjs-node 的無效請求
  • [筆記] Vue.js & Node.js 專案初始化筆記

    • WordPress

  • [部落格經營] WordPress Missed Schedule Posts 文章錯過排程的解決方法
  • [部落格經營] Contact form 7 表格自動縮放
  • [部落格經營] WordPress 中文 摘要 錯誤修正
    • 按讚加入粉絲團

    延伸閱讀

    GA瀏覽人氣：304