Creating a Web App for iPad

Creating a Web App for iPad, available at $19.99, has an average rating of 4.55, with 33 lectures, based on 45 reviews, and has 957 subscribers.

You will learn about NO APP STORES! Web Apps run form any web server Capture a web experience into a Web App Learn to work with CSS3 animations Support standard and retina graphics Make updates whenever you want Incorporating HTML5 video for iPad This course is ideal for individuals who are Designers or Web Designers or Web Developers It is particularly useful for Designers or Web Designers or Web Developers.

Enroll now: Creating a Web App for iPad

Summary

Title: Creating a Web App for iPad

Price: $19.99

Average Rating: 4.55

Number of Lectures: 33

Number of Published Lectures: 33

Number of Curriculum Items: 33

Number of Published Curriculum Objects: 33

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

NO APP STORES! Web Apps run form any web server
Capture a web experience into a Web App
Learn to work with CSS3 animations
Support standard and retina graphics
Make updates whenever you want
Incorporating HTML5 video for iPad

Who Should Attend

Designers
Web Designers
Web Developers

Target Audiences

Designers
Web Designers
Web Developers

This course will teach you to use standard web technologies to create an engaging, interactive user experience on the iPad.

We'll be creating an eSales Aid in the course, which is a popular use for sharing information about a company or product on tablet devices. However, the possibilities of this approach are limitless. Use standard web technologies to create interactive books, catalogs, or any interactive project you can imagine. If you can create it on the web, you can create it in a Web App.

And the best part is… no app stores!

Web Apps run from any web server, and are actually web sites themselves. The main difference is in the way they load information, and define behaviors. We'll cover creating custom icons and startup screens, optimizing the user experience for touch events, and using CSS3 hardware accelerated features for smooth animations.

What to expect in the course

In the course we'll start by creating web graphics with Photoshop, for both standard and retina screens. There is also a "skip Photoshop" folder as well, in case you want to bypass working in Photoshop. We'll also be using CSS3 to detect hi-definition displays (retina screens), as well as using CSS3 transform properties to position out HTML elements across the iPad screen.

The main focus of the course is the functionality needed for create an engaging user experience, which consists of JavaScript, as well as supporting HTML and graphics specific for the iPad interface. This course will teach you to code the core functionality of the Web App, while supplying plenty of code snippets to relieve you from any repetitive typing. Watch the first 4 videos in Lesson 1, they are all FREE, and provide an overview of the expectations, software, and final product we'll be creating.

The project files provided in this course include a copy of the fully completed final project. Use these files to track your progress, correct any errors you may be having, or more importantly, adapt the project into your own interactive Web Apps.

Course Curriculum

Chapter 1: Introduction

Lecture 1: About this course

Lecture 2: A few words before we begin

Lecture 3: Software you’ll need to follow along

Lecture 4: About the Project Files

Lecture 5: Starting your project

Chapter 2: Creating the Graphics

Lecture 1: Creating the Web App-Specific graphics for iPad

Lecture 2: Creating the content graphics

Lecture 3: Creating the gallery images

Chapter 3: Setting up the HTML

Lecture 1: Examining the HTML and CSS strategy for the layout

Lecture 2: Setting up the meta tags and icon link

Lecture 3: Setting up the HTML containers

Lecture 4: Adding container for iScroll and Google Map

Lecture 5: Add navigation links and copyright

Chapter 4: Add Style and Layout For Homepage and Navigation

Lecture 1: Add CSS rules for style and layout

Lecture 2: Add homepage positioning and animation for elements

Lecture 3: Style the navigation links and copyright

Chapter 5: Adding the JavaScript and (jQuery)

Lecture 1: Detecting the orientation of the iPad

Lecture 2: Loading page contents with AJAX

Lecture 3: Detecting the home page

Lecture 4: Detecting the contact us page

Lecture 5: Setting and loading a default page on load

Lecture 6: Initializing Google Maps

Lecture 7: Activating iScroll

Chapter 6: Adding Content for the Gallery and Video Pages

Lecture 1: Adding HTML for the gallery

Lecture 2: Adding CSS rules for the gallery

Lecture 3: Activating the gallery thumbnails

Lecture 4: Adding a graphic and video

Lecture 5: Detecting and replacing graphics for Retina displays

Chapter 7: Detecting iPads and Stand Alone Status

Lecture 1: Detecting an iPad

Lecture 2: Detecting the stand-alone status

Lecture 3: Replacing click events and disabling selections

Chapter 8: Where To Go From Here.

Lecture 1: Where to go from hre

Lecture 2: Considering Web Apps for Android

Instructors

Chris Converse
Designer and Developer at Codify Design Studio

Rating Distribution

1 stars: 0 votes
2 stars: 1 votes
3 stars: 2 votes
4 stars: 19 votes
5 stars: 23 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu