eBook - ePub
HTML5 Web Application Development By Example : Beginner's guide
J.M. Gustafson
This is a test
- 276 pages
- English
- ePUB (mobile friendly)
- Available on iOS & Android
eBook - ePub
HTML5 Web Application Development By Example : Beginner's guide
J.M. Gustafson
Book details
Book preview
Table of contents
Citations
About This Book
The best way to learn anything is by doing. The author uses a friendly tone and fun examples to ensure that you learn the basics of application development. Once you have read this book, you should have the necessary skills to build your own applications.If you have no experience but want to learn how to create applications in HTML5, this book is the only help you'll need. Using practical examples, HTML5 Web Application Development by Example will develop your knowledge and confidence in application development.
Frequently asked questions
How do I cancel my subscription?
Can/how do I download books?
At the moment all of our mobile-responsive ePub books are available to download via the app. Most of our PDFs are also available to download and we're working on making the final remaining ones downloadable now. Learn more here.
What is the difference between the pricing plans?
Both plans give you full access to the library and all of Perlego’s features. The only differences are the price and subscription period: With the annual plan you’ll save around 30% compared to 12 months on the monthly plan.
What is Perlego?
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 1000+ topics, we’ve got you covered! Learn more here.
Do you support text-to-speech?
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more here.
Is HTML5 Web Application Development By Example : Beginner's guide an online PDF/ePUB?
Yes, you can access HTML5 Web Application Development By Example : Beginner's guide by J.M. Gustafson in PDF and/or ePUB format, as well as other popular books in Computer Science & Programming in HTML. We have over one million books available in our catalogue for you to explore.
Information
HTML5 Web Application Development By Example Beginner's guide
Table of Contents
HTML5 Web Application Development By Example Beginner's guide
Credits
About the Author
About the Reviewer
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Time for action – heading
What just happened?
Pop quiz – heading
Have a go hero – heading
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
1. The Task at Hand
The components of an HTML5 application
Time for action – creating the HTML file
Time for action – creating the CSS file
Time for action – creating the JavaScript file
What just happened?
The dollar sign identifier
Creating our first application
Time for action – creating a tasklist
What just happened?
Time for action – removing a task from the list
Time for action – moving tasks within the list
What just happened?
HTML templates
Time for action – implementing a template
What just happened?
Time for action – editing a task in the list
What just happened?
Saving the state of the application
Time for action – creating a localStorage wrapper
What just happened?
Time for action – storing the tasklist
Time for action – loading the tasklist
What just happened?
Have a go hero
Pop quiz
Summary
2. Let's Get Stylish
CSS3 overview
CSS3 colors
Rounded corners
Shadows
Box shadows
Text shadows
Time for action – styles in action
What just happened?
Backgrounds
Linear gradients
Radial gradients
Background images
CSS sprites
Time for action – adding a gradient and button images
What just happened?
Transitions
Transforms
Time for action – effects in action
What just happened?
Dynamic stylesheets
Time for action – adding a theme selector
What just happened?
Filling the window
Time for action – expanding the application
What just happened?
Have a go hero
Pop quiz
Summary
3. The Devil is in the Details
HTML5 input types
Color
Date
Email
Number
Range
Time
URL
Datalist
Autofocus
Task details
Time for action – adding task details
What just happened?
Time for action – hiding task details
What just happened?
Custom data attributes
Data binding with custom attributes
Time for action – building a data model
Time for action – implementing the bindings
What just happened?
Time for action – loading the task list
Queuing up changes
Time for action – delaying the saves
What just happened?
Have a go hero
Pop quiz
Summary
4. A Blank Canvas
HTML5 canvas
Getting a context
Canvas basics
Clearing the canvas
Context properties
Canvas pad
Time for action – creating a canvas pad
What just happened?
Time for action – showing the coordinates
What just happened?
Drawing lines
Paths and strokes
Time for action – using the mouse to draw
What just happened?
Changing context properties
Time for action – adding context properties
Creating a toolbar
Time for action – creating a toolbar
What just happened?
Time for action – implementing a reusable toolbar
What just happened?
Adding a toolbar
Time for action – adding the toolbar object
What just happened?
Time for action – initializing menu items
What just happened?
Adding drawing actions
Time for action – creating drawing actions
What just happened?
Time for action – saving and restoring
What just happened?
Adding drawing tools
Time for action – adding a line tool
What just happened?
Drawing rectangles
Time for action – adding a rectangle tool
What just happened?
Arcs and circles
Time for action – adding a circle tool
What just happened?
Have a go hero
Pop quiz
Summary
5. Not So Blank Canvas
Drawing text
Time for action – adding a text tool
What just happened?
Have a go hero
Transformations
Time for action – adding an Ellipse tool
What just happened?
Time for action – exporting an image
What just happened?
Handling touch events
Time for action – adding touch event handlers
What just happened?
Photo Pad
Time for action – creating Photo Pad
What just happened?
The File API
Time for action – loading an image file
What just happened?
Adding effects
Time for action – the imageEffects object
What just happened?
Time for action – black and white
What just happened?
Time for action – sepia
What just happened?
Have a go hero
Image distortion
Time for action – making waves
What just happened?
Have a go hero
Pop quiz
Summary
6. Piano Man
HTML5 audio overview
The HTML5 <audio> element
The HTML5 Audio API
Loading audio files
Time for action – creating an AudioManager object
What just happened?
HTML5 piano application
Time for action – creating a virtual piano
What just happened?
Time for action – loading the notes
What just happened?
Time for action – playing the notes
What just happened?
Keyboard events
Time for action – adding keyboard events
What just happened?
Volume and sustain controls
Time for action – adding a sustain control
What just happened?
Time for action – adding a volume control
What just happened?
Have a go hero
Pop quiz
Audio tools
FreeSound.org
Audacity
Summary
7. Piano Hero
Creating Piano Hero
Time for action – creating the splash panel
What just happened?
Time for action – creating the game panel
What just happened?
Time for action – creating the controller
What just happened?
Creating an audio sequencer
Time for action – creating AudioSequencer
What just happened?
Playing a song
Time for action – adding the audio sequence...
Table of contents
Citation styles for HTML5 Web Application Development By Example : Beginner's guide
APA 6 Citation
Gustafson, JM. (2013). HTML5 Web Application Development By Example : Beginner’s guide (1st ed.). Packt Publishing. Retrieved from https://www.perlego.com/book/389958/html5-web-application-development-by-example-beginners-guide-pdf (Original work published 2013)
Chicago Citation
Gustafson, JM. (2013) 2013. HTML5 Web Application Development By Example : Beginner’s Guide. 1st ed. Packt Publishing. https://www.perlego.com/book/389958/html5-web-application-development-by-example-beginners-guide-pdf.
Harvard Citation
Gustafson, JM. (2013) HTML5 Web Application Development By Example : Beginner’s guide. 1st edn. Packt Publishing. Available at: https://www.perlego.com/book/389958/html5-web-application-development-by-example-beginners-guide-pdf (Accessed: 14 October 2022).
MLA 7 Citation
Gustafson, JM. HTML5 Web Application Development By Example : Beginner’s Guide. 1st ed. Packt Publishing, 2013. Web. 14 Oct. 2022.