課程目標

  • 能夠寫出筆記應用程式

課程內容

應用程式簡單沒關係,只要精準解決用戶通點

甚至可以收一點點月租費,替開發者「賺到一點零用錢」

這一課來寫筆記應用程式

關鍵字 write notes online online note tool

研究看看目前市面上,大家都做得怎樣

最簡潔的是這兩款

  • https://justnotepad.com/
  • http://simplenotes.online/

課後作業

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

這次作業的規格如下:

  • 有一大塊輸入文字的地方,用戶可以當成臨時打筆記的地方
  • textarea 實作即可,純文字即可,不需要複雜的文章格式編輯器
  • 筆記內容要隨時記錄到 local storage,用戶隨時關閉、開啟網頁,都不會失去資料
  • 側邊或底部,有一排「筆記清單」,用戶可以在多則筆記之間切換
  • 畫面上有一個「建立新筆記」按鈕
  • 「筆記清單」的每個筆記旁邊,都有「刪除」按鈕

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


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

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

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

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

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


共有 19 則留言

交作業 https://replit.com/@birdiewu/Bi-Ji-Ying-Yong-Cheng-Shi-online-notepad?v=1

按讚的人:

寫得很好!樣式很漂亮,介面也很好用,順利完成!

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

按讚的人:

寫得很好!UI/UX 也很棒!順利完成!

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

按讚的人:

寫得很好,順利完成!

本來想說跟to do list差不多,但真的寫下去後發現還是有差, 在看完其他人的寫法後,一度想砍掉重寫,但還是堅持下去了 以亂糟糟code結束這回合 (完成後還是很開心~) https://replit.com/@evon5995/online-note?v=1

按讚的人:

寫得很好,順利完成!

樂趣、進步、成就感,才是最重要的!

剛開始開發實務專案,程式碼亂很正常,經驗多了,自然就會改善!

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

按讚的人:

寫得很好,順利完成!

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

用戶可以在多則筆記之間切換

有做這功能嗎?

https://replit.com/@youwenyu8/SpicyLightpinkWearable 抱歉,這次改好了

按讚的人:

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

按讚的人:

作業繳交

https://replit.com/@peterbug8564/vue-Bi-Ji-Ying-Yong-Cheng-Shi-Lian-Xi?v=1

按讚的人:

寫得很好,順利完成!

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

按讚的人:

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

按讚的人:

寫得很好,順利完成!