前端新米

• Command line 的使用
• Git 的基本操作
• JavaScript 基本語法及程式思維
• 網路基本概念
• 解題心得 - Lidemy HTTP Challenge

本篇為 [NET101] 網路基礎概論（搭配 JS 實作練習） 這門課程的學習筆記。如有錯誤歡迎指正。

學習目標：

 知道網路背後大概的運作模式
 知道什麼是 Request 跟 Response
 知道什麼是 DNS 以及運作原理
 知道 HTTP 與 HTTPS 的差異
 知道 localhost 跟 127.0.0.1 是什麼
 知道 GET 與 POST 的差別
 知道常用的 HTTP Header
 知道什麼是 API
 會使用 node.js 寫出串接 API 的程式
 知道 HTTP method 有哪些
 知道基本的 HTTP statud code，像是 200、301、400、404、500

什麼是 ESLint？

ESLint（ECMAScript + lint）是用來檢查 JavaScript 程式碼的工具。可在 commit 前檢查語法錯誤、提示潛在的 bug，藉此有效提高程式碼質量，和統一基本的 coding style。

參考資料：

1. [JS] 使用 ESLint 提高程式碼品質
2. 深入淺出eslint——關於我學習eslint的心得

• 本篇為 [ALG101] 先別急著寫 leetcode 這門課程的學習筆記。如有錯誤歡迎指正。
• 參考文章：程式解題新手入門注意事項 - Huli

閱讀全文 »

本篇為 [JS101] 用 JavaScript 一步步打造程式基礎 這門課程的學習筆記。如有錯誤歡迎指正！

學習目標：

 P1 你能靈活運用變數、迴圈、判斷式等等基本概念來解題
 P1 你能一行行的說出現在程式在做什麼
 P1 你知道「回傳」跟「輸出」的差異
 P1 你可以把用文字寫好的演算法轉成程式碼

本篇為 [CMD101] Command Line 超新手入門和 [CS101] 初心者的計概與 coding 火球術 這兩門課程的學習筆記。

學習目標：

 說得出程式如何執行
 理解寫程式的本質只是一行行的指令
 了解前端與後端的區別
 能說出從發出一個 request 到接收 response 中間發生的事
 了解不同載具的差異在哪（Desktop、Mobile、Web）
 了瞭解基本的 command line 指令

閱讀全文 »

本篇為 [GIT101] Git 超新手入門 這門課程的學習筆記。

在上一節我們學到 Git 基本指令，接下來要學習什麼是 Branch（分支），以及如何送出的 Pull Request 進行共同開發，以及介紹提供視覺化介面操作 Git 的 GitHub。

學習目標：

 知道怎麼使用 branch 並送出 Pull Request
 熟悉 Git Workflow（也就是交作業的流程）

本篇為 [GIT101] Git 超新手入門 這門課程的學習筆記。

學習目標：

 了解 Git 在做什麼，以及為何我們需要 Git
 知道 add、commit、push、pull 等基本 Git 指令