Frontend Mentor 切版練習平台


Posted by mijouhsieh on 2024-06-24

近期在研讀React,驚覺太久沒切版所以隨意找個網站練習發現對於語法和觀念有點太生疏。
先是找到 Frontend Practice 練切版,但沒有設計圖,要自己通靈抓長寬、字體大小等,切版的題目是現成的網站,有難易度分類,有提供一些排版技術的資源。

問了chatGTP練習切版的資源,才知道Frontend Mentor這個平台。

以下是覺得平台蠻適合練習的原因:

  • 平台有依難易度分等級,包含免費練習題
  • 每種挑戰會圖文呈現說明
  • 可使用最基本的HTML、JS、CSS,亦可用框架
  • 提供Figma設計圖有(mobile、desktop),但有些設定像是行高等無法顯示(應該是自己不會用)
  • 需使用GitHub、部屬到GitHub Page 作為作品連結,有提供文件說明
  • 提供問答回顧自己對挑戰題目有無需要加強的地方
    • 覺得自己做不錯的地方和下次挑戰想嘗試的不同方式
    • 挑戰中遇到什麼難題,如何克服?
    • 希望其他人對此專案給予什麼方面的回饋
  • 自己也要給其他人回饋
  • 也會看到其他人對於這題的寫法和成果
  • 有個對比圖-可移動界線看成品和設計圖的差異

#切版練習平台







Related Posts

[第十一週] XSS 攻擊

[第十一週] XSS 攻擊

展開運算子(Spread Operator) & 其餘運算子(Rest Operator)

展開運算子(Spread Operator) & 其餘運算子(Rest Operator)

【Day03】 Node Red使用教學

【Day03】 Node Red使用教學


Comments