---
tags: 家教
---

# Day 1 教材

架站軟體
[xampp](https://www.apachefriends.org/zh_tw/download.html)

內容管理系統 CSM (Content Management System)
[wordpress](https://tw.wordpress.org/download/)

網頁設計
[figma](https://www.figma.com/files/recent?fuid=1018920664939902029)

w3schools 教學
[w3schools](https://www.w3schools.com/)

Web Development Roadmaps
https://www.w3schools.com/whatis/default.asp

RWD
https://www.w3schools.com/css/css_rwd_intro.asp

PHP
https://www.w3schools.com/php/default.asp

| HTML | CSS | JavaScript |
| -------- | ---- | -------- |
| HTML | CSS | JavaScript |
| HTTP/XAR | CSS Responsive | ECMAScript 5 |

## 前端和後端的差異

前端一般是指給使用者接觸的部分，而後端則是提供服務方的部分。
如果你下載了一個線上遊戲，
那麼下載的遊戲軟體，它顯示的模型、特效可以視為前端，
後端則是處理玩家註冊、查找玩家資料、儲存對戰資料之類。

前端語言
* JavaScript
* HTML
* CSS

後端語言
* PHP
* Python
* Java
* C++
* ...

### 包含後端的虛擬主機 mysql php
https://wordpress.com/
https://www.000webhost.com/

### 只有前端的虛擬主機 (純網頁 js)
https://github.com/
https://www.w3schools.com/

### 只能用他給的
https://www.wix.com

### 幾乎所有程式語言
https://dashboard.heroku.com/