---
# System prepended metadata

title: 學習規劃總整理

---

# 學習規劃總整理

- [BLOG](#BLOG)
- [HTML/CSS](#HTML/CSS)
- [JS](#JS)
- [Ruby on Rails](#ROR)
- [Reading](#Reading)

> 以下不管是看不懂我在寫什麼，或者是學習看不懂，通通都可以問。

:::warning
記住：都還沒成為大師、偶像，哪來的偶像包袱不敢問？
:::

---

## **BLOG**

1. [Gandi 買自己的網域](https://shop.gandi.net/zh-hant/domain/suggest?search=fatguy)
    
    > 找第一年 $37 塊錢的那種就好... (xxx.site / xxx.website / xxx.space)
    
2. 使用 [GitHub Pages](https://hackmd.io/@YmcMgo-NSKOqgTGAjl_5tg/HJpJk8ABU/%2F%40Albertnotes%2FB1_iKcAwI) + Hexo 來架設個人部落格

    - 學習到什麼是 GitHub Pages 
    - 如何將 code 推到 GitHub Pages
    - 部落格套用 Hexo Theme / 學習 Hexo 架構及指令
    - 將 Github Pages 轉址到自己購買的網域
    - 透過 Github / cloudflare 將購買的網址加上 HTTPS
 
:::info
關鍵字：
::: 
 
> 1. Github Pages + Hexo 就能找到很多的教學文章）
> 2. Github Pages 自訂網址並加上 SSL 保護 / CloudFare HTTPS）

:::success
(2) 範例圖：
::: 
> 1. [Github Pages HTTPS 範例](https://i.imgur.com/D9bQipw.png)
> 2. [CloudFare HTTPS 範例](https://i.imgur.com/5yGvR8c.png)

3. **！！務必要做這件！！發文章到 Blog**
    
>（下面每次的學習內容都可以整理成文章幫助自己釐清觀念）

---

:::danger
底下的 HTML / CSS / JS / ROR 可以開一個 REPO，試著把每一個單元的學習跟著做，然後用 Git 把 code 推上去，每天最基本一個 commit，然後學習的筆記也可以整理到上面的 blog 去發筆記文章

（舉例）：https://chestertang.site/categories/11th%E9%90%B5%E4%BA%BA%E8%B3%BD/
:::

## **HTML/CSS**

1. 2018 鐵人賽

    - [網頁入門第一步 - 鐵人賽第二天](https://www.youtube.com/watch?v=h7wJ2YZarFc&list=PLqivELodHt3iL9PgGHg0_EF86FwdiqCre&index=1)
    > 看到哪邊可以這樣打：看到這了...[name=Chester Tang]
    - [用甚麼工具寫網頁? 鐵人賽第三天](https://www.youtube.com/watch?v=h7wJ2YZarFc&list=PLqivELodHt3iL9PgGHg0_EF86FwdiqCre&index=2)
    - [再談HTML - 鐵人賽第四天](https://www.youtube.com/watch?v=h7wJ2YZarFc&list=PLqivELodHt3iL9PgGHg0_EF86FwdiqCre&index=3)
    - [網頁裝潢師CSS - 鐵人賽第五天](https://www.youtube.com/watch?v=PN6pV_ZLHqc&list=PLqivELodHt3iL9PgGHg0_EF86FwdiqCre&index=4)
    - [CSS撰寫位置 - 鐵人賽第六天](https://www.youtube.com/watch?v=z3A_3LmgC6Q&list=PLqivELodHt3iL9PgGHg0_EF86FwdiqCre&index=5)
    - [怎麼學CSS - 鐵人賽第七天](https://www.youtube.com/watch?v=h7wJ2YZarFc&list=PLqivELodHt3iL9PgGHg0_EF86FwdiqCre&index=6)

> 整理到 30 天...[name=Chester Tang]

2. 2019 鐵人賽

>  同上 [name=Chester Tang]

3. [FLEX FROGGY](https://flexboxfroggy.com/)
4. [Sass/SCSS 簡明入門教學](https://blog.techbridge.cc/2017/06/30/sass-scss-tutorial-introduction/)（可先略）
5. [切六角 FLEX 課程](https://hackmd.io/@YmcMgo-NSKOqgTGAjl_5tg/HJpJk8ABU/%2F91FvxC-qToC_mdk2jhldAg)（可略）
---
 
## JS

1. [0 陷阱！0 誤解！8 天重新認識 JavaScript！](https://ithelp.ithome.com.tw/users/20065504/ironman/1259)

    - [重新認識 JavaScript: Day 01 前言](https://ithelp.ithome.com.tw/articles/10190633)

> 整理到 20 天就可以，先看到這邊就夠了！！...[name=Chester Tang]
> 看到哪邊可以這樣打：看到這了...[name=Chester Tang]

2. [JavaScript 30 Challenge](https://javascript30.com/)（可先略）

    - [01 - JavaScript Drum Kit](https://courses.wesbos.com/account/access/5d7bd35f85f96c03c1e57f91/view/194130650)
    - [02 - CSS + JS Clock](https://courses.wesbos.com/account/access/5d7bd35f85f96c03c1e57f91/view/194130581)
    
> 登入帳號後 收信會看到教學影片...[name=Chester Tang] 同上 整理到 30 天

---

## ROR

- [為你自己學 Ruby on Rails](https://railsbook.tw/) 看到 18 章節

---

:::danger
建議你買原子習慣這本書！
:::

## Reading

- [原子習慣](https://www.books.com.tw/products/0010822522)
- [刻意練習](https://www.books.com.tw/products/0010752714)（可略）

> 如果還有空，可以看看這本刻意練習[name=Chester Tang]