Table Of ContentDeveloping Windows
Store Apps with HTML5
and JavaScript
Learn the key concepts of developing Windows
Store apps using HTML5 and JavaScript
Rami Sarieddine
BIRMINGHAM - MUMBAI
Developing Windows Store Apps with HTML5
and JavaScript
Copyright © 2013 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval
system, or transmitted in any form or by any means, without the prior written
permission of the publisher, except in the case of brief quotations embedded in
critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy
of the information presented. However, the information contained in this book is
sold without warranty, either express or implied. Neither the author, nor Packt
Publishing, and its dealers and distributors will be held liable for any damages
caused or alleged to be caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all the
companies and products mentioned in this book by the appropriate use of capitals.
However, Packt Publishing cannot guarantee the accuracy of this information.
First published: August 2013
Production Reference: 1160813
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham B3 2PB, UK.
ISBN 978-1-84968-710-2
www.packtpub.com
Cover Image by Michel Makhoul ([email protected])
Credits
Author Copy Editors
Rami Sarieddine Mradula Hegde
Sayanee Mukherjee
Reviewers Aditya Nair
Nidal Arabi
Alfida Paiva
Juri Strumpflohner
Jenil Vasani
Proofreader
Stephen Copestake
Acquisition Editor
Kevin Colaco
Indexer
Priya Subramani
Commissioning Editor Monica Ajmera Mehta
Priyanka Shah
Graphics
Lead Technical Editor Ronak Dhruv
Ankita Shashi
Production Coordinator
Technical Editors Manu Joseph
Ruchita Bhansali
Jalasha D'costa
Cover Work
Menza Mathew Manu Joseph
Project Coordinator
Kranti Berde
About the Author
Rami Sarieddine is a Technical Evangelist for Windows Azure and Windows
8 with Microsoft Gulf. Prior to joining Microsoft, he was working as a Software
Engineer and Analyst at the American University of Beirut. He has a cumulative
7 years of experience in web development. In the span of these 7 years, he started
with an independent venture for around 2 years. After that he directly embarked
on an employment journey that was rich with experience, during which he had led
numerous projects and held several positions from Web Developer to Information
Systems Analyst and Lead Web Developer.
He was Microsoft Valued Professional awardee in 2013 and 2012 for his
contributions in the technical communities of Visual C# and ASP.NET/IIS
respectively. The MVP award is an annual award that recognizes exceptional
technology community leaders worldwide who actively share their high quality,
real-world expertise with users and Microsoft. With fewer than 5,000 awardees
worldwide, Microsoft MVPs represent a highly select group of experts.
He was selected speaker at the first Tech.Days Beirut event by Microsoft Lebanon.
Soon after, he had become a regular speaker on training sessions at their main
events including Open Door and Tech Days. He has been heavily involved with
Microsoft Lebanon's developer communities and activities, delivering hands-on
workshops on Windows 8, HTML5, Azure, and Visual Studio. His passion for
pursuing knowledge and experience, and consequently sharing it with fellow
web developers and enthusiasts drove him into starting his own technical blog.
When not working, he enjoys running and spending time with his loved ones.
And when on vacations, he enjoys traveling and visiting new places around
the world.
He can be reached at [email protected] and you can follow his articles
and blog posts on http://code4word.com.
Acknowledgments
Apart from the hard work put into researching and writing, the realization of this book
would not have been possible without my publisher Packt Publishing, and the efforts
of their Acquisition Editor, the team of Technical Editors, and Proof Readers in helping
to complete the book. I would like to express my appreciation and gratitude to the
Project Coordinator, Kranti Berde, and the Lead Technical Editor, Ankita Shashi, for
their contribution and guidance.
Moreover, I wish to acknowledge Microsoft Lebanon for providing me with the
opportunity of delivering training sessions on Windows 8, which contributed to my
experience on the subject matter. I would like to express my gratitude for my friend
and creative UI designer Michel Makhoul for his work on the cover image. I also wish
to express my appreciation for the people who supported me throughout this journey,
namely, my colleague Chukri Soueidi for providing me with technical advice and
encouragement and my technical mentor Firas Hamdan for his contribution to my
knowledge and professional advice.
I would also like to take this opportunity to thank my family who supported my
efforts while writing the book.
Above all, I want to express my appreciation and to thank my loved one Elissar
Mezher for believing in me, supporting and ever motivating me, and mostly for
understanding my long nights at work. Thank you.
About the Reviewers
Nidal Arabi is a Software Engineer graduate of computer science from Lebanese
American University in Lebanon, Beirut. He has worked in several companies in
the banking sector as well as in the technology sector. He has been designated as
Microsoft ASP.NET MVP and he has also written many articles on ASP Alliance
website. He has experience in different technologies ranging from Java to .NET.
I would like to thank my wife Nivine Jundi for supporting me and
providing the time to review the book.
Juri Strumpflohner currently works as a Software Architect for an e-government
company, where his main responsibility is to coach developers to create appealing
rich client web applications with HTML5, JavaScript, and the .NET technology stack.
If you're interested in web development and best practices in software development,
you can visit his website at juristr.com, where he actively blogs about such topics.
He also participates in online communities such as StackOverflow, and on open
source projects on GitHub. When he is not in front of his computer, he is probably
practicing Yoseikan Budo where he currently owns a 2nd DAN. He holds a degree
of Master of Science in Computer Science.
Jenil Vasani has completed Engineering in Information Technology from Atharva
College of Engineering. He is a tech enthusiast, developer, and Microsoft Student
Partner, Gamer, and Blogger.
I would like to express my special thanks of gratitude to my parents,
God, and Packt Publishing who gave me the opportunity to review
this book. This book has helped me in doing a lot of research. I would
also like to thank my friends who contributed their suggestions.
www.PacktPub.com
Support files, eBooks, discount offers and more
You might want to visit www.PacktPub.com for support files and downloads related
to your book.
Did you know that Packt offers eBook versions of every book published, with PDF and
ePub files available? You can upgrade to the eBook version at www.PacktPub.com and
as a print book customer, you are entitled to a discount on the eBook copy. Get in touch
with us at [email protected] for more details.
At www.PacktPub.com, you can also read a collection of free technical articles, sign up
for a range of free newsletters, and receive exclusive discounts and offers on Packt books
and eBooks.
TM
http://PacktLib.PacktPub.com
Do you need instant solutions to your IT questions? PacktLib is Packt's online digital
book library. Here you can access, read, and search across Packt's entire library of books.
Why Subscribe?
• Fully searchable across every book published by Packt
• Copy and paste, print, and bookmark content
• On demand and accessible via web browser
Free Access for Packt account holders
If you have an account with Packt at www.PacktPub.com, you can use this to access
PacktLib today and view nine entirely free books. Simply use your login credentials
for immediate access.
Instant Updates on New Packt Books
Get notified! Find out when new books are published by following @PacktEnterprise
on Twitter, or the Packt Enterprise Facebook page.
Table of Contents
Preface 1
Chapter 1: HTML5 Structure 7
Understanding semantic elements 8
Introducing built-in media elements 10
Advanced media with JavaScript 14
Introducing feature-rich form elements 15
An enriched <input> tag 15
Easy validation 17
Assigning custom data attributes 20
Summary 21
Chapter 2: Styling with CSS3 23
The power of CSS3 selectors 23
Attribute selectors 25
Combinator selectors 27
Pseudo-class selectors 29
Pseudo-element selectors 29
Creating fluid layouts with Grid and Flexbox 30
The Grid layout 31
The Flexbox layout 34
CSS-powered animations 36
CSS3 animations 37
CSS3 transforms 38
Introducing media queries 39
Summary 40
