SharedTutor | Tutorials For Everyone

Find your interesting tutorials in Get your tutorial about Computer, Blogging, Makemoneyonline, Games, Design, and more!

Lynda – HTML5 Projects: Advanced To-Do List




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]

No comments

Post a Comment