---
# System prepended metadata

title: 影片、教材
tags: [5xruby, resource, ruby, html/css, javascript]

---

# 影片、教材
> 這裡會放各種連結、影片、線上教材等

###### tags: `5xruby`
###### tags: `ruby`
###### tags: `html/css`
###### tags: `javascript`
###### tags: `resource`

---

# 1. 共同
- [課程影片(5xruby)](https://campus.5xruby.tw/courses/1136422/lectures/25361517)

# 2. Git
 - [1026 git範例檔](https://drive.google.com/file/d/11ye5C_wpMwsfwz-myFSMZasnVOH52nCh/view)：https://ubin.io/git-files
- [1027 練習用專案](https://github.com/kaochenlong/git-demo-123)
- [1027 回家作業下載連結](https://ubin.io/git-q-example)
- [1104 直播測試 互動式 Rebase](https://www.youtube.com/watch?v=4iyWWyg1dFE)
--
- [GIT 小教室](https://www.youtube.com/playlist?list=PLBd8JGCAcUAF2_im__kqZTfEAKnlmfPJy)
- [Learn Git Branching 攻略](https://youtu.be/IyStwRt2fiA)
- [Git 連續劇](https://www.youtube.com/playlist?list=PLBd8JGCAcUAFe5uy3UzokJ-oIVQr1obl4)
- []()
- []()
- []()

# 3. html/css
- [23種CSS垂直置中技巧| CSS可樂](http://csscoke.com/2018/08/21/css-vertical-align/)
- [1110上課範例檔案](https://discord.com/channels/748042598983401482/748046752870826045/775641473781596180)
--
- [金魚都能懂網頁設計入門 : 怎麼學CSS(youtube)](https://www.youtube.com/playlist?list=PLqivELodHt3iL9PgGHg0_EF86FwdiqCre)
- [金魚都能懂的CSS必學屬性(iT邦幫忙)](https://ithelp.ithome.com.tw/users/20112550/ironman/3803?sc=iThelpR)
- [金魚都能懂的網頁切版(youtube)](https://www.youtube.com/playlist?list=PLqivELodHt3hxeuLX8PYaI8u1GcDaBoJo)
- [金魚都能懂的Bootstrap5網頁框架開發(youtube)](https://www.youtube.com/playlist?list=PLqivELodHt3jq3oWBZfdhMu0GE7774HBW)


---
# 4. ruby

- [Learn Ruby on Rails - Full Course(youtube)](https://www.youtube.com/watch?v=fmyvWz5TUWg)
--
- [Ruby的Gem套件管理服務](https://rubygems.org/) 

---

# 5. javascript



---

# 6. 其他
- [HTML5 Outliner(chrome擴充功能)](https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo/related?hl=zh-tw)：查看網頁的結構
- [buildwith](https://builtwith.com/)：查詢網站使用哪些技術
- [hash裡包hash的寫法與詳解](https://apidock.com/rails/ActionController/Parameters/permit)
- [HTTP 狀態碼](https://developer.mozilla.org/zh-TW/docs/Web/HTTP/Status)
- [HTML` <input> `type Attribute (W3SCHOOL參考整理)](https://www.w3schools.com/tags/att_input_type.asp)
- [tag支援度查詢-can i use](https://caniuse.com/)
- [什麼是16進位色彩?](http://csscoke.com/2015/01/01/rgb-hsl-hex/)
- [Chrome內建QRCode產生器，免外掛將網址直接轉為QR碼](https://www.techbang.com/posts/80849-chrome-built-in-qr-code-generator) 
- [網頁色彩碼](http://csscoke.com/2015/01/01/rgb-hsl-hex/) ：RGB、HSL、Hex
- [心智圖法：xmind](https://www.xmind.net/xmind8-pro/)
