---
# System prepended metadata

title: 開學典禮 - 網頁切版直播班
tags: [網頁切版直播班 - 2023 夏季班]

---

---
tags: TypeScript 培訓營開學典禮
---

# 開學典禮 - 網頁切版直播班
1. 錄影
2. 點名
3. 將[書籤](https://rpg.hexschool.com/training/36/show)加入到最愛
4. 覆述本課宗旨
6. **學習進度安排**、[第三屆學長姐心得](https://rpg.hexschool.com/task/211/show)
8. 主線、小組任務獎品(達四關)，[每日任務範例](https://hackmd.io/c3Te974CRoC33ZxMGPoy3g)安排
9. [洧杰老師訓練菜單](https://hackmd.io/iE6mxohOS-ujKU398Ewk1w?view)
10. 加碼服務介紹，[申請小組分組](https://docs.google.com/forms/d/e/1FAIpQLSc0ErY4O1CUO3393xsegqImK0nSHOSPhciMhOYLbfjVy5ubJQ/viewform)，7/5(三) 分組完畢！


## 宗旨
秉持六角學院熱於分享的精神，秉持熱心、耐心、同理心為根基，不僅帶領學員掌握前端技術，並提供以學員職涯發展為中心的教學環境。

## 願景
**成為全世界最優質的切版直播班教育單位**

## 義務與責任

1. 六角團隊有責任帶領每位學員，體驗 CSS、JS 技能
2. 六角團隊有義務帶領整體班級，凝聚班級向心力，藉由同濟效應提升學習意願
3. 六角團隊必須考量每位學員的背景，由淺入深地規劃課程內容
4. 六角團隊需為學員設計階段性目標，讓學員能一步步完成任務，進以掌握本門課程技能

## 六角社群特質
* 分享
* 溝通
* 好奇

## 平台介紹
1. **程式勇者村**
    * 提交任務
    * 上課講義
2. **Teachable**
    * 影音課程
    * 直播錄影
    * 小節作業
3. **Discord**
    * 即時提問
    * 程式交流

## 該如何開始準備？([學習地圖](https://whimsical.com/9JPKdomJJaoPYF7281wduv))
1. **提升熟練度**：課前最終任務一、二練習
2. **各週難度介紹**：每日與主線任務設計，四、六、八週作業皆為一個檻
3. **技能樹設計**：新手與老手的技能樹





## 各週需要的知識點

* 第一週 7/7 前：[連結](https://courses.hexschool.com/courses/202011221/lectures/47249890)
* 第二週 7/14 前：[連結](https://courses.hexschool.com/courses/202011221/lectures/47249790)
* 開始學 Git，學到 [Git 分支](https://w3c.hexschool.com/git/3ff77cba)
* 第三週 7/21 前： [上半部、與下半部連結](https://courses.hexschool.com/courses/202011221/lectures/47249846)，
* 第四週[GGV 任務回報區](https://courses.hexschool.com/courses/202011221/lectures/47249925)，透過 discord 完成回報區來回報有部署到 GitHub Pages 上~
* 第五週[Bootstrap 環境](https://courses.hexschool.com/courses/202011221/lectures/47384033)
* 第六週[Bootstrap 5 - Flex 與網格系統介紹](https://courses.hexschool.com/courses/202011221/lectures/47384033)


# 8 份版型贈送
大型寵物服務網 - 29 頁
https://xd.adobe.com/view/2c355bc0-1368-4995-b20d-9882992c75b0-7966/screen/69b72d39-0e8e-4849-96a2-617108c70de1/

大型訂房網 - 26 頁
https://xd.adobe.com/view/0cf6ec93-07a3-492f-58f2-9767ba1cfdfb-7ac7/

瑜珈課程服務 - 31 頁
https://xd.adobe.com/view/ddcefee3-3028-48a2-8840-4d3ba00e8807-889d/screen/c0ededf0-68d6-462d-ba14-acf05aaff801/

NFT 藝術家交易平台 - 20 頁
https://xd.adobe.com/view/bcf8f7eb-689c-4850-b531-a78259c0cdd8-e9ab/grid/

藝術展覽 -  17 頁
https://xd.adobe.com/view/057f9d4e-6781-43fe-9aea-9f73f67dd2fd-502c/

香水電商 - 17 頁
https://xd.adobe.com/view/dc5ebe5c-3e56-4981-a010-158b5ded0e72-890d/

陶瓷展品 - 18 頁
https://xd.adobe.com/view/b251d34b-5ec0-4978-7793-0fd19c2eaad1-c460/

程式家教 - 17 頁面
https://xd.adobe.com/view/ec5c5da0-6d93-4e78-bd3b-c8e9584fde44-b90f/screen/8abe4f5e-6bcf-4391-b323-d4fb37b1509a/

各版型圖片連結：
- 大型寵物服務網 → [week8-petpet](https://github.com/hexschool/2022-web-layout-training/tree/main/week8-petpet)
- 大型訂房網 → [week8-booking](https://github.com/hexschool/2022-web-layout-training/tree/main/week8-booking)
- 瑜珈課程服務 → [week8-yoga](https://github.com/hexschool/2022-web-layout-training/tree/main/week8-yoga)
- NFT 藝術家交易平台 → [week8-202207](https://github.com/hexschool/2022-web-layout-training/tree/main/week8-202207)
- 藝術展覽 → [exhibition-week6](https://github.com/hexschool/webLayoutTraining1st/tree/master/exhibition-week6)
- 香水電商 → [perfume-week6](https://github.com/hexschool/webLayoutTraining1st/tree/master/perfume-week6)
- 陶瓷展品 → [week6](https://github.com/hexschool/webLayoutTraining1st/tree/master/week6)
- 程式家教 → [week6-202207](https://github.com/hexschool/2022-web-layout-training/tree/main/week6-202207)