One Web To Rule Them All
-
Upload
den-odell -
Category
Technology
-
view
477 -
download
1
description
Transcript of One Web To Rule Them All
![Page 1: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/1.jpg)
DEN ODELL AKQA
#TECHINSIGHT TECHINSIGHT.IO
One Web To Rule Them All
![Page 2: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/2.jpg)
@DENODELL
this print for content only—size & color not accurate spine = 0.844" 440 page count
BOOKS FOR PROFESSIONALS BY PROFESSIONALS®
Pro JavaScript RIA Techniques: Best Practices, Performance, and PresentationDear Reader,
Many people are familiar with rich Internet applications (RIAs), those web sites that blur the line between desktop software and the web browser. Applications like webmail clients, photo editors, and social networking sites cross this boundary. They feature intuitive, user-friendly interfaces, without the need for page refreshes or other interruptions to the end user’s experience. It is widely regarded that this type of web site will continue to grow in popularity.
I wrote this book to help web developers with some existing JavaScript skills suc-cessfully create their own professional, visually rich, dynamic, and performance-tuned RIAs. And following the guidelines in this book, you’ll be safe in the knowledge that your code is built according to best practices, adhering to web standards and accessibility guidelines.
In this book, I will show you how best to build a solid, maintainable foundation of HTML, CSS, and JavaScript code for your RIAs, together with the Ajax techniques needed to provide the dynamic communication between the browser and web server behind the scenes. I will describe the performance limitations you may run into when building your web applications and how best to overcome these. And I’ll give you some tips for making your user interfaces feel more responsive, even when you can’t get around the performance limitations.
You also will learn how to improve your RIA user interfaces by adding typo-graphical headings using custom fonts, multimedia playback components, customized form controls, and dynamic charting capabilities. Additionally, I will demonstrate how to continue running your web applications when the connection to the server is broken, how to use Ajax to read hidden data stored within binary files, and how to ensure the highest level of accessibility within your JavaScript web applications.
Den Odell
US $44.99
Shelve in Web Development
User level: Intermediate–Advanced
OdellPro JavaScript RIA Techniques
THE EXPERT’S VOICE® IN WEB DEVELOPMENT
ProJavaScript RIA TechniquesBest Practices, Performance, and Presentation
CYAN MAGENTA
YELLOW BLACK PANTONE 123 C
Den Odell
Companion eBook Available
www.apress.comSOURCE CODE ONLINE
Companion eBook
See last page for details
on $10 eBook version
Turn your JavaScript knowledge into beautiful, dynamic, and performance-tuned rich Internet applications
ISBN 978-1-4302-1934-7
9 781430 219347
54499
RELA
TED
TITL
ES
DEN ODELL HEAD OF WEB DEVELOPMENT, AKQA
Out July
![Page 3: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/3.jpg)
“Imagine a console in your office that will bring
the accumulated knowledge of the world to
your fingertips.”
Arthur C. Clarke, Popular Science, 1970
![Page 4: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/4.jpg)
“You can get the data on some historical event,
or hear an illustrated lecture on any subject
you wish. Or you can hold an electronic
conference with any group of people scattered
all over the world, seeing each other as
you talk.”
Arthur C. Clarke, Popular Science, 1970
![Page 5: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/5.jpg)
1993
![Page 6: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/6.jpg)
“The web is an incredible democratiser. A
small company can look as large as a big
company and be as accessible as a big
company on the web.”
Steve Jobs, Wired Magazine, 1996
![Page 7: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/7.jpg)
ACCESS THE WEB ANYTIME, ANYPLACE, ANYWHERE, ANYHOW.
![Page 8: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/8.jpg)
ONE WEB
![Page 9: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/9.jpg)
User Interface Varies Based On Device Characteristics
RESPONSIVEWeb
design
![Page 10: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/10.jpg)
MULTIMODAL INTERACTION
![Page 11: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/11.jpg)
Multimodal Interaction
DATA STORE
SERVICES (RESTful)
WEB BROWSER iOS APP ANDROID APP
![Page 12: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/12.jpg)
Multimodal Interaction
DATA STORE
SERVICES (RESTful)
MODALITY COMPONENT
INTERACTION MANAGER
MODALITY COMPONENT MODALITY COMPONENT
![Page 13: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/13.jpg)
MULTIMODAL INTERACTION
Bringing The User Interface To The User
![Page 14: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/14.jpg)
INPUTS AND OUTPUTS
![Page 15: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/15.jpg)
Inputs
![Page 16: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/16.jpg)
Inputs
InkML HTML5 Touch Events API VoiceXML
HTML5 Touch Events API HTML DOM Events API
![Page 17: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/17.jpg)
Outputs
![Page 18: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/18.jpg)
Outputs
HTML5 / CSS3
CSS Braille Media Type
VoiceXML / JavaScript Web Speech API
HTML5 Vibration API
![Page 19: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/19.jpg)
RESPONSIVEWeb
design
+ VoiceXML
![Page 20: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/20.jpg)
RESPONSIVEWeb
design
![Page 21: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/21.jpg)
![Page 22: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/22.jpg)
![Page 23: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/23.jpg)
![Page 24: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/24.jpg)
Welcome to the ticket booking service. What
are you looking for - concert, conference, or
cinema tickets?
![Page 25: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/25.jpg)
Welcome to the ticket booking service. What
are you looking for - concert, conference, or
cinema tickets?
Cinema tickets
![Page 26: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/26.jpg)
Which film would you like to purchase tickets
for - White House Down, The Call, or About
Time?
![Page 27: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/27.jpg)
Which film would you like to purchase tickets
for - White House Down, The Call, or About
Time?
The Call
![Page 28: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/28.jpg)
OK, and which cinema should we book the
tickets for The Call at?
![Page 29: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/29.jpg)
OK, and which cinema should we book the
tickets for The Call at?
The Odeon, Leicester Square
![Page 30: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/30.jpg)
Great. We've now reserved you tickets to see
The Call at The Odeon, Leicester Square.
![Page 31: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/31.jpg)
RESPONSIVEWeb
design
Bringing The User Interface To The User
![Page 32: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/32.jpg)
TODAY
![Page 33: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/33.jpg)
Voice Search
Native Apps
![Page 34: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/34.jpg)
Voice Search
Native Apps
![Page 35: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/35.jpg)
TOMORROW
![Page 36: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/36.jpg)
StreamInput API
![Page 37: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/37.jpg)
StreamInput API
![Page 38: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/38.jpg)
EmotionML
![Page 39: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/39.jpg)
ACCESS THE WEB ANYTIME, ANYPLACE, ANYWHERE, ANYHOW.
![Page 40: One Web To Rule Them All](https://reader038.fdocuments.net/reader038/viewer/2022102823/548c8c67b4795927358b4913/html5/thumbnails/40.jpg)
ONE WEB