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

閱讀時間約 7 分鐘
我參加了 2023 六角學院的網頁設計體驗營,想要體驗自己對前端編程的興趣,並且探索轉職的可能性。在其他自學網路文章看到,公開筆記和記錄心得也是一種學習方式,但公開筆記真的很有壓力,所以我決定記錄下體驗營觀察到的個人體悟與學習歷程,同時作為分享,也是給自己的筆記。
來源:六角學院 2023 軟體工程師體驗營
https://www.hexschool.com/2023/02/16/2023-02-16-2023-software-engineer-camp/

▌我的狀態

  1. 看過幾堂 AMOS 的 金魚都能懂網頁設計入門,只有輸入沒有輸出。即使有做筆記,但沒有練習的狀態下,學習過的知識很快就忘了。
  2. 一直都有保持學習和閱讀文章的習慣,看資料和整理對我來說並不困難。
  3. 身為自由工作者,比較好安排個人時間是學習優勢。

▌報名原因

  1. 當初是上過全套前端課的朋友推薦給我的(網址連結),對方也說可以的話最好還是報名直播課。所以我打算給自己一個月的時間,體驗自己對寫 code 是否排斥。心底也是在尋找轉職可能性,但即使到最後發現自己很痛苦,也還是獲得了修改 個人作品集網站 程式碼的技能,作品集網站修改就當作我此次的短期目標吧!
  2. AI 話題正熱門,課程內容有整合 OpenAI,做自己的工具。

▌學習過程 & 心得

  1. 開課前一周:
    真的有點小緊張,因為我發現之前學 AMOS 課程的記憶很模糊,如果我跟不上體驗營進度怎麼辦?幸好六角有提前開放影音課程觀看權限,在開學典禮中也有提到開課前,須要先具備的學習進度。我照著校長的指示學習完畢,還超前了幾個章節。

    這一周的自學感覺很好,一方面先前 AMOS 課程的記憶殘留讓我能快速進入狀況,另一方面也是因為以下幾個六角對課程設計的優點:
    .將課程切成好幾個章節小段落,在選單列就能看到每段影片的時間秒數,我能確認這段時間不會被外界打擾,為自己設下專注時間。
    .小節作業真是太棒了,寫作業讓我確定自己有學會課程中的知識,助教的批改也很細心,給我很多額外建議。

    ■ 對自己的觀察:
    雖然上述提到課程規劃很好,但在長達約 2 小時的開學典禮直播時,我也發現自己是個上直播課會不斷分心的人。

    .我會不斷想看旁邊留言欄裡的發言,不想錯過同學提出我想不到的延伸問題。
    .直播有超時可能,但我無法預測總時間,,我平常就是不太看直播的人,無法確認時間容易使我感到疲憊。
    .承上,直播已經超時,校長的閒聊小故事會讓我焦躁。
     
  2. 第一堂直播課:打造最強前端開發環境、OpenAI 服務介紹
    .如果有按照校長在開學典禮中說的先上課到一定進度,在第一堂直播課應該是能駕輕就熟。
    .因為有些內容在影音課中就已經知道,所以看側邊留言欄吸收新知,對我來說相對沒有開學典禮這麼干擾。
    .第一堂課還是超時了,幸好有保留錄影,所以我到時間就關掉啦~~隔天再回來補剩下進度,找到讓自己舒服的方式很重要。
    .很開心得知每天都有任務可以做,如果只有上課真的不知道自己對內容有什麼認知錯誤和疏漏。
     
  3. 第一堂課之後:
    ■ 每日任務:我每天都很期待每日任務,而且在六角社群 Discord 發問和替別人解答也都是很好的學習與樂趣。我覺得校長與助教的耐心,維持了六角很良好的互助氣氛,不用怕問了笨問題。

    ■ 六角對學員的照顧,我收到了一封 email 及時雨:
    第一堂課後約 3 天,我剛好學完了基礎 html 和 css,連續做了好幾天每日任務,內容好像都差不多,好像有點停滯,再加上新學習 jQuery 讓我不免疲憊。就是這麼剛好,我收到來自六角的 email:「體驗營-開營三天,分享學習路線攻略給你」,內容是給不同學習進度學員的建議事項。這真的是強心針,我也開始在心裡默默佩服六角在課堂設計的經驗與用心。我也將信件封存下來,這其實對於品牌行銷、企劃、客戶服務都會是很好的筆記素材。

    ■ 生活習慣改變:
    .為了更有效運用時間,我調整了日常作息。比平常更早一小時起床,限定每次休息時間,嚴格自律無意義滑社群(這真的很有效)
    .我開始運動了,同時我也很慶幸自己前陣子買了工學椅。
    .以我正在打這篇心得的時間,目前新生活已經維持了快一周,雖然好像有點勞碌命傾向,但我覺得充實的很剛好,希望繼續保持。

▌我的筆記方式

多半是使用 Notion,支援嵌入 網頁、codepen 等程式學習上常用的資源,即使不支持嵌入也可以以網址連結代替。
■ 大總表:
因為前端程式有很多種程式語法,所以我的第一層是總表,總表中替每個語言工具再做一個總表。
■ 程式表
.每種語言工具各自的總表以表格呈現,大概分為:名稱、分類、說明、延伸資料。
.分類目前是以我自己懂就好的方式,將來應該是會再根據我的學習進度,做更精準更改的。
.延伸則是可以置入我已經製作成 notion page 的連結按鈕。
.文字可以右鍵 mark as code,做灰底紅字標示。
■ 嵌入 codepen 可以直接在 notion 裡執行,很方便

▌其他學習資源:

  1. iThome 鐵人賽,謝謝大大們
  2. MDN Web Docs 
  3. AMOS blog
  4. 卡斯伯 blog

▌試著問問 chatGPT

有時候等不及社群上的人解答,所以我會問 chatGPT 程式碼。但我沒有付費,所以只能用 GPT 3.5 詢問,有時候會得到很掉漆的回答,但有時它卻是基礎知識的好老師。免費 GPT 的最大壞處大概就是健忘,大約 2~3 個對話後就會忘記我原本的提問了,所以我必須學會拆解問題,逐步提問。
我嘗試過兩種問法,可能我還太菜,或是因為使用中文提問,無法明顯感受兩者差別:
「你現在是一個 Clean Code 專家,我有以下的程式碼,請用更乾淨簡潔的方式改寫,讓我的同事們可以更容易維護程式碼。另外,也解釋為什麼你要這樣重構,讓我能把重構的方式的說明加到 Pull Request 當中。以下是我的程式碼」──來自 ChatGPT 指令大全 https://www.explainthis.io/zh-hant/chatgpt
「請你扮演一個資深軟體工程師,我是一個剛學會 html 和 css 的學生。請你以提升使用者體驗為最重要前提,幫我優化我的程式碼。請你先從 html 第 1~24 行,和 css 第 1~43 行的內容,分別給我 html 和 css 的優化。這個案例中沒有 h1,也沒有 head 與 nav,所以不需要給我這些修改建議。以下是我的程式碼」
有時還是能得到好答案,有標註就是貼心。
但一段段複製程式碼真的很痛苦,所以我先問能否讀取 codepen 中的程式碼,chatGPT 回答可以,我改用 codepen 逐行提問,但始終得到顯而易見的錯誤答案。來回修改了 3 次提問 prompt,我直接問它:「請直接告訴我,我在第 5 行寫了什麼程式碼?」它再次答錯,我才知道自己被騙了。

▌第一周總結

第一周對我來說是修練學習習慣、體驗對上課方式適應性,以及建立入門自信心的一周。第二周大概能寫些小組討論的心得了。
本文章將同時於 Matters方格子 刊載。
Ann Chou 喜愛電影和威士忌,既是藝術家,也是行政愛好者。以自己架設的品牌營運系統,紀錄每次發行作品的企劃案與過程,掌握經驗與隨時提取的感覺很好。
藝術合作委託可電郵聯絡 bunnyteeth.annchou@gmail.com
為什麼會看到廣告
avatar-img
14會員
20內容數
從藝術領域轉職到前端工程師,喜歡書寫學習歷程和技術文件,掌握經驗與隨時提取的感覺很好。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
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)
創作者只有 FB 和 IG,想玩 NFT 怎麼開始?從現有資源找到最適合自己的活動辦法。分享給與我一樣不擅長宣傳的 NFT 獨立創作者們,為活動組織出自己的思考路線。
我在 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)
創作者只有 FB 和 IG,想玩 NFT 怎麼開始?從現有資源找到最適合自己的活動辦法。分享給與我一樣不擅長宣傳的 NFT 獨立創作者們,為活動組織出自己的思考路線。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
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
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
股市交易中,若能透過程式來輔助進出場的訊號,當手上的持股或者股池數量較多時,可以提供投資人較有效率的判斷,因此非常建議投資人花費一點時間了解程式交易的邏輯,比較常見的就是XQ全球贏家的"盤中量化模組(1000NT/月)" 或者比較簡易型的量化積木模組(500NT/月)。 每個投資者會因學習的過
Thumbnail
學習程式語言是一個不容易的過程,但有效的學習方法可以幫助你克服挫折,這篇文章分享了一個程式設計師的學習心得以及一些建議,包括課後實作、短期學習、跟別人比較等注意事項,同時提供了一些相關的教學資源。
Thumbnail
在現代科技快速發展的時代,學習程式設計已經成為一項重要的技能。無論年齡如何,程式設計都可以為人們帶來許多價值和益處。從幼童到老年人,學習程式設計不僅能夠培養邏輯思維,還能提升解決問題的能力和創造力。讓我們一起探討在各個年齡層中學習程式設計的重要性,並看看它如何在不同階段深化思維和進行系統化整理。
從一位商科人跳到不同領域能想像完全是不同的世界啊啊阿... 最初從未有過這念頭,是與朋友聊著聊著開始對軟體工程師感興趣,喜歡他們的工作模式,過程中網路搜尋相關文章、Youtube、朋友分享,甚至最後的找老師算命跟預約職涯諮詢師聊才開始有了第一步。 而我的第一步也經過了好幾天才決定QQ,原先對後端工程
Thumbnail
一開始... 這學期一路走來可說是跌跌撞撞、步履蹣跚呀~要說最有印象的「自行解決問題」的經驗,還不如說說我一直都在自己挖坑自己跳😅 Git版本控制 回歸自己
Thumbnail
對於剛接觸前端開發不久的人來說,可能會對var、let 與 const 的差異略懂略懂,但又說不太出三者實際哪裡不一樣。
Thumbnail
在一個網頁上,會需要使用到圖片的地方有非常多處,像是品牌主視覺、橫幅廣告、側邊廣告、主要內容的預覽圖片、縮圖、背景圖片等。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。