iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
自我挑戰組

你努力一下啦,自己做一個前端專案啦 系列

擔任前端工程師工作了很長一段時間後,
發現自己在工作上只能處理一些bug,
要完整自己handle一個專案實在無法做到,
不想要被AI淘汰所以求助GPT,
我到底是不是還只能算是一個junior?

參賽天數 8 天 | 共 8 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

<你努力一下啦,自己做一個前端專案啦!01>:太悲慘啦~我工作六七年還是一個廢物

擔任前端工程師工作了很長一段時間後,發現自己在工作上只能處理一些bug,要完整自己handle一個專案實在無法做到,不想要被AI淘汰所以求助GPT,我到底是不是...

DAY 2

<你努力一下啦,自己做一個前端專案啦!02>:做點快樂有趣的東西啦!

到底該做什麼樣的 side project 好? 這個問題其實不容易回答。 以前的 Mentor 曾說過: 做你想解決,或真正有興趣的事情,當作 side p...

DAY 3

<你努力一下啦,自己做一個前端專案啦!03>:應該用甚麼技術來實現?

遊戲該怎麼玩? 核心的玩法 探索地圖 -&gt; 採集素材 -&gt; 製作裝備 -&gt; 和怪物戰鬥 -&gt; 獲得獎勵 -&gt; 挑戰更困難的地圖...

DAY 4

<你努力一下啦,自己做一個前端專案啦!04>:那就開始動工吧!

那就開始動工吧! 第一步:建立專案 先從最基本的專案初始化開始: npm create vue@latest idle-game 建立時會看到以下選項: ┌...

DAY 5

<你努力一下啦,自己做一個前端專案啦!05>:手機先玩!Mobile first design

Mobile First 思維 Mobile First = 以小螢幕與觸控情境作為預設體驗來設計與實作,然後用**漸進增強(progressive enhan...

DAY 6

<你努力一下啦,自己做一個前端專案啦!06>:上班偷偷玩,用個"看起來"專業的主題顏色

了解 :root 與 @theme 的使用方式 :root :root指的是整個文件的根元素——在一般網頁就是 &lt;html&gt;。不過 :root 和...

DAY 7

<你努力一下啦,自己做一個前端專案啦!07>:用個進度條看起來很專業

為什麼進度條很重要? 即時回饋 (feedback loop):玩家需要清楚知道「自己做了什麼 → 有什麼結果」。 沉浸感:血條掉下來、經驗條漸漸填滿,讓玩家...

DAY 8

<你努力一下啦,自己做一個前端專案啦!08>:實作可以廣泛使用的 Progress Bar

打造一個高泛用性的 ProgressBar 在遊戲裡,進度條是最常見的元素之一:血量、魔力、經驗、探索進度…到處都需要它。與其在不同地方重複刻一條條死板的條件樣...