iT邦幫忙

todolist相關文章
共有 18 則文章
鐵人賽 Modern Web DAY 15
Angular 深入淺出三十天 系列 第 15

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

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

鐵人賽 Modern Web DAY 14
Angular 深入淺出三十天 系列 第 14

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

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

鐵人賽 Modern Web DAY 16
Angular 深入淺出三十天 系列 第 16

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

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

鐵人賽 自我挑戰組 DAY 21

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 自我挑戰組 DAY 22

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 29

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

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

技術 番外篇(2)一起來做 To Do List!- 知識篇

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

技術 番外篇(2)一起來做 To Do List!- 實作篇(1)

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

技術 番外篇(2)一起來做 To Do List!- 實作篇(2)

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 28

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

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

技術 番外篇(2)一起來做 To Do List!- 實作篇(3)

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

鐵人賽 自我挑戰組 DAY 30

技術 最終章:Todo List實作

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

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

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

鐵人賽 自我挑戰組 DAY 21
JavaScript基礎30天 系列 第 21

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

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

鐵人賽 Modern Web DAY 14

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

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