課程目標

  • 能夠寫出碼表應用程式

課程內容

千萬不要小看簡易、陽春的小應用程式

只要做到夠簡單好用、能解決使用者的問題

就算只是放一些網路廣告,也能夠替開發者「賺到一點零用錢」

這一課來寫碼表應用程式

關鍵字 online stopwatch 線上碼表

課後作業

請使用 https://replit.com/ 來寫作業

這次作業的規格如下:

  • 有一個「開始」按鈕,一個「重設」按鈕
  • 按下開始之後,「開始」按鈕會變成「暫停」按鈕
  • 按下暫停之後,「暫停」按鈕會變成「繼續」按鈕
  • 按下重設按鈕,整個碼表會歸零
  • 畫面上有清楚的計時數字,起始格式為 00:00.00

做出以上功能,你就完成這次的課程目標了!


歡迎將作業成果,在下方留言,跟大家分享,讓大家給你一些回饋!

可以將每課學到的觀念、關鍵字,丟到網路上去搜尋、研究一下!

發問請在「討論專區」為主,或者分享學習筆記、寫學習心得!

貼文都會出現在個人檔案頁面,成為學習歷程、部落格紀錄!

未來面試時,分享給面試官看,會讓人知道你的積極程度!


共有 25 則留言

https://replit.com/@jason60810/vue-online-stopwatch

按讚的人:

寫得很好,順利完成!

按讚的人:

交作業 https://replit.com/@birdiewu/Ma-Biao-Ying-Yong-Cheng-Shi-online-stopwatch?v=1

按讚的人:

成果品質極佳、UX 完整度極高、令人印象深刻。寫得很好,順利完成!

作業繳交 https://replit.com/@hungYE/online-stopwatch

我打開是空白頁面,環境設定好像有問題

修改完成

按讚的人:

寫得很好!UI/UX 非常漂亮!順利完成!

交作業 https://replit.com/@superyngo1/vue3timer

按讚的人:

寫得很好,順利完成!

https://replit.com/@evon5995/time?v=1 交作業

按讚的人:

寫得很好,順利完成!

交作業,再麻煩站長了,謝謝! https://replit.com/@melody183030/timer?v=1

按讚的人:

令人印象深刻!寫得很好,順利完成!

交作業!感謝平台!

https://replit.com/@Jaredleeeeeeee/stopWatch?v=1

按讚的人:

寫得很好,順利完成!

https://replit.com/@youwenyu8/InformalScornfulMicroinstruction 交作業!

按讚的人:

寫得很好,順利完成!

交作業: https://replit.com/@MA-HSIANG/stopwatch?v=1

按讚的人:

交作業 https://codepen.io/adens123/pen/wvNNVQQ

按讚的人:

寫得很好,順利完成!

作業繳交

https://replit.com/@peterbug8564/CodeLove-8-1-Ma-Biao-Ying-Yong-Cheng-Shi?v=1

按讚的人:

寫得很好,順利完成!

交作業了 https://replit.com/@a41522001/online-stopwatch

按讚的人:

寫得很好,順利完成!