HTML5 web application development by example : beginner's guide / / J.M. Gustafson

• Autore: Gustafson J. M
• Pubblicazione: Birmingham, : Packt Pub., 2013
• Edizione: 1st edition
• Descrizione fisica: vi, 260 p. : col. ill
• Disciplina: 006.76
• Soggetto topico: HTML (Document markup language); Internet programming; Cascading style sheets; JavaScript (Computer program language); Query languages (Computer science)
• Note generali: "Learn how to build rich, interactive web applications from the ground up using HTML5, CSS3, and jQuery."; Includes index.
• Nota di contenuto: Intro -- 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 sequencer -- What just happened? -- Creating animated notes -- Time for action - adding notes -- What just happened? -- Time for action - animating the notes -- What just happened? -- Have a go hero -- Handling user input -- Time for action - checking the notes -- What just happened? -- Ending the game -- Time for action - creating the results panel -- What just happened? -- Have a go hero -- Pop quiz -- Summary -- 8. A Change in the Weather -- Introduction to Ajax -- Making Ajax requests -- Time for action - creating a weather widget -- What just happened? -- Time for action - getting XML data -- What just happened? -- Time for action - getting JSON data -- What just happened? -- HTML5 Geolocation API -- Time for action - getting geolocation data -- What just happened? -- Have a go hero -- Using web services -- Weather Underground -- Cross-site scripting and JSONP -- Time for action - calling the weather service -- What just happened? -- Pop quiz -- Summary -- 9. Web Workers Unite -- Web workers -- Spawning a web worker -- Implementing a web worker -- Time for action - using a web worker -- What just happened? -- The Mandelbrot set -- Time for action - implementing the algorithm -- What just happened? -- Creating a Mandelbrot application -- Time for action - creating a Mandelbrot application -- What just happened? -- Time for action - Mandelbrot using a web worker -- What just happened?. ; Have a go hero -- Debugging web workers -- Pop quiz -- Summary -- 10. Releasing an App into the Wild -- Combining and compressing JavaScript -- Time for action - creating a release script -- What just happened? -- Have a go hero -- HTML5 Application Cache -- Time for action - creating a cache manifest -- What just happened? -- Pop quiz -- Summary -- A. Pop Quiz Answers -- Chapter 1, The Task at Hand -- Pop quiz -- Chapter 2, Let's Get Stylish -- Pop quiz -- Chapter 3, The Devil is in the details -- Pop quiz -- Chapter 4, A Blank Canvas -- Pop quiz -- Chapter 5, Not So Blank Canvas -- Pop quiz -- Chapter 6, Piano Man -- Pop quiz -- Chapter 7, Piano Hero -- Pop quiz -- Chapter 8, A Change in the Weather -- Pop quiz -- Chapter 9, Web Workers Unite -- Pop quiz -- Chapter 10, Releasing an App into the Wild -- Pop quiz -- Index.
• Sommario/riassunto: Learn how to write rich, interactive web applications using HTML5 and CSS3 through real-world examples. In a world of proliferating platforms and devices, being able to create your own “go-anywhere” applications gives you a significant advantage. Packed with example applications that show you how to create rich, interactive applications and games. Shows you how to use the most popular and widely supported features of HTML5. Full of tips and tricks for writing more efficient and robust code while avoiding some of the pitfalls inherent to JavaScript. Learn how to create professional looking applications using new CSS3 styles and responsive design. Learn how to compress, package, and distribute your web applications on the Internet for fun or for profit. In Detail HTML5's new features have made it a real application development platform with widespread adoption throughout the industry for this purpose. Being able to create one application that can run on virtually any device from phone to desktop has made it the first choice among developers. Although JavaScript has been around for a while now, it wasn’t until the introduction of HTML5 that we have been able to create dynamic, feature-rich applications rivaling those written for the desktop. HTML5 Web Application Development by Example will give you the knowledge you need to build rich, interactive web applications from the ground up, incorporating the most popular HTML5 and CSS3 features available right now. This book is full of tips, tools, and example applications that will get you started writing your own applications today. HTML5 Web Application Development by Example shows you how to write web applications using the most popular HTML5 and CSS3 features. This book is a practical, hands-on guide with numerous real-world and relevant examples. You will learn how to use local storage to save an application’s state and incorporate CSS3 to make it look great. You will also learn how to use custom data attributes to implement data binding. We’ll use the new Canvas API to create a drawing application, then use the Audio API to create a virtual piano, before turning it all into a game. The time to start using HTML5 is now. And HTML5 Web Application Development by Example will give you the tips and know-how to get started.
• Titolo autorizzato: HTML5 web application development by example
• ISBN: 1-84969-595-4
• Formato: Materiale a stampa
• Livello bibliografico: Monografia
• Lingua di pubblicazione: Inglese
• Record Nr.: 9910811852103321
• Lo trovi qui: Univ. Federico II