:::warning
遇到什麼問題都能夠直接詢問學長姊，千萬不要害羞❕❕❕
:::

[TOC]

## 前端入門

| Number | About | Subject |
| ------ | ----- | ------- |
| 01 | Editor | *[安裝 VS Code 以及實用插件](/-jez-zG5QE-5B577WxVm6Q) |
| 02 | Editor | [美化 VS Code](/ThQtamGKSGGKRG41-gjF9w) |
| 03 | Editor | [（番外）進一步認識 VS Code 篇](/JU2CkcGNQOmC8szEVH4s9Q) |
| 04 | Command Line | [Command Line (命令行)簡介](/sG10aQEyRYqnZTZ3imH1Yg) |
| 05 | Command-Line 工具篇 | [Windows - Windows Terminal](/03ZmBNbNQPanemrMnqqlnA) ／ [Mac OS - iTerm2](/zy9q2ag5QteqjrEk9m51Vg) |
| 06 | Git | *[Git 基礎介紹 + 安裝](/h66i_zldRg-Jd3lin5mIUA) |
| 07 | Git | *[Git 實際演練](/1cAZJzaOTCuoB2dRBxpASw) |
| 08 | | [網路基礎概念](/c5oMTkJbRjSA71oMO2Jhnw) |
| 09 | HTML + CSS | [什麼是 HTML、CSS ❔](/wPnkj7rFTVK5DsfaD62Gnw) |
| 10 | | [F12 開發者工具](/Y9eAbZ0XSHu61svN0H9eIw) |
| 11 | HTML | [HTML 基本語法](/1WdRhi1NQ4WD9rT8ZkmOgw) |
| 12 | CSS | [CSS 入門](/ryM13dDtQ16GfxYfVzhUMg) |
| 13 | HTML + CSS | [練習題目 - 自我介紹](/cDgMHVdGSlaoWugGckxqlw) |
| 14 | JavaScript | [JavaScript 與 DOM 以及事件機制](/W5voVPizSUa9_VVTDfijqg)
| 15 | JavaScript | [jQuery](/A80uSAxqSHK692ee1Lokiw) |
| 16 | Bootstrap | [Bootstrap 介紹](/6_Czy0wtSaql4K641ChWWA) |
| 17 | JavaScript | [練習題目 - 留言板](/xHdrYfybR6e3llJnCW5i3w) |

[Session & Cookie](https://hackmd.io/TcfRYeV0QLi84cP53uokbg)

[SQL Injection](/n9HGAFlFRP-SooI_Lj-wDA)

[什麼是 Coding style? ](https://hackmd.io/nlmGGR2qThC3YBjCVKtzUQ)

[XSS 攻擊](https://medium.com/hannah-lin/%E5%BE%9E%E6%94%BB%E6%93%8A%E8%87%AA%E5%B7%B1%E7%B6%B2%E7%AB%99%E5%AD%B8-xss-cross-site-scripting-%E5%8E%9F%E7%90%86%E7%AF%87-fec3d1864e42)

API [Slide](https://docs.google.com/presentation/d/1AezvyV9YCgi2JsHiMUp0MHkl3Gd0VVDtcqEus5JqrvI/edit?usp=sharing) / [Docs](/EyzoXD8uSuCJfUVCQaAxrA)
[從拉麵店的販賣機理解什麼是 API](https://hulitw.medium.com/ramen-and-api-6238437dc544)
[CORS 完全手冊](https://blog.huli.tw/2021/02/19/cors-guide-1/)

## 後端入門
| Number | About | Subject |
| ------ | ----- | --------- |
| 01 | PHP | [XAMPP 安裝及介紹](/woxM9xy0S6eXy6gWJ-dR3w)　|
| 02 | PHP | [基礎 PHP](/dYn27JpvQPqqPYVGlYT52w) |
| 03 | PHP |[PHP_CodeSniffer ](/2C4YNmMcThejlgYSN8GDiQ)|
| 04 | PHP | [基礎 MySQL](/XcWXG-jlRVWF4CNo4pMdpA) |
| 05 | PHP | [練習題目 - PHP 留言板](/_fofujJPRguiYCAGaMFERA) |
| 06 | PHP | [Codeigniter 介紹](https://hackmd.io/m4w1eTr7QfS--I5VOOxHCg)|
| 07 | PHP | [Laravel 介紹](https://hackmd.io/MKC28EJnTHKrS0uJwve4Nw) |

## 前端知識樹

{%hackmd mdcxCeHYSbSFAm0IXQXRvw %}

## 後端知識樹

{%hackmd RgvH4_N9TWWeVXWY86emLg %}

## 專案管理知識樹

{%hackmd pWkuQeVtSaK0sqekG-V4AQ %}

## 其他參考

## 參考資料

:::info
**[紮實的網頁前端學習路線與資源推薦](https://blog.huli.tw/2019/08/21/real-front-end-learning-path/)**

[留言板大綱](https://hackmd.io/0oX-tzM2RlaVkywPpZtnMA)
:::

---

## 整體走向
:::success
大要：
學習後端基礎，結合網頁工作坊，並且帶入 Coding style， 讓新生們學習工作小組的一些能力，且銜接到 Laravel，為未來的專案能力做好準備。

概述：
我認為程式碼相關的，網路上有相當多的資源，遇到不懂的可以先上網查詢，一方面可以訓練他們相關的自學能力，另一方面我們將重要但可能較少機會去接觸到的能力分享給學員們
:::