---
title: 網頁後端知識樹
tags: 書本, 共筆, 研究, 網頁組
GA: UA-54884750-6
---
<!-- Tag 規範：https://hackmd.io/@cmrdb/tags -->

# 網頁後端知識樹

[TOC]

## Roadmap （學習路線）
網址：[kamranahmedse/developer-roadmap](https://github.com/kamranahmedse/developer-roadmap)

<!-- ## 建議課程

- -->

## 練習題目參考

- [app-ideas](https://github.com/florinpop17/app-ideas)
- [100-days-100-projects](https://www.florin-pop.com/blog/2019/09/100-days-100-projects/)

# 入門

## 本節目標

- 了解如何使用 VSCode 做為開發工具
- 入門後端語言 PHP

## 環境建置

### 手牽手一起來實作

- [網頁組環境架設簡報](https://docs.google.com/presentation/d/1JoskT1_aVeRPvqDu6wkw7JpOOzkd1XMF7Fb6CwRFjWw/edit?usp=sharing)
- 包含各種編輯器
- 建置 VSCode 的編輯環境

### 延伸閱讀

#### PHPStorm
- [Free Educational Licenses](https://www.jetbrains.com/community/education/#students)

##### PHPStorm 插件與設定
- [PHP_CodeSniffer](https://www.jetbrains.com/help/phpstorm/using-php-code-sniffer.html#excluding-files-from-inspection)

## PHP

### 手牽手一起來實作
- [教學簡報](https://docs.google.com/presentation/d/1Mf3lur-8NikMqZ0VJpsUFjRoYIvfhDukULaD4fmag3E/edit?usp=sharing)

### 延伸閱讀
- [寫給朋友的 PHP 從 0 到 100 實戰教程](https://ithelp.ithome.com.tw/articles/10191950) （有30day可以看）
- [PHP 教程](https://www.runoob.com/php/php-tutorial.html)(除了教程也有安裝介紹)

# 基礎

## 本節目標

- 學會開 API 與前端進行串接
- 學會操作資料庫

## API

### 手牽手一起來實作
- [教學簡報](https://docs.google.com/presentation/d/1AezvyV9YCgi2JsHiMUp0MHkl3Gd0VVDtcqEus5JqrvI/edit?usp=sharing)

### 參考資料
- [Web APIs](https://developer.mozilla.org/zh-TW/docs/Web/API)
- [Discord Developer](https://discord.com/developers/docs/intro)
- [Twiiter Developer](https://developer.twitter.com/en/docs)

## 資料庫

### 手牽手一起來實作
- [教學簡報](https://docs.google.com/presentation/d/14gHPI8w3G2O7pcM3Jbil8a-jtOyFd3jg68XhR2N7ADE/edit?usp=sharing)

### 參考資料
- [SQLBolt](https://sqlbolt.com/)
- [Fooish程式技術](https://www.fooish.com/sql/)(有實例 好理解)

# 進階

## 本節目標

- 學會使用後端框架
- 學會遵循 Coding Style 來撰寫程式碼

## 框架
- [**CodeIgniter**](https://codeigniter.com/)
- [**Laravel**](https://laravel.com/)

### 延伸閱讀
- Laravel
- [後端基礎PHP+Mysql & Laravel 30日養成計畫](https://ithelp.ithome.com.tw/users/20120024/ironman/2459?page=1) (第一天是從 php、MySQL帶起，最後近十日帶入Laravel的實作)
- [laracast](https://laracasts.com/series/laravel-8-from-scratch)(全英文,但好棒棒,影片很明暸)

## JavaScript 後端框架
- [**Nest.js**](https://nestjs.com/)
- 提供了各種開發後端所需的框架，如整合 TypeORM 可連接資料庫、

## PHP Coding Style
- [PHP Standards Recommendations](https://www.php-fig.org/psr/)
- [PHP Coding Style - 網頁組](https://hackmd.io/uVUSXmDFTRqpnHxbHwyBdA)