- HTML5 Web Application Development By Example Beginner's Guide
- J.M. Gustafson
- 181字
- 2021-08-13 16:50:26
Chapter 3. The Devil is in the Details
"Men who wish to know about the world must learn about it in its particular details."
—Heraclitus
This chapter is all about the new HTML5 input types and how to interact with them using JavaScript. In Chapter 1, The Task at Hand, we created a task list application and in Chapter 2, Let's Get Stylish, we styled it using new CSS3 styles. In this chapter we continue to improve it by adding a task details section using the new HTML5 input types. Then we will use custom data attributes to automatically bind values in the view to the data model in our application. We will also add some jQuery animations to make UI transitions smoother.
We will learn the following topics in this chapter:
- The new HTML5 input types and what benefits they provide
- Custom data attributes and their uses
- How to bind a data model to input elements using custom data attributes
- Using jQuery animation methods to hide and show elements
- Using timers to queue up saves to localStorage