p. 1

[close]

p. 2

[close]

p. 3

advance praise for head first html5 programming html5 is the future of the web how many times have you heard that if you really want to understand the family of technologies that make up html5 read this book head first html5 programming is the definitive book on html5 for everyone from beginners to experienced developers aaron laberge ceo fanzter inc this book is a rollicking ride through the wild new territory of html5 where we are all bound to be battling scorpions for years it takes you through basic concepts so you understand the purposes of the html5 design and then into each area so you know your way around like all head first books it replaces dry recitation with lively memorable fact-laden bursts of information i will always have the formal html5 spec web site for reference purposes but i d rather learn it lively ken arnold design/build hub peak impact inc a must have book on html5 which continues on the head first tradition of being witty fun chocked-full of examples and wickedly smart danny mavromatis sr software architect abc television group head first html5 programming does a great job of making sense of many of the key aspects of html5 in a fun easy-to-digest manner with its highly-visual style and numerous code samples complex concepts like canvas and asynchronous programming are simplified and illustrated making them straightforward and engaging michael s scherotter principal architect evangelist microsoft corporation html5 is a cake with many layers of technologies head first html5 programming bakes that cake and then throws it at your face you will consume deliciousness and rejoice josh rhoades co-founder of brighthalf with head first html5 programming the multiplicity of html5 is approached with a multiplicity in the medium that makes the hard work of learning fun ward cunningham wiki inventor html5 is the hottest new technology for website development developers far and wide can t wait to put it to use to build flexible rich media websites that also work great on tablets and smart phones head first html5 programming is the best and funnest way to feed this exciting new technology to your brain i highly recommend it marianne marck svp technology blue nile inc.

[close]

p. 4

advance praise for head first html5 programming straightforward informative and entertaining head first html5 programming is a must for anyone wanting to get started with html5 or just to refresh their skills the head first series helps me to keep my technical skills up to date allowing me to better support my developers and projects todd guill project manager allrecipes.com this ain t your grandpa s dhtml head first html5 programming paints a hopeful and confident picture of the future of the web through html5 while empowering you to code your own ticket there if you re seeking a definitive accessible and at times pretty funny guidebook to this standard look no further manny otto web producer and creative the authors have hit the nail on the head javascript skills are the key to html5 even if you ve never written a javascript program before they ll quickly get you up and running through a series of fun and practical projects david powers author of php solutions dynamic web design made easy

[close]

p. 5

praise for other books from eric freeman elisabeth robson this book s admirable clarity humor and substantial doses of clever make it the sort of book that helps even non-programmers think well about problem-solving cory doctorow co-editor of boing boing and author of down and out in the magic kingdom and someone comes to town someone leaves town i feel like a thousand pounds of books have just been lifted off of my head ward cunningham inventor of the wiki and founder of the hillside group this book is close to perfect because of the way it combines expertise and readability it speaks with authority and it reads beautifully it s one of the very few software books i ve ever read that strikes me as indispensable i d put maybe 10 books in this category at the outside david gelernter professor of computer science yale university and author of mirror worlds and machine beauty i literally love this book in fact i kissed this book in front of my wife satish kumar beware if you re someone who reads at night before falling asleep you ll have to restrict head first html with css xhtml to daytime reading this book wakes up your brain pauline mcnamara center for new technologies and education fribourg university switzerland head first html with css xhtml is a thoroughly modern introduction to forward-looking practices in web page markup and presentation it correctly anticipates readers puzzlements and handles them just in time the highly graphic and incremental approach precisely mimics the best way to learn this stuff make a small change and see it in the browser to understand what each new item means danny goodman author of dynamic html the definitive guide the web would be a much better place if every html author started off by reading this book l david baron technical lead layout css mozilla corporation http dbaron.org head first html with css xhtml teaches you how to do things right from the beginning without making the whole process seem overwhelming html when properly explained is no more complicated than plain english and they do an excellent job of keeping every concept at eye-level mike davidson president ceo newsvine inc.

[close]

p. 6

other o reilly books by eric freeman and elisabeth robson head first design patterns head first html with css and xhtml other related books from o reilly html5 up and running html5 canvas html5 the missing manual html5 geolocation html5 graphics with svg and css3 html5 forms html5 media other books in o reilly s head first series head first c head first java head first object-oriented analysis and design ooa&d head first html with css and xhtml head first design patterns head first servlets and jsp head first sql head first software development head first javascript head first ajax head first rails head first php mysql head first web design head first networking head first iphone and ipad development head first jquery

[close]

p. 7

head first html5 programming building web apps with javascript wouldn t it be dreamy if there was an html5 book that didn t assume you knew what the dom events and apis were all by page three it s probably just a fantasy eric freeman elisabeth robson beijing · cambridge · kln · sebastopol · tokyo

[close]

p. 8

head first html5 programming by eric freeman and elisabeth robson copyright © 2011 eric freeman and elisabeth robson all rights reserved printed in the united states of america published by o reilly media inc 1005 gravenstein highway north sebastopol ca 95472 o reilly media books may be purchased for educational business or sales promotional use online editions are also available for most titles http my.safaribooksonline.com for more information contact our corporate institutional sales department 800 998-9938 or corporate@oreilly.com series creators editor design editor cover designer production editor indexer proofreader printing history october 2011 first edition kathy sierra bert bates courtney nash louise barr karen montgomery kristen borg ellen troutman nancy reinhardt the o reilly logo is a registered trademark of o reilly media inc the head first series designations head first html5 programming and related trade dress are trademarks of o reilly media inc many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks where those designations appear in this book and o reilly media inc was aware of a trademark claim the designations have been printed in caps or initial caps while every precaution has been taken in the preparation of this book the publisher and the authors assume no responsibility for errors or omissions or for damages resulting from the use of the information contained herein no gumballs were harmed in the making of this book isbn 978-1-449-39054-9 [m]

[close]

p. 9

to steve jobs who hyped html5 to the point where this book should sell a zillion copies and to steve jobs because he s our hero.

[close]

p. 10

the authors authors of head first html5 programming elisabeth ro bson eric freeman eric is described by head first series co-creator kathy elisabeth is a software engineer writer and trainer sierra as one of those rare individuals fluent in the language practice and culture of multiple domains from hipster hacker corporate vp engineer think tank professionally eric recently ended nearly a decade as a media company executive having held the position of cto of disney online disney.com at the walt disney company eric is now devoting his time to wickedlysmart a startup he co-created with elisabeth by training eric is a computer scientist having studied with industry luminary david gelernter during his ph.d work at yale university his dissertation is credited as the seminal work in alternatives to the desktop metaphor and also as the first implementation of activity streams a concept he and dr gelernter developed in his spare time eric is deeply involved with music you ll find eric s latest project a collaboration with ambient music pioneer steve roach available on the iphone app store under the name immersion station eric lives with his wife and young daughter on bainbridge island his daughter is a frequent vistor to eric s studio where she loves to turn the knobs of his synths and audio effects eric s also passionate about kids education and nutrition and looking for ways to improve them write to eric at eric@wickedlysmart.com or visit his site at http ericfreeman.com viii she has been passionate about technology since her days as a student at yale university where she earned a masters of science in computer science and designed a concurrent visual programming language and software architecture elisabeth s been involved with the internet since the early days she co-created the award-winning web site the ada project one of the first web sites designed to help women in computer science find career and mentorship information online she s currently co-founder of wickedlysmart an online education experience centered on web technologies where she creates books articles videos and more previously as director of special projects at o reilly media elisabeth produced in-person workshops and online courses on a variety of technical topics and developed her passion for creating learning experiences to help people understand technology prior to her work with o reilly elisabeth spent time spreading fairy dust at the walt disney company where she led research and development efforts in digital media when not in front of her computer you ll find elisabeth hiking cycling or kayaking in the great outdoors with her camera nearby or cooking vegetarian meals you can send her email at beth@wickedlysmart.com or visit her blog at http elisabethrobson.com.

[close]

p. 11

table of contents table of contents summary intro 1 2 3 4 5 6 7 8 9 10 getting to know html5 welcome to webville introducing javascript and the dom a little code events handlers and all that jazz a little interactivity javascript functions and objects serious javascript making your html location aware geolocation talking to the web extroverted apps bringing out your inner artist canvas not your father s tv video with special guest star canvas storing things locally web storage putting javascript to work web workers appendix top ten topics we didn t cover index ix 1 35 85 113 165 213 281 349 413 473 531 549 table of contents the real thing intro your brain on html5 programming here you are trying to learn something while here your brain is doing you a favor by making sure the learning doesn t stick your brain s thinking better leave room for more important things like which wild animals to avoid and whether naked snowboarding is a bad idea so how do you trick your brain into thinking that your life depends on knowing html5 and javascript 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 xxii xxiii xxiii xxv xxx xxxi ix

[close]

p. 12

table of contents 1 getting to know html5 welcome to webville html has been on a wild ride sure html started as a mere markup language but more recently html s put on some major muscle now we ve got a language tuned for building true web applications with local storage 2d drawing offline support sockets and threads and more the story of html wasn t always pretty and it s full of drama we ll get to all that but in this chapter we re first going to go on a quick joyride through webville to get sense for everything that goes into html5 come on hop in we re headed to webville and we re going to start by going from zero to html5 in 3.8 pages flat upgrade to html5 today introducing the html5-o-matic update your html now you re closer to html5 markup than you think html5 exposed confessions of the newest version of html would the real html5 please stand up how html5 really works who does what your first mission browser reconnaisance html head title script h1 body h2 em p 2 4 7 11 12 14 16 17 22 25 26 31 33 what can you do with javascript writing serious javascript writing serious javascript revisited bullet points exercise solution canvas video local storage drag drop sockets offline caching web workers audio forms geolocation x

[close]

p. 13

table of contents 2 introducing javascript and the dom a little code javascript is going to take you to new places you already know all about html markup otherwise known as structure and you know all about css style otherwise known as presentation but what you ve been missing is javascript otherwise known as behavior if all you know about are structure and presentation sure you can create some great-looking pages but they re still just pages when you add behavior with javascript you can create an interactive experience or even better you can create full blown web applications get ready to add the most interesting and versatile skill in your web toolkit javascript and programming 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 catch all 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 phrase-o-matic bullet points exercise solutions 36 37 38 40 43 46 49 50 53 54 55 56 58 64 66 67 71 75 77 xi

[close]

p. 14

table of contents 3 events handlers and all that jazz a little interactivity you still haven t reached out to touch your user you ve learned the basics of javascript but can you get interactive with your users when pages respond to user input they aren t just documents anymore they re living reacting applications in this chapter you re going to learn how to handle one form of user input excuse the pun and wire up an old-fashioned html

[close]

p. 15

table of contents 4 javascript functions and objects serious javascript can you call yourself a scripter yet probably you already know your way around a lot of javascript but who wants to be a scripter when you can be a programmer it s time to get serious and take it up a notch it s time you learn about functions and objects they re the key to writing code that is more powerful better organized and more maintainable they re also heavily used across html5 javascript apis so the better you understand them the faster you can jump into a new api and start ruling with it strap in this chapter is going to require your undivided attention 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 114 115 116 121 123 124 128 131 132 133 136 142 143 145 147 149 153 155 156 157 157 158 160 xiii

[close]