HTML5 Mobile Web Development
By Jake Carter
Publisher: O'Reilly Media
Released: September 2010
Run time: 13 hours 23 minutes

Ready to create mobile web applications with the new features available in HTML5? In this 10-session video course, you’ll learn how to style apps to respond to a mobile device’s vertical and horizontal orientation, take advantage of global positioning, create basic animations, make your app available to users offline, and much more.

Presented by creativeLIVE in partnership with O’Reilly, each session offers easy-to-follow, hands-on lessons. You’ll learn how to combine HTML5 elements with JavaScript and CSS3 to build mobile web apps for Twitter, movie trailers, and an address book. This video package is ideal for web developers interested in mobile development, mobile web developers ready to update their skills with HTML5, and business developers and project managers looking to understand mobile technologies.

  • Discover what’s new in HTML5, CSS3, and JavaScript for mobile development
  • Build your own Twitter App with these technologies
  • Create apps that detect the orientation of mobile devices
  • Use geolocation and maps in a location-based app
  • Enable mobile users to use your app offline
  • Use HTML5 web forms to create an address book app
  • Create drawings and animation with JavaScript and HTML5’s canvas element
  • Use HTML5’s audio and video elements to build a movie trailer app

You’ll get access to all ten sessions, including slide presentations and examples. Each session was presented live during ten consecutive weeks in October, November, and December 2010, and you can now download all the videos and example files, which include presentation slides, tip sheets, code and sample eBook chapters.

Table of Contents
Product Details
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
O'Reilly MediaHTML5 Mobile Web Development
 
3.9

(based on 8 reviews)

Ratings Distribution

  • 5 Stars

     

    (3)

  • 4 Stars

     

    (3)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (2)

  • 1 Stars

     

    (0)

67%

of respondents would recommend this to a friend.

Pros

  • Easy to understand (6)
  • Helpful examples (6)

Cons

    Best Uses

    • Novice (5)
    • Student (4)
      • Reviewer Profile:
      • Developer (5)

    Reviewed by 8 customers

    Sort by

    Displaying reviews 1-8

    Back to top

    (4 of 7 customers found this review helpful)

     
    2.0

    The Video Format Doesn't Quite Work for

    By Don

    from Bucks County, Pennsylvania

    About Me Developer

    Verified Reviewer

    Pros

    • Helpful examples
    • Subject matter

    Cons

    • Challenging format

    Best Uses

    • Novice

    Comments about O'Reilly Media HTML5 Mobile Web Development:

    I was intrigued when O'Reilly published HTML5 Mobile Web Development, a video series on HTML5 targeted at web professionals. My hope was that a tutorial video would address some of the problems in trying to learn from books and provide more dynamic examples. I really liked the content being presented, such as real life examples of how to structure pages, create a twitter app, add geolocation, and creating databases.

    In practice, the videos didn't quite work out as well as I had hoped. I found some of the same challenges as I did when I took some pre-recorded graduate classes. I found that even though Jake Carter was clearly an expert and had structured his ideas well, I had a really hard time keeping focused. I have come to expect five minute "bite sized" chunks of information, which provide me with the ability to skip over the sections that I understand and go straight to the parts that I don't. I frankly don't have the patience to sit still through hours of video.

    The series would really benefit from even some rudimentary interactivity such as putting a section at the front end describing what the learning objectives for each section were with a test at the end to see whether you had mastered the material or not.

    When videos are structured that way, I can start by reading the objectives, then take the test to find out whether or not I actually needed to watch the entire video. That was much the same approach that I used with college text books. If I knew the material and could pass the test at the end, I didn't watch. The fact was, I could figure out which of the 12 hours of video that I needed to watch, and which I didn't.

    I like the fact that O'Reilly is pushing the envelope, but found that this format just didn't work for me.

    (4 of 4 customers found this review helpful)

     
    4.0

    Practical and well organized

    By Rabbit1

    from Cambridge, MA

    About Me Developer

    Verified Reviewer

    Pros

    • Easy to understand
    • Helpful examples
    • Practical
    • Well-organized

    Cons

      Best Uses

      • Intermediate
      • Novice
      • Student

      Comments about O'Reilly Media HTML5 Mobile Web Development:

      Summary:This product consists of the recording of 10 classes on developing mobile application using HTML5. Through the development of several applications, the instructor teaches and illustrates HTML5 features. Even though the demonstrations are mostly done on iphone and ipad, the material is applicable to other mobile platforms. Where dfferences exist, the instructor points them out. The class begins with settup up SDKs for iphone and Android which is fairly straightforward. This product is sutiable for anyone with some knowledge in javascript, html and css. No other coding is required. It is particularly suited for anyone who prefers instructor led classes.Reaction:I am a software deveoloper though web development is not my primary focus. I view this series of videos because I feel that this series is at the right level for me on this subject and I also need practical code examples.With this product, I have learned quite a lot about developing mobile application with HTML5. The first 5 weeks of the course is devoted to writing an application that retrieves and displays tweets using features such as persistent storage, caching and geolocation. Using this application, the instructor introduces the basic structure of a mobile application. Subsequent classes explains the media and canvas features.The class material is well organized. The 10 classes are divided into about 50 segments each of which covers specific topics and is no longer than 30 minutes. I watch a segment whenever I have an hour to spare. Since the source code for each segment is provided, I can view incremental code changes as well as the final code for the applications.I find the Q&A sessions in the video segments quite informative[@]

      (4 of 4 customers found this review helpful)

       
      5.0

      Jake Makes HTML5 Real & Work !

      By Ric

      from San Francisco

      About Me Developer

      Verified Reviewer

      Pros

      • Accurate
      • Concise
      • Easy to understand
      • Helpful examples
      • Well-written

      Cons

        Best Uses

        • Intermediate
        • Novice
        • Student

        Comments about O'Reilly Media HTML5 Mobile Web Development:

        Very good presenter, instructor, and speaker. Interesting material that was conveyed in a manner that was extremely approachable. I bought the video to do the class again and cement the content into my leaky brain. One addition is Beth Robson... WOW does she know her stuff... when I can't articulate the question, she is already asking it. Powerful team, good time. -Ric

        (6 of 7 customers found this review helpful)

         
        2.0

        Less Mobile web apps than iOS web apps

        By jddj

        from Greater Atlanta

        About Me Interaction Designer, UX professional

        Verified Reviewer

        Pros

        • Easy to understand
        • Overview

        Cons

        • Not comprehensive enough
        • Too basic
        • Too many errors

        Best Uses

        • Novice

        Comments about O'Reilly Media HTML5 Mobile Web Development:

        Instructor was knowledgeable about HTML5 on iOS and Mac OS web development, but didn't have depth on Android, and couldn't create examples that demonstrated his code on both of these critical platforms.

        Instructor recommended at least one "worst-practice" - locking the size of the app to the screen (crushing for smartphones that can zoom in and out), and provided code with bugs and omissions.

        Course was a basic primer, probably best aimed at web designers more than web developers. It'll give you a taste of HTML5, but not provide as much useful information for the developing pro as would an HTML5 reference. In class, early "design" examples were coded live, in middle "programming" examples, we were asked to "uncomment" code, and by the end, we just had the examples described to us. There was little interaction.

        The material was too basic for real developers, and over the heads of the average designer (many chat comments complaining about having to do math).

        Instructor made several excuses about not having an Android device to test on, not having tested code on the Android emulator, and didn't indicate he'd looked into how you'd use something other than a Mac for your development environment. These would seem like basic requirements for someone teaching such a course.

        Session 1 of the class consisted of little more than "install the things we might or might not have told you about in the course requirements".

        A long, slow narrowband way to get the information you need.

        (3 of 3 customers found this review helpful)

         
        5.0

        A Solid Introduction to HTML5

        By gdworks

        from San Diego CA

        About Me Developer, Maker

        Verified Reviewer

        Pros

        • Easy to understand
        • Helpful examples

        Cons

          Best Uses

            Comments about O'Reilly Media HTML5 Mobile Web Development:

            In this video series, the instructor provides a thorough introduction to HTML5/CSS3 development. In the first part of the course he walks us through development of a mobile Twitter application. In my opinion, the course is better than a "live" class (I can do the examples at my own pace) - but there are some issues to consider:- The material is Apple-centric. While he uses iPhone/iPad simulators and an Android Emulator to test each new feature in the Twitter app, Jake develops on a Mac, and emphasizes Apple mobile devices. I'm not sure how efficient and/or distracting it would be to do the labs in a Wintel / Android environment. - Browser HTML5 compliance varies greatly; only the newest devices are compliant enough to render the html5/css3 content as one would expect. The course uses an Android 2.2 Emulator and iPhone / iPhone4 Simulators. They had no problems rendering the html5/css3 as expected; when I used an Android 2.1 phone or Firefox to browse the same files, they rendered incorrectly. This last issue highlights the fragmented nature of today's Smart Phone market. And in fairness, it is beyond the scope of this video course. But, choosing a toolset is a strategic challenge for the developer: Least common denominator? Native Applications? HTML5? Given the half-life of Android OS versions, mobile HTML5 will be ubiquitous in two years. If your goal is to develop for both iPhone/iPad and Android 2.2+, then html5 seems to be the path forward. However, if you need to consider the millions of 1.5, 1.6, and 2.1 Android devices as well, then html4/css2, native app programming, or a framework are necessary. In either case, this course provides a great hands-on introduction to this technology. [@]

            (3 of 5 customers found this review helpful)

             
            4.0

            Vey good

            By mario

            from colombia

            About Me Developer

            Verified Reviewer

            Pros

            • Accurate
            • Concise
            • Easy to understand
            • Helpful examples
            • Well-written

            Cons

            • None

            Best Uses

            • Student

            Comments about O'Reilly Media HTML5 Mobile Web Development:

            Vey good tutorials

            (2 of 2 customers found this review helpful)

             
            4.0

            It's useful, easy and fast way to learn

            By lucamezzalira

            from padova

            About Me Designer, Educator

            Verified Reviewer

            Pros

            • Easy to understand
            • Helpful examples

            Cons

              Best Uses

              • Novice
              • Student

              Comments about O'Reilly Media HTML5 Mobile Web Development:

              Course is focused on mobile development, Jake Carter, the author, shows also Android world, how to configure your computer to work with emulator and simulator for Android, iPhone and so on.

              I really love the way that he works in the classroom because first of all he explains the powerful of a particular feature, then show how to implement it and finally a little part of Q&A from internet people (I suppose).
              It was my first time with HTML5 and I think is an interesting technology, in particular, during this course I learn how to work with geolocation, with JS and Canvas, with audio and video API and again how to save data directly on the device in a database.
              I appreciate a lot al meta and css dedicated to iPhone and iPad, very useful.
              Finally if you are interesting to learn a new way to develop on mobile, I suggest to take a look at this reference.

              (1 of 9 customers found this review helpful)

               
              5.0

              I would buy this product again and again

              By gartox

              from Cardenas Tabasco

              Comments about O'Reilly Media HTML5 Mobile Web Development:

              I read the book

              Displaying reviews 1-8

              Back to top

               
              Buy 2 Get 1 Free Free Shipping Guarantee
              Buying Options
              Immediate Access - Go Digital what's this?
              Video: $139.00
              (Streaming, Downloadable)