---
# System prepended metadata

title: '【前端菜鳥之旅程紀錄】六角學院:2024軟體工程師體驗營｜W'

---

# 【前端菜鳥a旅程紀錄】六角學院:2024軟體工程師體驗營｜Week 1
*本文旨在記錄體驗營的學習心得，將按照以下清單進行說明*
* 個人背景
* 報名動機
* 正式開課前的準備
* **體驗營正式START！！**
* 結語

## :pushpin:個人背景
一年前才剛接觸前端的前端菜鳥，所有東西都是邊學邊做，不懂就去問ChatGPT和Google大神，在一知半解的情況下進了軟體公司維護過Vue3專案。

## :pushpin:報名動機
從2024年初開始求職卻頻頻碰壁，檢討自己後發現的缺點&以及需要再補強的地方
1. 熟練度(CSS)
某次面試接到要在網頁上畫出幾個正方形還有flex的排版，**腦袋一片空白**，「...怎麼寫？」這是我腦中僅有的想法，也是從這時開始意識到自己會BS5和tailwind卻連最基礎的CSS都寫不出來。    
2. JS的邏輯思考
一直都知道自己的JS不強，但勉強還能夠串接API，但是無法很快的思考出該如何抓取資料，藉由這次也想將JS基礎再打穩。
3. 切版速度緩慢
看著設計稿或網頁範本要思考將近1天才能將HTML先搞定一半，這邊錯馬上修、那邊錯馬上修，效率極慢。

由於以上的原因我暫停了目前的求職，陷入迷宮思考自己該不該繼續往前端工程師發展，「但不做前端工程師，我能幹嘛呢？」抱著這樣的疑問，我看到了六角學院的廣告，**軟體工程師體驗營**，我決定再給自己一個機會，於是投入了課程中。
## :pushpin:正式開課前的準備
1. 報名後按照流程加入六角學院的Discord&以及體驗營報到
這邊必須稱讚一下六角真的每個說明文件都寫得很清楚，你是新/舊會員該怎麼做，也有Line客服可以線上協助。
加入Discord後，就可以看到六角學院公開的所有頻道，也有課程問題討論區，常常會看到有前輩們分享經驗&資源。
學員有問題，校長也會很努力的解答！
**(到底為甚麼有補習班老師到半夜三點還再幫學生排除疑難雜症XD)**
沒圖沒證據，附圖證明
![image](https://hackmd.io/_uploads/HJM__-eM0.png)
去哪裡找這麼佛的校長！！
2. 開學典禮 aka【問！都問！校長給你問爆！】
這邊又值得再長篇大論一次所以我直接貼上其他學員的心得
https://hackmd.io/3NPEmdGtQeemK0CzNZ_SJQ?view=
https://hackmd.io/BsUfkTakTRWXXPkOIfYGsg?both
總結上面兩篇心得:
    ### **校長的肝真的還好嗎!!?**
    從晚上8點開始凌晨1點結束的開學典禮&QA時間真的辛苦了XD
    甚至校長還加碼了第二波的QA時間給沒參加到開學典禮的同學:joy: 
    
3. 60小時的語音課程&助教爆肝批改作業
正式開課前就看到程式勇者村有長~長的影片列表，嚇爆!我真的看得完嗎!??
安排好每日的讀書行程後才發現原來影片列表會那麼常是因為分很細，而且每部都很短XD，頓時間鬆了一口氣~
在開學典禮校長也提到助教會爆肝批改學員的作業，以及**溫柔的**地給學員建議。也一再強調**六角學院是新手友善的環境，絕不接受任何排擠新手的行為!**
因此常常在夜深人靜看到助教出沒在Discord **tag 你**(喂XD講的太可怕了吧!)，附圖證明(請包容很爛的人權馬賽克)
![image](https://hackmd.io/_uploads/HJlFAbxMR.png)

4. 與同學互動受益良多的每日任務
開學典禮結束後就開始了每天的例行公事，在Codepen上寫Code提交到回報區    ~~(公開處刑)~~，不，我是說跟同學交流交流。
自從每日任務開始後，體驗營專屬的作業討論區就很熱鬧，有熱心的同學幫新手解答、也有很厲害的同學分享自己用不同解法去解決問題的經歷。
以為每天寫完code就結束了嗎?
~~地獄~~才剛開始呢，接下來就是開始研究幾位同學寫的程式碼跟自己不同的地方，「為甚麼他會這樣思考？原來還有這樣的寫法！」，理解完才是一天例行公事的結尾，然後又繼續看語音課程，看完才是真的結束今天的學習XD

## :pushpin:體驗營正式START!! 
然後就是今天正式開課啦!!
第一周主題:**打造最強前端開發環境**
### 看校長秀一手
校長在今天直接露了一手，對我來說可能需要1天的切版，校長只花了短短2分鐘就搞定了HTML標籤的設定。
聊天室刷滿了666，全都在讚嘆校長!!!
### 校長開發習慣分享
校長也分享了自己使用的VS code延伸模組，包含Live server這個眾所皆知的東西～，以及熱鍵和其他優化編輯器的設定。
還有前端工程師都必須熟悉的emmet，看校長念著打著突然就出現了整個HTML結構!!看到這裡我也感嘆，果然熟悉emmet真的很重要XD，不但節省很多時間，也看起來超神、很酷！
以及看到設計稿後不要急著寫code，先記錄必要的資訊(ex:共通樣式)、畫草稿拉結構。
還有多多練習英打加快打字速度!!還提供了前端工程師常用的程式碼片段給大家練習~
### 預習的重要性
如果是開課前有先預習語音課程的同學在今天應該是駕輕就熟的能跟上校長的腳步，這邊我也很慶幸我有好好安排時間預習語音課程以及完成每日任務。

### 任務講解
中場休息後，校長就開始講解小組任務＆彩蛋任務的內容，又又又要送書了，就像開學典禮提到的**六角很愛送書**，因為是彩蛋所以門檻也比較高，但還是有同學在結束課程後速速完成提交上去，用這樣的方式來鼓勵學員自發學習超讚！

## :pushpin:結語
第一堂課結束後，校長又開放給學員的QA時間XD
真的是問爆不意外XD
也因為是第一堂課，所以校長基本上都在講解編輯器以及能讓coding過程更方便的方法。
也透過校長時不時的鼓勵讓我對未來的課程抱有期待，希望這30天內能看到進步的自己。
同時也謹記校長一再強調的:
* 跟自己比較✨
* 你不用一開始就很厲害，但一定要開始才有辦法很厲害✨
* 只要你不放棄，六角永遠不會放棄你✨





