【程式學習日記】六角學院:軟體工程師體驗營|Week 2

閱讀時間約 6 分鐘
在軟體工程師體驗營的第二周,我仿佛置身於精神時光屋,獲得了許多新的樂趣。寫程式依然讓我感到有趣,每天都迫不及待地期待著有新的發現。在這篇文章中,我紀錄了這一周的心得和體會。
來源:六角學院 2023 軟體工程師體驗營 https://www.hexschool.com/2023/02/16/2023-02-16-2023-software-engineer-camp/
程式體驗營的第 2 周,簡直就像是精神時光屋一樣。我得到了許多新的樂趣:
  • 我仍然覺得寫 code 是有趣的
  • 我每天都很期待學院出的新作業
  • debug 有點煩,閱讀別人的 code 需要花一點時間適應對方的邏輯,但也算有成就感
以下記錄這周的各項心得:

▌分組討論

六角將學員們依照居住地點分組,每組約 10 人,組別中居住在北部的學生是最多的。每組在 Discord 中開各個群組交流。

1.我預想的分組目的

在展開第一次小組討論前,我聽了前端設計師──卡斯伯在六角學院 dicord 內的直播,他提到新手一開始很難找到共同作業的夥伴,所以最好先盡可能認識有共同目標的人脈,因此我在心中將小組定位為這樣的目的。

2.分組實際發生的狀況

■ 隊長是由六角隨機指派的,所以隊長也可能同為程式初學者。可是我們的隊長在第一周就消失無法聯絡,所以一直沒有入隊。我非常積極地推動小組討論進度,也成了新的隊長。
■ 承上,或許是因為我的說話方式有些目的性強烈,或者關係不夠親近,群組中的發言和回應似乎都不太熱絡。我原本以為憑藉我之前經營 NFT 社群的經驗,這應該會很順利,但事實證明社群的建立還是有很大的差異。儘管沒有遇到太大的困難,對於共同工作來說,明確的表達是好事,但對於培養情感來說,這未必是理想的。

3.分組心得

第一次小組討論的作業內容其實 15 分鐘就結束了,剩下時間都在聊天,多虧有很會聊天的組員,我們在輕鬆的氛圍中開始交流彼此的興趣和背景,以及各自打聽來不同產業對軟體工程師的技能要求。這讓我更了解其他成員,也讓我們更有共同語言。原本我預計 1 小時內結束會議,最後變成 1.5 小時結束。我很佩服擅長閒聊的人,精準追問也是一種技能,這是我一直很想加強的。

▌程式學習菜單 & 心得

1.每日習題:約 2~3 題練習

■ 開始學習前端的第二周,除了上課之外,我也規律的在練做習題。除了六角原本就會給的每日任務,課堂小節的任務,我也會重複拿出來做每日一題複習。
■ 如果某段習題我覺得解法可以當作日後參考,我會將原本寫在 vscode 中的程式碼 copy 進我的 codepen,創造一個範本資料夾專門放範例,再嵌入我的學習筆記中。
好好地寫下註記,以後才看得懂我當時的邏輯

2.從同學的程式中學習:解 1~2 題

■ 學習表達
我每天會抽看同學繳交的作業,看同學們在社群問了哪些問題,如果我也會的話就做解答。我在網路上閱讀到許多文章都提到一名好的工程師,除了技術外,表達能力也非常重要,所以往往推薦參加 iThome 鐵人賽,透過 30 天學習筆記練習表達。我還沒有自信寫下我的鐵人賽,因此替同學解答對我而言不僅是複習知識,也練習如何讓人理解我的想法,就讓我先從這裡開始吧!
■ 相互切磋
有時會發現一些超前進度的同學用了很厲害的寫法,或是有些同學非常善用標籤,就 copy 進我的筆記中,再留言告訴對方我覺得你好厲害。其實一開始觀看別人的程式碼,重新了解對方的邏輯結構真的有點煩躁,但看多了也慢慢抓到閱讀順序的訣竅,我更有餘力去思考為什麼對方要這麼寫。
■ 除了技術力外的更多思考
我曾經收到過同學表達謝謝解答,但同時也表達認為我把程式變複雜了。當時的狀況是同學先上傳了一個與設計圖視覺相似 50% 的程式碼,並且問了其中一個小的調整問題。但我很雞婆的給了整體調整建議,所以對他來說或許是難以吸收的。或許我應該先解決他的提問,而整體調整可以告知目前的問題,並且提議請他自己 google 答案。先解決第一個問題,如果對方有意願,再解決下一個。
我的閱讀順序:在已經有設計稿的狀態下,先看一眼就能發現的視覺問題,再打開開發工具看 html 結構,最後開編輯使用 outline 語法加入線框做更詳細檢查。

▌相較前一周的學習調整

1.我決定先放棄更深入研究 CSS 了

我發現我在進入 SMACSS 和 OOCSS (讓 CSS 模組化的設計模式)卡關,我沒辦法明確辨別什麼設定該放在 base、modules 等分類,而且我的 vscode 要 import 模組不知道為什麼一直失敗,花費了我大量時間。由於這堂體驗課對我而言,重點在感受自己是否喜歡寫程式,而程式中 JavaScript 是必定必須學好的,所以我決定先跳過這些,去上 JavaScript 的課程了。

2.我沒有繼續準時上直播

經過開學典禮和第一次直播上課的經驗,我發現目前的課程進度其實不太需要跟著直播 on live。直播課程內容還是有一些新的技巧傳授,但多數在課程影片中就已經非常完整了,所以我改成隔天開倍速看錄影,這是比較適合我的方法。
另外,我發現校長在每次直播開始時公布今日課綱,這真是個很讚的作法。這對講者和學生來說都可以知道目前直播講授的進度,授課內容也不會有疏漏。

▌我還在持續摸索的部分

1.html 語意標籤 & CSS 樣式名稱
我還在嘗試讓 CSS 樣式取名能一眼看出上下結構性,但又不至於使用太長的名稱。有時做了太多共同樣式拆解,在一個物件上使用很多樣式,閱讀上就會眼花。
開始寫 code 之前,先分析架構,接著把重複可使用的文字與顏色樣式列表,接著看結構能否拆出共用樣式。雖然解構需要花些時間,但在書寫時會非常快,也能清楚知道自己寫到哪個區塊了。
2.與組員互動的方式,口吻可以再更輕鬆一點。
3.應該不時幫這些心得做筆記的,一周回憶一次難免疏漏。
4.稱不上持續摸索的部分,我只是想自白我的運動計畫很快就失敗了,只有椅子體操有持續下去而已。

▌第二周總結

在人生有限時間內替自己排程,更聚焦於執行目的與自己的慾望。發現自己還是有點貪心地想學會更多東西,獲得更多體驗。
本文章將同時於 Matters方格子 刊載。
Ann Chou 喜愛電影和威士忌,既是藝術家,也是行政愛好者。以自己架設的品牌營運系統,紀錄每次發行作品的企劃案與過程,掌握經驗與隨時提取的感覺很好。
藝術合作委託可電郵聯絡 [email protected]
為什麼會看到廣告
14會員
20內容數
從藝術領域轉職到前端工程師,喜歡書寫學習歷程和技術文件,掌握經驗與隨時提取的感覺很好。
留言0
查看全部
發表第一個留言支持創作者!
Ann Chou的沙龍 的其他內容
我參加了六角學院的網頁設計體驗營,想要體驗自己對前端編程的興趣,並且探索轉職的可能性。在其他自學網路文章看到,公開筆記和記錄心得也是一種學習方式,但公開筆記真的很有壓力,所以我決定記錄下體驗營觀察到的個人體悟與學習歷程,同時作為分享,也是給自己的筆記。
我在 Tezos 鏈鑄造第一個 NFT 滿一年了,回首過去一年真是滿滿的不可思議,我在 web3 完成了許多原本我在現實世界無法這麼頻繁參與的項目與成績。距離上次的心得包也過了半年,我決定將這系列的名稱從「菜雞創作者」改成「藝術創作者」,給自己些對未來的期許。(記錄於 Jan 28,2023)
幣圈一天,人間 10 年。Web3 發展速度奇快無比,對於藝術家的創作能力與組織力是一種挑戰。短短 15 天從零開始創作系列作品到宣傳,至完成售後服務。一人很累也很奇幻,現在回想起來一切都很開心美好。(寫於 June 15, 2022)
我玩 NFT 4 個月了!從開幕時沒售出作品,參與社群日活動,創立群組,到作品完售,終於進入二級市場,與大家分享我經歷過的種種。謝謝每位夥伴與買家。(寫於 May 15, 2022)
NFT 辦活動就能賣出作品嗎?比起第一次的「① 賀年卡活動」,我更遊刃有餘了。這次有測試出每個平台能帶來的流量,但也還是有美中不足的地方。總之,再接再厲!(寫於 Feb 24, 2022)
要用哪件作品上架 NFT 呢?除了準備圖檔還能做什麼?一點點的小想法,分享給還在猶豫選擇作品的創作者。(寫於 Feb 24, 2022)
我參加了六角學院的網頁設計體驗營,想要體驗自己對前端編程的興趣,並且探索轉職的可能性。在其他自學網路文章看到,公開筆記和記錄心得也是一種學習方式,但公開筆記真的很有壓力,所以我決定記錄下體驗營觀察到的個人體悟與學習歷程,同時作為分享,也是給自己的筆記。
我在 Tezos 鏈鑄造第一個 NFT 滿一年了,回首過去一年真是滿滿的不可思議,我在 web3 完成了許多原本我在現實世界無法這麼頻繁參與的項目與成績。距離上次的心得包也過了半年,我決定將這系列的名稱從「菜雞創作者」改成「藝術創作者」,給自己些對未來的期許。(記錄於 Jan 28,2023)
幣圈一天,人間 10 年。Web3 發展速度奇快無比,對於藝術家的創作能力與組織力是一種挑戰。短短 15 天從零開始創作系列作品到宣傳,至完成售後服務。一人很累也很奇幻,現在回想起來一切都很開心美好。(寫於 June 15, 2022)
我玩 NFT 4 個月了!從開幕時沒售出作品,參與社群日活動,創立群組,到作品完售,終於進入二級市場,與大家分享我經歷過的種種。謝謝每位夥伴與買家。(寫於 May 15, 2022)
NFT 辦活動就能賣出作品嗎?比起第一次的「① 賀年卡活動」,我更遊刃有餘了。這次有測試出每個平台能帶來的流量,但也還是有美中不足的地方。總之,再接再厲!(寫於 Feb 24, 2022)
要用哪件作品上架 NFT 呢?除了準備圖檔還能做什麼?一點點的小想法,分享給還在猶豫選擇作品的創作者。(寫於 Feb 24, 2022)
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
股市交易中,若能透過程式來輔助進出場的訊號,當手上的持股或者股池數量較多時,可以提供投資人較有效率的判斷,因此非常建議投資人花費一點時間了解程式交易的邏輯,比較常見的就是XQ全球贏家的"盤中量化模組(1000NT/月)" 或者比較簡易型的量化積木模組(500NT/月)。 每個投資者會因學習的過
Thumbnail
學習程式語言是一個不容易的過程,但有效的學習方法可以幫助你克服挫折,這篇文章分享了一個程式設計師的學習心得以及一些建議,包括課後實作、短期學習、跟別人比較等注意事項,同時提供了一些相關的教學資源。
Thumbnail
在現代科技快速發展的時代,學習程式設計已經成為一項重要的技能。無論年齡如何,程式設計都可以為人們帶來許多價值和益處。從幼童到老年人,學習程式設計不僅能夠培養邏輯思維,還能提升解決問題的能力和創造力。讓我們一起探討在各個年齡層中學習程式設計的重要性,並看看它如何在不同階段深化思維和進行系統化整理。
從一位商科人跳到不同領域能想像完全是不同的世界啊啊阿... 最初從未有過這念頭,是與朋友聊著聊著開始對軟體工程師感興趣,喜歡他們的工作模式,過程中網路搜尋相關文章、Youtube、朋友分享,甚至最後的找老師算命跟預約職涯諮詢師聊才開始有了第一步。 而我的第一步也經過了好幾天才決定QQ,原先對後端工程
Thumbnail
一開始... 這學期一路走來可說是跌跌撞撞、步履蹣跚呀~要說最有印象的「自行解決問題」的經驗,還不如說說我一直都在自己挖坑自己跳😅 Git版本控制 回歸自己
Thumbnail
對於剛接觸前端開發不久的人來說,可能會對var、let 與 const 的差異略懂略懂,但又說不太出三者實際哪裡不一樣。
Thumbnail
在一個網頁上,會需要使用到圖片的地方有非常多處,像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
股市交易中,若能透過程式來輔助進出場的訊號,當手上的持股或者股池數量較多時,可以提供投資人較有效率的判斷,因此非常建議投資人花費一點時間了解程式交易的邏輯,比較常見的就是XQ全球贏家的"盤中量化模組(1000NT/月)" 或者比較簡易型的量化積木模組(500NT/月)。 每個投資者會因學習的過
Thumbnail
學習程式語言是一個不容易的過程,但有效的學習方法可以幫助你克服挫折,這篇文章分享了一個程式設計師的學習心得以及一些建議,包括課後實作、短期學習、跟別人比較等注意事項,同時提供了一些相關的教學資源。
Thumbnail
在現代科技快速發展的時代,學習程式設計已經成為一項重要的技能。無論年齡如何,程式設計都可以為人們帶來許多價值和益處。從幼童到老年人,學習程式設計不僅能夠培養邏輯思維,還能提升解決問題的能力和創造力。讓我們一起探討在各個年齡層中學習程式設計的重要性,並看看它如何在不同階段深化思維和進行系統化整理。
從一位商科人跳到不同領域能想像完全是不同的世界啊啊阿... 最初從未有過這念頭,是與朋友聊著聊著開始對軟體工程師感興趣,喜歡他們的工作模式,過程中網路搜尋相關文章、Youtube、朋友分享,甚至最後的找老師算命跟預約職涯諮詢師聊才開始有了第一步。 而我的第一步也經過了好幾天才決定QQ,原先對後端工程
Thumbnail
一開始... 這學期一路走來可說是跌跌撞撞、步履蹣跚呀~要說最有印象的「自行解決問題」的經驗,還不如說說我一直都在自己挖坑自己跳😅 Git版本控制 回歸自己
Thumbnail
對於剛接觸前端開發不久的人來說,可能會對var、let 與 const 的差異略懂略懂,但又說不太出三者實際哪裡不一樣。
Thumbnail
在一個網頁上,會需要使用到圖片的地方有非常多處,像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。