程式初心者學習教材推薦（持續更新）

目次

1. 前端課程教材
2. Linux Command Line
3. Git
4. HTML
5. CSS
6. JavaScript
7. DOM
8. HTTP/HTTPS
9. API
10. Cookie & Session
11. Vue.js
12. Cypress
13. PHP
14. Python

從開始學習程式到現在，我在程式學習上非常依賴網路
其實自學不難，但找到看得懂又詳細的文章不簡單
有時候就算有官方文件，有些點沒有通，就會卡關

其實程式初心者遇到的問題不外乎就是：

1. 不知道要看什麼資源學習
   我認為這就是初次自學者最容易感到挫折的地方：不知道哪裡有可以學習的資源
2. 有問題找不到最適合的文章解答
   許多的疑問，都要花很多時間尋找文章解答，畢竟很多大大都用自己的程度去寫文章，初學者閱讀門檻高

這兩點就是我當初為什麼決定寫文章的原因
用我自身學習的經歷，寫出初心者可能不懂的地方

就像是，如果你是已經用 Cmder 很久的工程師
你在寫 Cmder 安裝教學時，會知道有些初心者不知道桌面的路徑在哪嗎#
我昨天才從官方的截圖找到桌面的路徑在哪的#
這種很笨的問題，沒有經歷過還真不知道，原來網路上需要這樣的教學
果然我無法駕馭 Windows 哈哈

正因為沒有資源，初心者光是找資料需要很多的時間
因此我決定整理一些我過去學習的教材和文章，讓初心者更有方向
在文章列表中，有一些文章是我寫的，在連結我有標注 Kion 標籤，讓大家可以斟酌看要不要看我寫的文章

但有些文章是我知道不錯但我還沒看#
我會再持續更新和篩選
也歡迎留言分享更多的好文

取之於網路，就應該回饋網路 XD
讓這樣的正能量循環，我覺得是很重要的

前端課程教材

• Lidemy
• 程式導師計畫第四期課程內容

Linux Command Line

• The Linux command line for beginner
• Linux Command 命令列指令與基本操作入門教學

Git

• 為你自己學 Git
• Learn Git Branching
• Kion 為你自己學 Git 筆記-GitHub 應用篇

HTML

• html & css is hard
• Kion 何謂 HTML?

CSS

• html & css is hard
• Kion CSS Selector 筆記
• CSS Diner
• Flexbox Pirate
• Flexbox Froggy
• 金魚都能懂的網頁設計入門 — 金魚都能懂了你還怕學不會嗎
• 金魚都能懂的 CSS 選取器 — 金魚都能懂了你還怕學不會嗎

JavaScript

• You Don’t Know JS 簡中
• You Don’t Know JS 原文
• 重新認識 JavaScript

Scope、Hoisting、Closure

• 深入淺出瞭解 JavaScript 閉包（closure）
• 所有的函式都是閉包：談 JS 中的作用域與 Closure
• 秒懂！JavaSript 執行環境與堆疊
• 我知道你懂 hoisting，可是你了解到多深？
• Kion 無法理解的 JS 閉包原理

this

• JavaScript深入之從ECMAScript規範解讀this
• this 的值到底是什麼？一次說清楚
• 淺談 JavaScript 頭號難題 this：絕對不完整，但保證好懂
• Kion 快速理解 This 與箭頭函式

Event Loop

• 所以說event loop到底是什麼玩意兒？| Philip Roberts | JSConf EU

DOM

• DOM 的事件傳遞機制：捕獲與冒泡

HTTP/HTTPS

• 從傳紙條輕鬆學習基本網路概念
• 3分鐘內了解Https

API

• 從拉麵店的販賣機理解什麼是 API
• 輕鬆理解 Ajax 與跨來源請求

Cookie & Session

• 白話 Session 與 Cookie：從經營雜貨店開始
• 淺談 Session 與 Cookie：一起來讀 RFC
• 深入 Session 與 Cookie：Express、PHP 與 Rails 的實作

Vue.js

• 重新認識 Vue.js | Kuro Hsu

Cypress

• [Cypress 1] E2E Testing 初探
• [Cypress 2] 看官方文件學習 Command & Assertion
• [Cypress 3] 看官方文件學習 Variable and Aliases、Hooks、其他
• [Cypress 4] 運用在真實世界的 E2E — 以 2020 六角鐵人賽文章搜尋器為例
• Kion Cypress & Bitbucket Pipeline 持續性整合測試

PHP

• The PHP Practitioner
• Laravel API Tutorial: How to Build and Test a RESTful API
• Kion PHP 基本配置與 RESTful API 入門

Python

• Kion Anaconda 環境與建立 jupyter note

拍個手讓我知道，這個文章對你們有幫助 ♥(´∀` )人