iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

關於我快30歲的後端工程師,想轉職成全端工程師,在前端世界中尋求機會的那件事(前端篇) 系列

概要:
Mock Native Camp 網站(三十天能做多少就多少)
使用技術: React / NextJS / Tailwinds CSS / JAVA Spring / MongoDB (是的我會挑戰前後端都Mock)

如標題,出社會以來做了四年多的後端工程師,雖然工作上有遇到一些修改前端的需求,但大部分都是很簡單的修改,也不需要整個暸解前端的生態系,一直覺得想要認真學習一下前端,卻一直沒動力學習,最近開始嘗試在工作之餘自由接案,但不會前端技能真的很少案子可以接,所以就趁鐵人賽三十天裡,來Mock一個網站來強迫自己進步與學習。

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

[Day 1] 主角總是最後登場的 (前端篇)

其實只是拖延症點到滿等的我,說是主角其實只是拖延症發作 有看過某些YT頻道的應該有聽過這段話什麼樣的人適合閱讀此挑戰- 不在意內容的人(此為自己的挑戰,能做到...

2021-09-16 ‧ 由 Moscle.dev 分享
DAY 2

[Day 2]我也好想要有鑑定技能(前端篇)

如果被老闆發現我們可以一眼鑑定出需求的細節和問題的原因,那我們的工作量會不會變更多 Mock的第一步就是先觀察 今天我們來觀察此次挑戰的目標 NativeCa...

2021-09-17 ‧ 由 Moscle.dev 分享
DAY 3

[Day 3]專案始動(前端篇)

到底該為一路順暢沒出Bug高興還是遇到難題花時間克服狂喜,都幾 來啟動專案囉,使用的IDE為VScode,為什麼不是WebStrom呢,我開發後端都會選擇Je...

2021-09-18 ‧ 由 Moscle.dev 分享
DAY 4

[Day4]專案始動-續(前端篇)

今天我們繼續來設定我們的架構,首先先把index.js的預設內容給刪除掉。 透過檢視原始碼,可以取得title以及icon,整理一下之後index.js imp...

2021-09-19 ‧ 由 Moscle.dev 分享
DAY 5

[Day 5]新手村外的首戰是史萊姆應該是定番吧

今天我們來完成Header,不過位置方面我是使用Tailwinds CSS,要花時間客製化位置,但我沒那麼多時間所以沒辦法對的很準,請看官們見諒。 這是Nati...

2021-09-20 ‧ 由 Moscle.dev 分享
DAY 6

[Day 6]中秋時在做什麼,有沒有空,可以幫想標題嗎(前端篇)

今天來實作Navite Camp的Nav,看官們可以點網址去看他的效果,因為沒有時間,滑鼠移動到各tab時下面橘色border會滑順的移動,這個暫時沒時間去實作...

2021-09-21 ‧ 由 Moscle.dev 分享
DAY 7

[Day 7]想不到有梗的標題LA(前端篇)

沒有想到連假結束後的第一天就要冨樫了...,我工作的公司在新加坡,而我在台灣full remote,我們中秋放連假而新加坡那邊沒放假,導致一開工就滿多事情要處理...

2021-09-22 ‧ 由 Moscle.dev 分享
DAY 8

[Day 8]開賽八天即遭遇難題(前端篇)

挑戰目標: MockNative Camp前端 今天原本是要來refactor和解決hover的問題的,但是在將navtab給component化時遭遇難題,...

2021-09-23 ‧ 由 Moscle.dev 分享
DAY 9

[Day 9]人不作死就不會死(前端篇)

挑戰目標: MockNative Camp前端 昨天嘗試refactor時遇到了來不及解決的Bug,今天專心的在看一遍官方文件,這次注意到了當時我使用的是se...

2021-09-24 ‧ 由 Moscle.dev 分享
DAY 10

[Day 10]怎麼每天都像在趕末班電車R(前端篇)

挑戰目標: MockNative Camp前端 週末也是很多事要做,每天大概都晚上9點到12點是鐵人賽的工作時間,寫code, test, debug和截圖之...

2021-09-25 ‧ 由 Moscle.dev 分享