Lynda – HTML5 Projects: Advanced To-Do List

Author: Joseph Lowery Subject: Design, Web, User Experience, Web Design, Projects Software: HTML , JavaScript , CSS Level: Intermediate...




Author: Joseph Lowery Subject: Design, Web, User Experience, Web Design, Projects Software: HTML , JavaScript , CSS Level: Intermediate | Duration: 45m 50s | Released date: Aug 26, 2013 Homepage:

The HTML5 Projects series combines HTML5, CSS3, and recent JavaScript API technologies to improve your web projects with interactivity and multimedia. This installment shows how you can create a basic to-do list widget with the editable field so users can enter their tasks and delete them since they are completed, as well as a more advanced version with all the bells and whistles, including a drag-and-drop interface that allows for simple and fast sorting. Author Joseph Lowery covers HTML5 technologies such as web databases, content editing inside the browser, and CSS transitions and transforms.
Topics include:

  • Making content editable

  • Saving edits

  • Setting in the core files to your app

  • Removing list items

  • Enabling drag-and-drop sorting

[sws_yellow_box box_size="600"]

  • Introduction

    • Welcome

    • About the exercise files

    • Reviewing course requirements

  • 1. Understanding the Project

    • Exploring what we are going to build

    • Exploring highlighted HTML5, CSS3, and JavaScript technologies

  • 2. Building a Basic To-Do List

    • Making content editable

    • Saving edits

  • 3. Enhancing the To-Do List

    • Setting in the HTML

    • Adding new draggable items

    • Handling edits

    • Removing list items

    • Saving and retrieving your list

  • Conclusion

    • Next steps

[/sws_yellow_box] [sws_ui_tabs ui_theme="start" size="609"] [tabs_panel title="VLink"] [restrict paid=true] [sws_toggle1 title="Rapidgator"] [/sws_toggle1] [sws_toggle1 title="Uploaded"] [/sws_toggle1] [sws_toggle1 title="Lumfile"] [/sws_toggle1] [sws_toggle1 title="Putlocker"] [/sws_toggle1] [/restrict] [/tabs_panel] [tabs_panel title="LumFile"] [/tabs_panel] [tabs_panel title="RG"] [/tabs_panel] [tabs_panel title="UpLoaded"] [/tabs_panel] [tabs_panel title="Cloudzer"] [/tabs_panel] [tabs_panel title="Ryushare"] [/tabs_panel] [tabs_panel title="Fileparadox"] [/tabs_panel] [/sws_ui_tabs]



blogging,255,computing,705,ebook,53,ebooks,354,freebies,358,graphics,225,IFTTT,3,internet,207,mobile,252,news,99,sharedtutor,78,slider,2,video tutorials,5,VideoHive,1156,YouTube,1005,
SharedTutor Tutorials For Everyone: Lynda – HTML5 Projects: Advanced To-Do List
Lynda – HTML5 Projects: Advanced To-Do List
SharedTutor Tutorials For Everyone
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy