Hexschool-web-layout-training - 網頁切版直播班

簡介

這是一個為期八週的切版直播班，從 0 到 1 的教學，俗話說的好，養兵千日用在一時，平時打好基礎功不怕來日任何困難；每一週會有一個版型題目，也會有小組練習題目，這邊會放練習後的程式碼也許也會有小組的練習程式碼。

底下資料夾有一個 Assets 為專門放每週每個練習的圖片，需要練習的朋友可以抓取下來使用！

---

目錄

1. 第一週：1px 也不差的版型控制術

   Source Code

   Demo

   Blog

2. 第二週：Flexbox 網頁排版術

   Source Code

   Demo

   Blog

3. 第三週：伸縮自如的 RWD 手機網頁排版術

   Source Code

   Demo

   Blog

4. 第四週：多頁式網頁設計

   Source Code

   Demo

   Blog

   本週頁面較多，可至 Source Code 內參考目錄或點進 Demo 自由切換

5. 第五週：後台表單設計

   Source Code

   Demo

   Blog

   本週頁面可至 Source Code 內參考目錄或點進 Demo 自由切換

6. 第六週：導入網頁規範設計流程

   Source Code

   Demo

   Blog

   本週頁面可至 Source Code 內參考目錄或點進 Demo 自由切換

7. 第七週：視差滾動

   Source Code

   Demo

   Blog

8. 第八週：CSS 模組化管理

   Source Code

   Demo

   Blog

   本週頁面可至 Source Code 內參考目錄或點進 Demo 自由切換

---

運作環境

• Chrome v49+ or Firefox v45+ or Safari v9+
• 一台筆電 或 桌電 或 近代的手機(至少要能跑 Angry Birds )
• 一顆炙熱的寫 Code ❤️
• 至少有充足的睡眠(8/hr+)
• 至少保證自己吃過早點 或 晚餐(3餐+)
• 沒有喝酒的情況下

---

環境 domain 說明

$ git clone https://github.com/RexHung0302/Hexschool-web-layout-training.git Hexschool-web-layout-training

$ cd Hexschool-web-layout-training

挑選任何一週 Enjoy it

---

環境設定

充足的睡眠

1. 確保有睡滿8小時

2. 不要熬夜

保證有吃過早餐

1. 記得少吃油類早餐

2. 高蛋白質的早餐，可使人思考敏銳、反應靈活，並且提高學習和工作效率