Side Project 與公司的專案不太一樣,並不是每天都有空去做,可能一忙就是隔週或隔月才又有空去做了。 連每天在寫的專案程式碼,都有可能忘記昨天寫了什麼,...
延續昨天,我們已經完成了To Do List的新增與刪除功能。實戰演練中少不了的就是CRUD,今天我們要來完成剩下「修改」與「頁籤搜尋」功能! 修改功能 滑鼠...
終於進入到實戰演練的環節,拿出我們前天建立好的專案,準備來練習To Do List!◎題外話:今天原本感覺時間很充裕,還在慢慢刻樣式…結果也花太多時間在喬css...
第11章: 實作To-Do List App 在行動應用程式的開發中,To-Do List(待辦事項清單)是一個經典的應用範例,這個應用程式展示了如何設計資料結...
昨天已經做出來已完成、未完成的效果了,但是只有style上的轉換,沒有記錄起來。今天要把已完成、未完成的狀態記錄在state中,並做出已完成、未完成的分頁。 儲...
在上一章Todolist with React (3),使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作,就讓我們繼續完成最後一個部分...
在上一章Todolist with React (2),完成所有樣式設定後,現在就讓我們在 React 中加入 Redux,使用 React-redux 動態...
在上一章Todolist with React (1),建立了專案環境、並且拆離 UI 設定好所有 Component 後,現在就讓我們使用套件 Styled...
終於差不多進入30天前端技能樹之旅的尾聲,最後就來利用系列後半部所學的 React,搭配 Redux、Styled-components 來個小試身手,實作一個...
前面提到了物件、陣列、DOM元素的選取、事件監聽,以及最後的localStorage。這些足夠我們用JavaScript做一個小小的網頁程式,來驗證一下之前提...
前言: 哈囉~~此篇是我第一篇文,跟其他人一樣紀錄程式學習過程,而swift也是我最近在學習的新語言,在一開始以為會和JS類似(前一年多都在寫網頁),學到現在才...
不知不覺也來到最後一篇啦! 第八步 在 codepen 上可以看到一些酷炫的漢堡選單 code ,但這裡我做的是最陽春的版本:點擊漢堡選單 icon 秀出,點擊...
大家新年快樂!上一篇完成後還剩下這些功能: 可以一次刪除全部的代辦事項 能刪除所有已完成的代辦事項的內容及數量 代辦事項預設以時間排列 代辦事項的順序可以被使...
上一篇先介紹運用的知識點,這篇會著重在實作時的心路歷程...不是啦,是怎麼把這個網頁寫出來的。先上成品與程式碼,若程式有寫得太過繁瑣的部分,也希望大家多包涵並不...
這次花了約三週的時間製作了簡易的 To Do List,在此想紀錄並分享一下我的作法以及製作過程中學習到、或重新釐清的知識點。作品主要是先跟著這部影片學習,再加...
今天開始大量的實作啦~~~JS 代辦事項 主要會以 JS 的 localStroage 搭配 ES6 來操作若還不熟 localStroage 的朋友們可以往前...
第一個入門 JS 的實作學習目標 上一篇我們完成了 Todolist 的畫面,接著我們要開始操作它。主要會有三個方法。 觸發事件(當加號被點擊) 新增待完成...
第一個入門 JS 的實作學習目標 身爲 JS 剛入門的新手,把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...
回顧一下我們目前完成的效果: 完成了新增待辦事項的功能之後,接下來當然是要來能夠註記是否已完成該項待辦事項囉!如果你有操作的話其實會發現,目前清單前面的 Ch...
昨天我們已經順利讓 TodoListComponent 可以順利在 AppComponent 裡使用了,接下來為了方便大家練習,我們直接從 TodoMVC 的...
「哈~~~~」Wayne 打了一個好大的呵欠。 「喂喂喂!打起精神來阿你!有這麼無聊嗎?!」我用手臂推了 Wayne 一下,無奈他實在是太魁武了,連晃都沒晃一下...
接續昨天的範例,我們今天來完成 To-Do List 的功能實作吧! To-Do List 需求 昨天的文章已經完成『顯示待辦事項清單』,今天要執行的是新增/修...