Jump to ratings and reviews
Rate this book

HTML5 Web Application Development By Example Beginner's guide

Rate this book
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. Overview 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. What you will learn from this book Approach 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. Who this book is written for 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.

276 pages, Paperback

First published January 1, 2013

2 people are currently reading
11 people want to read

About the author

Ratings & Reviews

What do you think?
Rate this book

Friends & Following

Create a free account to discover what your friends think of this book!

Community Reviews

5 stars
5 (71%)
4 stars
1 (14%)
3 stars
1 (14%)
2 stars
0 (0%)
1 star
0 (0%)
Displaying 1 - 5 of 5 reviews
3 reviews
November 20, 2013
The book has the title HTML5 Web Application Development By Example - Beginner's Guide and it is exactly what it states. The book covers the main HTML5 elements and the new APIs in HTML5 by developing (along with the reader) simple and interesting applications.

jQuery is the only helper library which the author uses to develop these apps. First a Task Management application is developed with simple jQuery commands, afterwards the model for a task is developed afterwards the adding/deleting functionality is added. The book presents a lot of JavaScript and HTML code and the author briefly explains these parts of code. After building the first application the author focuses on UX (User Experience), presents some nice CSS features, it shows how to develop our app to support skins - I really liked this part. After skinning the application, the HTML5 Web Storage API is presented and used to store/load the tasks from our application.

Before moving on, the author introduces the concept of binding data between the model and the UI, it implements the basics of a Binding framework. I think this is really helpful for people who are new to programming because it's possible they did not hear about the concept of binding and did not use any of the MVW (W-whatever) frameworks available out there.

The drawing basics are presented afterwards using HTML5's canvas object, and a nice painting application is being developed. Afterwards this application is extended to support some basic photo editing features (grey-scale, sepia); reading and writing image files is done through HTML5's new file API.

Maybe the most fun app developed in the book is the Piano app, for which the author uses the audio tag from HTML5 to get some sound out of the speakers (and of course some CSS, jQuery is also used).

At the end of the book the author covers the basics of AJAX and data manipulation (XML, JSON). The data communication between the client and the server is presented as a Weather app which loads the temperature of a city dynamically from the server. The Geolocation API is mentioned, but not presented extensively.

At the end of the book the author covers web workers (which were also introduced in HTML5), he uses web workers to generate data for fractals and these can be displayed afterwards.

Overall the book is really good with a lot of detailed explanation, but it is really helpful for beginners. The people who have used jQuery before or have some web developer experience will find these explanations too detailed. I think it is a good book to start with if you are new to web development and you would like to see where does the SPA (Single Page Application) concept start, because most of the apps developed in the book are SPAs.
228 reviews6 followers
November 2, 2014
I have seen a few other books on this topic, but this one starts from the very basics and takes the reader through some of the very advanced concepts.

The first three chapters work on improving the user-experience and the feature set of a 'to-do' list. The author's style of explanation is quite lucid and easily understandable.

The next two chapters throw light on HTML5 Canvas, showing a glimpse of the power that the Canvas holds.

Chapters 6 and 7 show the HTML5 Audio element. At then end of these chapters, you will have become a piano-man!

Chapter 8 talks about making server calls using jQuery Ajax. This chapter could have been a bit more elaborate with code samples for making post and delete calls on the server (although the challenge there is to have a server-side component for the application).

The information provided regarding Web Workers is also very nice.

The highlights of the book are:
* The piano game in chapter 7
* The photo pad app in chapter 5
* The working details of Web Worker in chapter 9

All-in-all, if you're new to the subject and want to learn a good deal on this topic, this is a good book.
Profile Image for Bill Jones.
72 reviews2 followers
October 9, 2013
This book really had me thinking about HTML5 in a whole new way. First I respect any coder who uses UML or Flowcharts to delegate the thinking process involved in organized code. I really like the Pop Quiz exercises to test my new found knowledge, the applications in the book are usable and not very difficult to follow.

Having knowledge of JavaScript(jQuery), HTML, and CSS will help you with HTML5.

A few things to mention:
I really liked the photo manipulation, black and white, sepia, etc.
The basic drawing application is really great, it shows you how things work and what you can expect.
Canvas is really powerful, it's not limited to what this book shows it's uses. You can use it to make HTML5 Games!

Don't skip anything and start from page 1, the author builds on the knowledge you learn from the start. Excellent book at a reasonable price to get you started.

http://www.packtpub.com/html5-web-app...
Profile Image for Ivan Fraixedes.
22 reviews
November 13, 2013
Are you looking for a book to know more about HTML5? Do you get bored reading tons of theory and not many "hand on lab"?
Then don't search more and read this book.

It teach you what HTML5 brings driven by examples. You'll find out how to build classical 'todo list' from scratch, following an incremental development to enhance it with more and more features and also making it beautiful with the new CSS3 properties.

But it isn't all, you will be instructed with the HTML5 canvas and APIs (File, Audio, ...) and how to make it available offline, so it allows you to craft web applications close to desktop ones.

Just go for it bit.ly/18Smq8Q
Displaying 1 - 5 of 5 reviews

Can't find what you're looking for?

Get help and learn more about the design.