Skip to content

cleolapprentie/todolist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My To-Do-List

107堂課堂作業練習 - Udemy

Demo

https://kayahino.github.io/todolist/

USER STORY

  • 按下按鈕或Enter鍵添加任務
  • 使用標籤將任務分類,選單切換分類頁面
  • 可以記錄上次用過的標籤
  • 在列表中刪除指定任務,也可以一次刪除各分類中全部任務
  • 點擊項目表示打勾完成該任務(再按一下可以取消)

Ver. 1 ver1

Ver. 2 - 新增toggle完成項目功能、刪除動畫效果 ver2

Ver. 2 - 新增修改功能 ver3

自我檢視

在上六角學院的JS課之前,我只有碰過簡單的jQuery,可以説是完全不會JS
這份作業是我傾盡所有吸收到的知識做出來的
從 wireframe 到設計 user story
當架構出來之後就開始切版、Styling

接下來就是思考要怎麼加入那些功能
當看到自己預先設計好的功能一個個被完成之後
那種成就感會上癮XD
在這過程中不斷地思考,流程該怎麼做,以及是否有更好的使用者體驗

常常會遇到,誒為什麼抓不到我要的元素?為什麼沒有我要的效果?!
第一步肯定是先了解問題出在哪,然後思考該怎麼解決
再來就是不斷的找出潛在的bug
表面上看起來沒問題,但其實問題一大堆OTLLL
這份作業讓我學到最重要的就是邏輯訓練
它讓我能找到問題的來源,並試著解決
不過就算是解決了,又會覺得自己寫出來的程式碼好笨,應該有更好的解決方式吧?!
然後就會陷入繼續思考的無限循環OTL

希望未來已經成為前端工程師的我,回來看看自己的第一個作品,能先大罵個三聲
怎麼寫得這麼爛!!!
XD 代表我有在進步

About

JS 練習之 TO-DO-LIST 功能實作

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published