---
# System prepended metadata

title: Learning/Reference Source
tags: [Source]

---

# Learning/Reference Source

## Git
:::spoiler
1. https://youtu.be/Zd5jSDRjWfA?si=ijWfxd1H6nX4Jsju
2. https://youtu.be/g9-X6fR2eYA?si=g2CkdlgBmQ3CFzwg
3. https://youtu.be/TjHslMeJ81k?si=WOw4MfGNgWL3DBaC
4. https://youtu.be/B-SZqdlU59g?si=Z59_KrTZHJe4lbUQ
5. https://youtu.be/P-nbNgIzlYE?si=zDqjOT6nxx9_CezB
:::

## HTML
:::spoiler
- Bro Code: https://youtu.be/HGTJBPNC-Gw?si=XESd4UiCjoae3X-I
- Grandma Can: https://youtu.be/CLUPkcLQm64?si=ZjY7Cc_buiP48IZ_
- SuperSimpleDev: https://www.youtube.com/watch?v=G3e-cpL7ofc
:::

## CSS
:::spoiler
- Grandma Can: https://youtu.be/Ml78vnNTBLw?si=xCwEqPYJoID8nyap
- CodeShiba: https://www.youtube.com/watch?v=S6os7SrnzCI
:::

## JavaScript
:::spoiler
- 走歪的工程師James: https://www.youtube.com/watch?v=vDNw0FWL8zw&t=102s
- Bro Code: https://youtu.be/lfmg-EJ8gm4?si=79LokxuMbKtl0E4R
- Grandma Can: https://youtu.be/z0FLlmz-0XA?si=6SyNADqsV_NTYBT2
- Bruce Frontend: https://youtu.be/1pYtVwIAvhY?si=uvGcGzUU6QetBXJX
- SuperSimpleDev: https://www.youtube.com/watch?v=EerdGm-ehJQ
:::

## TypeScript
:::spoiler
- https://www.typescriptlang.org/
- Bruce Frontend: https://youtu.be/GinkGJZBHIY?si=y4pigOw1rkaQ7rax
:::

## React
:::spoiler
- https://react.dev/
- Bro Code: https://youtube.com/watch?v=CgkZ7MvWUAA

### Deploy React of Vite to Github Pages
- https://medium.com/@jim6050482/%E5%B0%87vite%E7%9A%84react%E5%B0%88%E6%A1%88%E6%8E%A8%E4%B8%8Agithub-pages-92217ba3e333
:::

## Jest
:::spoiler
- https://jestjs.io/
- 走歪的工程師James: https://www.youtube.com/watch?v=wNed5Gy6UW0
- 六角學院: https://www.youtube.com/watch?v=t6gmcGENJTw
:::

## Deployment
### Zeabur
:::spoiler
- https://zeabur.com/zh-TW
- https://ithelp.ithome.com.tw/articles/10320563
- https://vocus.cc/article/64be2c84fd8978000182de71
- https://www.youtube.com/watch?v=OoLqwr7vYsk
:::

### Github Pages
:::spoiler
- https://pages.github.com/
- https://hackmd.io/@YmcMgo-NSKOqgTGAjl_5tg/HJpJk8ABU/%2F%40Albertnotes%2FB1_iKcAwI
- https://medium.com/%E9%80%B2%E6%93%8A%E7%9A%84-git-git-git/%E5%BE%9E%E9%9B%B6%E9%96%8B%E5%A7%8B-%E7%94%A8github-pages-%E4%B8%8A%E5%82%B3%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99-fa2ae83e6276
:::

## Tailwinds CSS
:::spoiler
- https://tailwindcss.com/
- https://medium.com/@Kelly_CHI/tailwind-css-introduction-and-tools-68e770b2bf7f
:::

## Gaming
:::spoiler
- flexbox 殭屍
- CSS 網格花園
- CSS 餐廳
- 編碼幻想
- 王者工程
- :::