從 0 到 1 成為前端工程師應該養成的 3 個寫程式習慣

更新於 發佈於 閱讀時間約 2 分鐘

這是 30 天寫作挑戰的第 14 天。今天要跟大家分享的「從 0 到 1 成為前端工程師的……」主題是:
從 0 到 1 成為前端工程師應該養成的 3 個寫程式習慣
30 天寫作挑戰:連續 30 天,每天都會從 ChatGPT 、生活中的靈感或是網友提問中,選出一個可以用 200–500 字的文章來回答的題目。說明可以參考宣示文。如果讀者想要我回答你/妳的問題,可以問我一個跟工程師、技術產品經理、產品經理有關的問題。

寫之前:以終為始,程式要達到的目的是什麼?

比起手拿錘子看到盡是釘子,工程師更容易是手放鍵盤,看到程式碼,覺得滿地都是可以寫得更好的方法。因此在程式碼之中迷失,想要改善前人留下來的「祖產」。有這樣的心態其實對工程師來說是好的,代表心中有一股匠人精神,想要讓作品(產品/程式碼)變得更好。
不過在動手之前,也應該要記得,自己之所以開始某段程式碼,大多是因為任務所需,如果交付給自己的任務並不是專門將祖產更動,而是加上新的需求,那麼關注的要點應該是在滿足新需求的同時,還維持原本的程式碼可以正常運作,而不是優先思考怎麼樣將原本的程式碼改寫成自己心中理想的樣子。

開始動手寫:如果先寫測試要寫什麼?

承接前述,如果要讓新的商業邏輯可以如預期地運作,那先構思及實作對應的測試,可以有效地確保後人在修改相同段落的程式碼時,不會把你辛苦的成果給弄壞。確切要怎麼樣先寫測試再寫程式碼,可以參考 TDD

寫之後:有沒有優化的空間?

這裏指的就是思考重構的可能性。寫程式時(不管是在動手寫還是構思規劃時都是),先求有再求好的情況也是會發生的,因此在符合需求的程式碼實作之後,可以思考要怎麼樣讓程式碼更加簡潔、效能更好。此時,前一段落提到的測試,就可以在重構時發揮保護商業邏輯的功能,不至於在重構時把程式碼改壞。

今日寫作觀察

今天寫起來滿順暢的,一邊在構思內容,一邊也幫助我反思有哪些習慣是我希望在剛成為工程師時就能養成的。希望以上內容對想成為成為工程師的讀者能有幫助。
為什麼會看到廣告
avatar-img
20會員
32內容數
我是 Larry,《下班後的產品工程師》是我在下班之餘分享我對網路產業的工程師、產品經理相關職能的想法和心得,也會分享一些自己突發奇想的產品、商業問題。希望文章內容能帶給你/妳收穫。對了,如果很久沒有更新,一定不是因為我還沒下班。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Larry Chien的沙龍 的其他內容
這是 30 天寫作挑戰的第 13 天。今天要跟大家分享主題是:從 0 到 1 成為前端工程師的 3 個技巧
今天推薦的書和課程,不見得適合當作第一本書唷
這是 30 天寫作挑戰的第 11 天。今天開始要跟大家分享一系列的「從 0 到 1 成為前端工程師的……」,今天要分享的是:從 0 到 1 成為前端工程師的 3 個訣竅
你/妳很常要重複註冊同一個產品嗎?也許這個方式會有幫助。
這是 30 天寫作挑戰的第 09 天。今天題目是:為什麼了解《用途理論》這麼重要?
這是 30 天寫作挑戰的第 08 天。今天不問 ChatGPT,而是來分享連續寫作一週的心得: 連續寫文寫了一週,有什麼心得嗎?
這是 30 天寫作挑戰的第 13 天。今天要跟大家分享主題是:從 0 到 1 成為前端工程師的 3 個技巧
今天推薦的書和課程,不見得適合當作第一本書唷
這是 30 天寫作挑戰的第 11 天。今天開始要跟大家分享一系列的「從 0 到 1 成為前端工程師的……」,今天要分享的是:從 0 到 1 成為前端工程師的 3 個訣竅
你/妳很常要重複註冊同一個產品嗎?也許這個方式會有幫助。
這是 30 天寫作挑戰的第 09 天。今天題目是:為什麼了解《用途理論》這麼重要?
這是 30 天寫作挑戰的第 08 天。今天不問 ChatGPT,而是來分享連續寫作一週的心得: 連續寫文寫了一週,有什麼心得嗎?
本篇參與的主題活動
針對114學測國寫情意題「52赫茲鯨魚」,本文提供題型分析、取材策略及立意思考,幫助考生掌握寫作方向。文章點出審題關鍵在於理解表層訊息及深層意涵,避免僅聚焦表層或脫離題旨。文章也分析如何將想像與自身經驗連結,從經典選文中找到相同處境,藉此深化思考。最後,透過河道式作文的立意技巧,提升文章的思辨深度。
問題在於,公司是否會重視人類勞動的無形資產 — 創造力、同理心、理解深度,或是將人類輸入,純粹視為機器產生文字的最後清潔人員?
  你心中有故事,卻不知道該怎麼表達出來?   你想寫小說,打開文檔,卻發現自己的腦袋跟word一樣空白?   你想動筆,卻發現每個人寫的小說都長得不太一樣,讓你無從參考?   那麼,這篇針對小說格式的教學文,應該可以幫上一點忙。   許多人都想寫小說,卻不是每個人都注重基本格式。然
歡迎來到方格新手村第一站!參加方格主題活動,發表任何一篇貼文、文章加上指定標籤, 就有機會得到免費禮券,或是讓 vocus 把你的創作推薦給全站會員! 現在就完成新手村任務,讓更多人認識你!
針對114學測國寫情意題「52赫茲鯨魚」,本文提供題型分析、取材策略及立意思考,幫助考生掌握寫作方向。文章點出審題關鍵在於理解表層訊息及深層意涵,避免僅聚焦表層或脫離題旨。文章也分析如何將想像與自身經驗連結,從經典選文中找到相同處境,藉此深化思考。最後,透過河道式作文的立意技巧,提升文章的思辨深度。
問題在於,公司是否會重視人類勞動的無形資產 — 創造力、同理心、理解深度,或是將人類輸入,純粹視為機器產生文字的最後清潔人員?
  你心中有故事,卻不知道該怎麼表達出來?   你想寫小說,打開文檔,卻發現自己的腦袋跟word一樣空白?   你想動筆,卻發現每個人寫的小說都長得不太一樣,讓你無從參考?   那麼,這篇針對小說格式的教學文,應該可以幫上一點忙。   許多人都想寫小說,卻不是每個人都注重基本格式。然
歡迎來到方格新手村第一站!參加方格主題活動,發表任何一篇貼文、文章加上指定標籤, 就有機會得到免費禮券,或是讓 vocus 把你的創作推薦給全站會員! 現在就完成新手村任務,讓更多人認識你!
你可能也想看
Google News 追蹤
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
這篇文章探討了工程師在如何有效提升自己,強調不僅僅是多coding,而是要對程式碼有更深層的理解。隨著職涯發展,工程師需要從單純的技術執行者轉變為團隊領導者,具備解決複雜問題和與他人有效溝通的能力。
Thumbnail
想轉職工程師嗎?這篇文章整理了5個關鍵建議,包括物色職缺、在Github上累積Side Project、刷題、刷經歷或學歷、自學或上線上課程。在這些建議中,你可以找到一個適合的起點以便開始你的轉職之旅。
上一篇主要在說如何做決定的,這篇就來寫寫面試前該做什麼準備。
Thumbnail
追求乾淨的程式碼是好的開始,但不要陷入過度設計的陷阱,導致程式難以維護。實際上,考慮團隊狀況和專注於解決真正的問題更為重要。了解公司的規模和現實情況,適時調整工作重心。技術不斷進步,使得寫程式變得更加容易,但這並不意味著工程師的角色會消失。在選擇技術時,也要考慮隱形成本有時簡單的解決方案反而更有效。
Thumbnail
無論是現在、過去還是未來,學習如何學習都是終身受用的技能。迭代和進步是軟體工程師的追求。文章提出學習程式的四大關鍵:實踐、輸出、整理、思考,並期望讀者能在選擇的路上一路前行。
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
Thumbnail
這篇文章探討了工程師在如何有效提升自己,強調不僅僅是多coding,而是要對程式碼有更深層的理解。隨著職涯發展,工程師需要從單純的技術執行者轉變為團隊領導者,具備解決複雜問題和與他人有效溝通的能力。
Thumbnail
想轉職工程師嗎?這篇文章整理了5個關鍵建議,包括物色職缺、在Github上累積Side Project、刷題、刷經歷或學歷、自學或上線上課程。在這些建議中,你可以找到一個適合的起點以便開始你的轉職之旅。
上一篇主要在說如何做決定的,這篇就來寫寫面試前該做什麼準備。
Thumbnail
追求乾淨的程式碼是好的開始,但不要陷入過度設計的陷阱,導致程式難以維護。實際上,考慮團隊狀況和專注於解決真正的問題更為重要。了解公司的規模和現實情況,適時調整工作重心。技術不斷進步,使得寫程式變得更加容易,但這並不意味著工程師的角色會消失。在選擇技術時,也要考慮隱形成本有時簡單的解決方案反而更有效。
Thumbnail
無論是現在、過去還是未來,學習如何學習都是終身受用的技能。迭代和進步是軟體工程師的追求。文章提出學習程式的四大關鍵:實踐、輸出、整理、思考,並期望讀者能在選擇的路上一路前行。
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
是的,身為前端工程師的基本功! 還是需要時不時拿出來打磨一番,這系列文章每個禮拜三都會更新一題CSS Battle的題目,歡迎與我交流喔!
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 這系列文章每個禮拜三都會更新一題CSS Battle的題目與解法