技術 [Day14]用React讓網站動起來：todolist實作－已完成、未完成分頁

昨天已經做出來已完成、未完成的效果了，但是只有style上的轉換，沒有記錄起來。今天要把已完成、未完成的狀態記錄在state中，並做出已完成、未完成的分頁。 儲...

技術 [Day 29 - 小試身手] Todolist with React (4)

在上一章Todolist with React (3)，使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作，就讓我們繼續完成最後一個部分...

技術 [Day 28 - 小試身手] Todolist with React (3)

在上一章Todolist with React (2)，完成所有樣式設定後，現在就讓我們在 React 中加入 Redux，使用 React-redux 動態...

技術 [Day 27 - 小試身手] Todolist with React (2)

在上一章Todolist with React (1)，建立了專案環境、並且拆離 UI 設定好所有 Component 後，現在就讓我們使用套件 Styled...

技術 [Day 26 - 小試身手] Todolist with React (1)

終於差不多進入30天前端技能樹之旅的尾聲，最後就來利用系列後半部所學的 React，搭配 Redux、Styled-components 來個小試身手，實作一個...

技術 最終章：Todo List實作

前面提到了物件、陣列、DOM元素的選取、事件監聽，以及最後的localStorage。這些足夠我們用JavaScript做一個小小的網頁程式，來驗證一下之前提...

技術 iOS Swift TodoList ( 畫面部分 no code ) Part1

前言： 哈囉～～此篇是我第一篇文，跟其他人一樣紀錄程式學習過程，而swift也是我最近在學習的新語言，在一開始以為會和JS類似(前一年多都在寫網頁)，學到現在才...

技術 番外篇（2）一起來做 To Do List！- 實作篇（3）

不知不覺也來到最後一篇啦！ 第八步 在 codepen 上可以看到一些酷炫的漢堡選單 code ，但這裡我做的是最陽春的版本：點擊漢堡選單 icon 秀出，點擊...

技術 番外篇（2）一起來做 To Do List！- 實作篇（2）

大家新年快樂！上一篇完成後還剩下這些功能： 可以一次刪除全部的代辦事項 能刪除所有已完成的代辦事項的內容及數量 代辦事項預設以時間排列 代辦事項的順序可以被使...

技術 番外篇（2）一起來做 To Do List！- 實作篇（1）

上一篇先介紹運用的知識點，這篇會著重在實作時的心路歷程...不是啦，是怎麼把這個網頁寫出來的。先上成品與程式碼，若程式有寫得太過繁瑣的部分，也希望大家多包涵並不...

技術 番外篇（2）一起來做 To Do List！- 知識篇

這次花了約三週的時間製作了簡易的 To Do List，在此想紀錄並分享一下我的作法以及製作過程中學習到、或重新釐清的知識點。作品主要是先跟著這部影片學習，再加...

技術 JS 代辦事項 基礎教學(1) DAY21

今天開始大量的實作啦~~~JS 代辦事項 主要會以 JS 的 localStroage 搭配 ES6 來操作若還不熟 localStroage 的朋友們可以往前...

技術 Day22 實作一個簡單的 Todolist (下)

第一個入門 JS 的實作學習目標 上一篇我們完成了 Todolist 的畫面，接著我們要開始操作它。主要會有三個方法。 觸發事件(當加號被點擊) 新增待完成...

技術 Day21 實作一個簡單的 Todolist (上)

第一個入門 JS 的實作學習目標 身爲 JS 剛入門的新手，把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...

技術 [Angular 深入淺出三十天] Day 15 - Angular小學堂（三之三）

回顧一下我們目前完成的效果： 完成了新增待辦事項的功能之後，接下來當然是要來能夠註記是否已完成該項待辦事項囉！如果你有操作的話其實會發現，目前清單前面的 Ch...

技術 [Angular 深入淺出三十天] Day 14 - Angular小學堂（三之二）

昨天我們已經順利讓 TodoListComponent 可以順利在 AppComponent 裡使用了，接下來為了方便大家練習，我們直接從 TodoMVC 的...

技術 [Angular 深入淺出三十天] Day 13 - Angular小學堂（三之一）

「哈~~~~」Wayne 打了一個好大的呵欠。 「喂喂喂！打起精神來阿你！有這麼無聊嗎？！」我用手臂推了 Wayne 一下，無奈他實在是太魁武了，連晃都沒晃一下...

技術 Day 20 - 30 天 Progressive Web App 學習筆記 - To-Do List 實作 PWA - (新增/修改/刪除待辦事項清單)

接續昨天的範例，我們今天來完成 To-Do List 的功能實作吧！ To-Do List 需求 昨天的文章已經完成『顯示待辦事項清單』，今天要執行的是新增/修...