---
# System prepended metadata

title: 進階網頁知識樹
tags: [網頁知識樹]

---

---
title: 進階網頁知識樹
tags: 網頁知識樹
---

進階網頁知識樹
===

<!-- :::warning
舊生們在依序照表格放入各自的筆記(目前先屬名你的筆記)(分類時容易核對筆記內容)
下次組聚可以再針對前端、後端做細項分類
::: -->

:::warning
進來進階網頁知識樹前，要先熟悉、了解實作入門的知識，才不會閱讀起來有困難
:::

:::spoiler 文章目錄
[toc]
:::

## 🌳進階區

Software Framework、Framework(框架)
- [何謂框架?](https://ithelp.ithome.com.tw/articles/10248882)

### 📕進階前端

#### 前端框架(官網)
- [Vue](https://vuejs.org/)
- [Angular](https://angularjs.org/)
- [React](https://react.dev/)
- [Next](https://nextjs.org/)

#### UI 函式庫(官網)
- [Tailwind CSS](https://tailwindcss.com/)
- [Material UI](https://mui.com/material-ui/)

#### JS 函式庫(官網)
- [D3.js](https://d3js.org/)

| Name | Tags  | ✍️Notes     |
| ---- | ----- | --------- |
| 01 |`Next`| [CRUD留言板_State Hook練習](https://hackmd.io/xxqwBqmgTOW-59vZSaGLaA) |
| 02 |`React` | [React 底層、Hook 們](https://hackmd.io/hIOMEjbXSvC9L2YHn5RChA) |
| 03 |`Next`  | [Next_基礎練習實作](https://hackmd.io/lxYa7D3oQ9e5T_-JA-ZsGQ)  |
| 04 |`API` | [swagger API 文件_基礎操作、提供現成 API 練習嫁接](https://hackmd.io/L_uwtZGPQBatm6tOb58QAg) |
| 05 |`Vue` | [Vue 蔡侄宇統整學習文件](https://hackmd.io/@jone20688392/SJMZfWF2q/https%3A%2F%2Fhackmd.io%2FGJTH1HMURyufdZKo5gLzIw%3Fview) |
| 06 |  |   |
| 07 |  |   |

### 📕進階後端

#### 後端框架(官網)
- [CodeIgniter](https://codeigniter.com/)
- [Laravel](https://laravel.com/)
- [Nest.js](https://nestjs.com/)

| Name | Tags  | ✍️Notes     |
| ---- | ----- | --------- |
| 01 |`PHP` `Coding Style`| [PHP Coding Style - 網頁組](https://hackmd.io/uVUSXmDFTRqpnHxbHwyBdA)  |
| 02 | `PHP` `Codeigniter` | [Codeigniter 介紹](https://hackmd.io/m4w1eTr7QfS--I5VOOxHCg)|
| 03 | `PHP` `Laravel` | [Laravel 介紹](https://hackmd.io/MKC28EJnTHKrS0uJwve4Nw)  |
| 04 |`API`|[Swagger/OpenAPI 介紹](https://hackmd.io/@cmrdb/B1pC9b_P2)|
| 05 |  |   |
| 06 |  |   |

### ✅額外參考網頁、筆記連結

<!-- | Name | Tags      | Why                                                      |                                                          |
| ---- | --------- | -------------------------------------------------------- | -------------------------------------------------------- |
| 01   | `Laravel` | (第一天是從 php、MySQL帶起，最後近十日帶入Laravel的實作) |                                                          |
| 02   | `Laravel` | (全英文,但好棒棒,影片很明暸)                             |                                                          |
| 03   | `Vue3`    | [Vue3](https://hackmd.io/IxQ_TI09RhG1pBFEI5b_tQ)         | Vue 我在學習的時候，所參考的所有連結跟覺得重要的重點紀錄 |
| 04     |  `React`  |   []()                                                       |                                                          | -->


<!-- ### 🗣️進階區留言版(每個星期一1:00pm更新)

:::warning
如有想放上自己的實作筆記、或是那篇文章心得都可以填表單留言
:::

#### 👉👉[表單連結](https://forms.gle/RWPNhfZjR36CwE9GA)👈👈

| 匿名、昵稱 | 標籤 | 對應筆記 |心得、實作筆記、建議 |
| -------- | ---- |------- | --------------- |
| 我是範例1 | html、css、js | [html、css、js做出一個網頁]()　| [html+css+js實作筆記]()|
| 我是範例2 |  Vue、React.. | [2022學習前端框架新趨勢等等]()  |我覺得看完這篇後我可以更認識到現在的趨勢可以去學習 | -->


<!-- ## 前端知識樹

{%hackmd mdcxCeHYSbSFAm0IXQXRvw %}

## 後端知識樹

{%hackmd RgvH4_N9TWWeVXWY86emLg %}

## 專案管理知識樹

{%hackmd pWkuQeVtSaK0sqekG-V4AQ %}
 -->

## 整體走向

:::success
概述：
進階部分，就會是你已經會基礎的想要學習更多，這邊就會相較來說是"防雷以及提供學習方向"。
:::

:::success
只要有一顆願意學習且熱情的心，都歡迎你加入，與大家一同研究、學習探討相關技術。
:::