---
# System prepended metadata

title: 六角學院網頁切版直播班-2020秋季班/心得篇

---

# 六角學院網頁切版直播班-2020秋季班/心得篇
![](https://process.fs.teachablecdn.com/ADNupMnWyR7kCWRvm76Laz/resize=width:705/https://www.filepicker.io/api/file/foM6it6xSGOuzZNO5KHW)

[Toc]

---

## 自我介紹
我原本是在金融業工作，利用下班時間學習，會選擇轉職主要是因為對金融業的工作感覺枯燥無味，加上想要學習一個領域較廣的行業，剛好透過機緣關係從朋友那得知有前端工程師這份工作

## 為什麼會報名這個課程?
其實學習製作網頁有兩年左右的時間，但是實作專案上，往往無法達到95%相似，所以感覺自己並不是很熟悉，所以來報名直播課程，希望能增進自己的專業知識
## 第一週~第八週的學習過程
### 第一週 - 1px也不差的版型控制術
第一週課程老師主要講解容器的觀念，雖然這些基礎知識之前就已經學習過了，但再聽一次時發現，老師上課會點出新手常犯的錯誤，且配合畫圖來加深印象，以淺顯易懂的方式教學

### 第二週 - Flex網頁排版術
之前都是float排版後來才知道有Flex這個語法。
Flex是我自知觀念比較不熟的部分，常常在排版上出現許多問題，導致畫面整個大破版，老師講解後再加上分組的小組討論，真是響應式網頁的救星而且老師們還特別寫了[Flex Pirate - 擊倒海盜](https://hexschool.github.io/flexbox-pirate/index.html#/)來加深觀念

### 第三週 - RWD 手機版網頁
這週對我來說是蠻困難的部分!光作業就花了17天才完成，雖然老師上課的內容我都聽得懂，但是在實作上的也常常跑出X軸，經助教點出的問題後修改才完成

### 第四週 - 多頁式網頁設計
這週開始接觸Gulp跟SCSS，雖然我本來就有買六角學院的SCSS課程，但也荒廢一陣子，藉著這次直播班再重新學習並且才知道SCSS的分類管理，Gulp目前只有安裝成功，還沒有嘗試使用，還要再從新看第四周的影片。
![](https://img.onl/TvCKJa)

### 第五週 - 後台表單設計
這週老是介紹了六角學院的後台系統，也知道老師是如何分配作業給助教、以及回覆學生們的問題，表單也都是直接套用Bootstrap，這週嘗試了Bootstrap還是有遇到許多問題，助教也給了很多建議，也是努力完成了這個作業。
![](https://img.onl/1LkqYU)


### 第六週 - 格線系統
這週是介紹Bootstrap、修改Bootstrap裡面的變數，並試著做到容器與內容分離、元件化，光思考要怎麼修改變數，就花了20分鐘只好先硬著頭皮先做再說，過程中發現格線系統相當好用且連最不熟悉的響應式都直接完成，真的是太方便了

### 第七週 - 滾動視差
歡樂愉快的一週，老師講解了aos動畫效果的套件，以及如何單獨抓取自己要的部分出來做設定，透過增加動畫，讓不會javascript也能讓網頁瞬間變得很有質感。

### 第八週 - CSS模組化管理

老師介紹大家看一些獲得一顆星的同學寫的code，瞬間突然覺得，原來真的很多高手只用少少的程式碼就可以完成了整個網站，對於老師的這個課程安排我覺得很好，
能讓自已在製作時能思考是否有些程式碼是不必要特別在另外寫的

## 最大的收穫是?
上完整個課程的心得我只能說，真的很超值並且有加碼很多福利，直播上完，真的多花時間在練習上，否則下周課程會跟得很辛苦。由其看到其他同學交作業的時間，真的是比速度的快呀!!!!還可以檢視其他同學的程式碼，當卡關時不用自己想破頭

![](https://i.imgur.com/lsXrBlZ.png)

## 如果時光能倒流，會希望自己再次注意哪些細節？
不要浪費每分每秒，要瘋狂的提交作業，老師、助教們，對於我沒讓助教改到修正作業感到懊悔。

## 身為學長姐，分享些想入坑的新同學一些勉勵的話
我還在學習還沒轉職成功，推薦給想學好切版的人，如果你是新手這個課程真的很適合，畫圖理解觀念這個我覺得很實用，我也有上過實體補習班，但補習班的老師節奏就更快，也不會有助教及校長們幫你檢視程式碼並且給你一切建議並且出比較實務上的作業來練習。