# 前端學習筆記目錄（ 20221108- ）

###### tags: `前端筆記`

- 最後修改： 2023-02-04
- 筆記摘要：網頁前端相關的筆記連結

## 目錄

1. 開發環境
- [Mac 前端開發環境安裝](https://hackmd.io/@-pIJWZzVRmCcCjznqBGBKg/ryeconMSs)
- [Ubuntu 前端開發環境](https://hackmd.io/bRv3rHizR8KHBEU348lEnw)
- [Windows/WSL 前端開發環境](https://hackmd.io/UZbOWUtVTPedShFasTh-sw)
- [bash / zsh 指令入門（超級入門）](https://hackmd.io/1MboIAB4SmGBw1mOZdHd7Q)
- [申請 Github 帳號，設定本地端 Git](https://hackmd.io/@-pIJWZzVRmCcCjznqBGBKg/B1Qw-E1Ij)
2. HTML 與 CSS 筆記
3. [JavaScript 筆記](https://hackmd.io/-FSLdYOoS4iI2Tt29l7z9g)
4. [前端框架： React](https://hackmd.io/VDKVkiMQRL2mX8Qc9zzERQ?both)
5. 後端或 API 串接
6. 專案

## 心智圖

# 前端工程師入門

## 基本電腦使用(Mac)
- zsh / oh-my-zsh / iterm2 調整
- terminal (zsh 或 bash) 基本指令
- brew 套件管理工具

## HTML

- [MDN | HTML: HyperText Markup Language](https://developer.mozilla.org/en-US/docs/Web/HTML)
- [W3Schools | HTML Tutorial](https://www.w3schools.com/html/default.asp)

## CSS

- [MDN | CSS: Cascading Style Sheets](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [W3Schools | CSS Tutorial](https://www.w3schools.com/css/default.asp)
- SCSS
- CSS 框架工具
    - Tailwind
    - chakara
- Bootstrap

## JavaScript

- Vanilla
- TypeScript
- 框架
    - React
        - Redux
        - 延伸
            - Next.js
            - Gatsby
    - Vue
- jQuery