
Head First HTML5 Programming
Description
Alles über E-Books | Antworten auf Fragen rund um E-Books, Kopierschutz und Dateiformate finden Sie in unserem Info- & Hilfebereich.
More details
Other editions
Additional editions

Content
- Intro
- Table of Contents
- How to use this book: Intro
- Who is this book for?
- We know what you're thinking.
- And we know what your brain is thinking.
- Metacognition: thinking about thinking
- The technical review team
- Acknowledgments
- Chapter 1: Getting to know HTML5: Welcome to Webville
- Upgrade to HTML5 TODAY
- Introducing the HTML5-o-Matic, update your HTML now!
- You're close to HTML5 markup than you think!
- HTML5 Exposed
- Would the REAL HTML5 please stand up...
- How HTML5 really works...
- Who Does What?
- Your First Mission: Browser Reconnaissance
- What can you do with JavaScript?
- Writing Serious JavaScript
- Writing Serious JavaScript Revisited...
- Bullet Points
- Exercise Solutions
- Chapter 2: Introducing JavaScript and the DOM: A Little Code
- The Way JavaScript Works
- What can you do with JavaScript?
- Declaring a variable
- How to name your variables
- Getting Expressive
- Doing things over and over...
- Make decisions with JavaScript
- Making more decisions... and, adding a catchall
- How and where to add JavaScript to your pages
- How JavaScript interacts with your page
- How to bake your very own DOM
- A first taste of the DOM
- HTML5 is from Mars, JavaScript is from Venus
- You can't mess with the DOM until the page has fully loaded
- So, what else is a DOM good for anyway?
- Can we talk about JavaScript again? Or, how to store multiple values in JavaScript
- The Phase-O-Matic
- Bullet Points
- Exercise Solutions
- Chapter 3: Events, handlers and all that jazz: A Little Interaction
- Get ready for Webville Tunes
- Getting started...
- But nothing happens when I click "Add Song
- Handling Events
- Making a Plan...
- Getting access to the "Add Song" button
- Giving the button a click handler
- A closer look at what just happened...
- Getting the song name
- How do we add a song to the page?
- How to create a new element
- Adding an element to the DOM
- Put it all together...
- Review-what we just did
- How to add the Ready Bake Code...
- Integrating your Ready Bake Code
- Bullet Points
- Exercise Solutions
- Chapter 4: JavaScript functions and objects: Serious JavaScript
- Expanding your vocabulary
- How to add your own functions
- How a function works
- Anatomy of a Function
- Local and Global Variables
- Knowing the scope of your local and global variables
- Oh, did we mention functions are also values?
- Did someone say "Objects"?!
- How to create an object in JavaScript
- Some things you can do with objects
- Let's talk about passing objects to functions
- Objects can have behavior too...
- Meanwhile back at Webville Cinema...
- Adding the "this" keyword
- How to create a constructor
- How does this really work?
- Test drive your constructor right off the factory floor
- What is the window object anyway?
- A closer look at window.onload
- Another look at the document object
- A closer look at document.getElementById
- One more object to think about: your element objects
- Bullet Points
- Exercise Solutions
- Chapter 5: Making your HTML location aware: Geolocation
- Location, Location, Location
- The Lat and Long of it...
- How the Geolocation API determines your location
- Just where are you anyway?
- How it all fits together
- Revealing our secret location...
- Writing the code to find the distance
- How to add a Map to your Page
- Displaying the Map
- Sticking a Pin in it...
- The other cool things you can do withthe Google Maps API
- Can we talk about your accuracy?
- "Wherever you go, there you are"
- Getting the app started
- Reworking our old code...
- You've got some Options...
- The world of timeouts and maximum age...
- Don't Try this at Home(PUSHING GEO TO THE LIMIT )
- Let's finish this app!
- Integrating our new function
- Bullet Points
- Exercise Solutions
- Chapter 6: Talking to the web: Extroverted Apps
- Mighty Gumball wants a Web app
- A little more background on Mighty Gumball
- So how do we make requests to web ser vices?
- How to make a request from JavaScript
- Move over XML, meet JSON
- A quick example using JSON
- Writing an onload handler function
- Displaying the gumball sales data
- How to set up your own Web Ser ver
- Impressing the client...
- Reworking our code to make use of JSON
- Moving to the Live Server
- It's a cliffhanger!
- Remember, we left you with acliffhanger? A bug.
- What Browser Security Policy?
- So, what are our options?
- Meet JSONP
- But what is the "P" in JSONP for?
- Let's update the Mighty Gumball web app
- Step 1: Taking care of the script element...
- Step 2: Now it's time for the timer
- Step 3: Reimplementing JSONP
- We almost forgot: watch out forthe dreaded browser cache
- How to remove duplicate sales reports
- Updating the JSON URL to include the lastreporttime
- Bullet Points
- Chapter 7: Bringing out your inner artist: The Canvas
- Our new start-up: TweetShirt
- Checking out the "comps"
- How to get a canvas into your web page
- How to see your canvas
- Drawing on the Canvas
- Failing gracefully
- TweetShirt: the Big Picture
- First, let's get the HTML in place
- Now, let's add the &form&
- Time to get computational, with JavaScript
- Writing the drawSquare function
- Add the call to fillBackgroundColor
- Meanwhile, back at TweetShirt.com...
- Drawing with Geeks
- Breaking down the arc method
- A little taste of using the arc
- I say degree, you say radian
- Back to writing the TweetShirt circle code
- Writing the drawCircle function...
- Getting your tweets
- Canvas Text Up Close
- Giving drawText a spin
- Completing the drawText function
- A quick test drive and then LAUNCH!
- Bullet Points
- Exercise Solutions
- TweetShirt Easter egg
- Chapter 8: Not your father's TV: Video...with special guest star "Canvas
- Meet Webville TV
- Plug that set in and test it out...
- How does the video element work?
- Closely inspecting the video attributes...
- What you need to knowabout video formats
- How to juggle all those formats...
- Your Next Mission: Video Reconnaissance
- I was told there would be APIs?
- A little content "programming" on Webville TV
- Implementing Webville TV's playlist
- So what's up with that event handler code?
- How to write the "end of video" handler
- How the canPlayType method works
- We need your help!
- Step inside the booth, let's take a look...
- Unpacking the Demo Unit
- Inspecting the rest of the factory code
- The setEffect and setVideo handlers
- And here are the helper functions
- Getting our demo videos ready...
- Implementing the video controls
- Taking care of a loose end...
- Switching test videos
- It's time for special effects
- The FX plan
- Time to get those effects buttons working
- How video processing works
- How to process video using a scratch buffer
- Implementing a scratch buffer with Canvas
- Writing the code to process the video
- How to create the buffer
- How to process the buffer
- Now we need to write some effects
- If only it were a perfect world...
- How to use error events
- Where can you go from here?
- Bullet Points
- Exercise Solutions
- Chapter 9: Storing things locally: Web Storage
- How browser storage works (1995 - 2010)
- How HTML5 Web Storage works
- Note to self...
- Were Local Storage and the Array separated at birth?
- Getting serious about stickies
- Creating the interface
- Now let's add the JavaScript
- Completing the user interface
- We need to stop for a little scheduled service
- Do-It-Yourself maintenance
- We have the technology...
- Reworking our app to use an array
- Converting createSticky to use an array
- What needs to change?
- Putting it all together
- Deleting sticky notes
- The deleteSticky function
- How do you select a sticky to delete?
- How to get the sticky to delete from the event
- Delete the sticky from the DOM, too
- Update the user interface so we can specify a color
- JSON.stringify, it's not just for Arrays
- Using the new stickyObj
- Test drive sticky note colors
- Don't Try this at Home(or blowing up your 5 megabytes)
- Now that you know localStorage,how are you going to use it?
- Bullet Points
- Exercise Solutions
- Chapter 10: Putting JavaScript to work: Web Workers
- The Dreaded Slow Script
- How JavaScript spends its time
- When single-threaded goes BAD
- Adding another thread of control to help
- How Web Workers work
- Your first Web Worker...
- Writing Manager.js
- Receiving messages from the worker
- Now let's write the worker
- Virtual Land Grab
- How to compute a Mandelbrot Set
- How to use multiple workers
- Let's build the Fractal Explorer app
- Ready Bake Code
- Creating workers, and giving them tasks...
- Writing the code
- Getting the workers started
- Implementing the worker
- Back to the code: how to processthe worker's results
- Fitting the canvas to the browser window
- The anal-retentive coder
- IN THE LABORATORY
- Bullet Points
- Exercise Solutions
- Appendix: The Top Ten Topics (we didn't cover)
- #1 Modernizr
- #2 Audio
- #3 jQuer y
- #4 XHTML is dead, long live XHTML
- #5 SVG
- #6 Offline web apps
- #7 Web Sockets
- #8 More canvas API
- #9 Selectors API
- #10 But, there's even more!
- The HTML5 Guide to New Construction
- Webville Guide to HTML5 Semantic Elements
- Adding style to your new construction with CSS3
- Webville Guide to CSS3 Properties
- Index
- Colophon
- This isn't goodbye
System requirements
File format: ePUB
Copy protection: Adobe-DRM (Digital Rights Management)
System requirements:
- Computer (Windows; MacOS X; Linux): Install the free reader Adobe Digital Editions prior to download (see eBook Help).
- Tablet/smartphone (Android; iOS): Install the free app Adobe Digital Editions or the app PocketBook before downloading (see eBook Help).
- E-reader: Bookeen, Kobo, Pocketbook, Sony, Tolino and many more (not Kindle).
The file format ePub works well for novels and non-fiction books – i.e., „flowing” text without complex layout. On an e-reader or smartphone, line and page breaks automatically adjust to fit the small displays.
This eBook uses Adobe-DRM, a „hard” copy protection. If the necessary requirements are not met, unfortunately you will not be able to open the eBook. You will therefore need to prepare your reading hardware before downloading.
Please note: We strongly recommend that you authorise using your personal Adobe ID after installation of any reading software.
For more information, see our ebook Help page.