Creating a Web App for iPad

Create engaging web apps for iPad using standard technologies. Learn to design interactive experiences without needing the App Store.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course teaches you how to make engaging, interactive web apps for iPad without needing the App Store. You'll use standard web technologies to create everything from sales tools to catalogs—basically, anything you can imagine online can be turned into a web app!

Key Points

  • Create an app-like experience on iPad using web technologies.
  • No App Store needed—just run from a web server.
  • Focus on making interactive projects like eSales Aids, books, and catalogs.
  • Use Photoshop or skip it for web graphics.
  • Incorporate JavaScript and CSS3 for functionality and design.

Learning Outcomes

  • Create interactive, app-like user experiences for the iPad.
  • Understand how to use CSS3 for graphics and animations.
  • Learn to program core functionalities with JavaScript.
  • Develop skills in both web graphics and iPad interface design.
  • Adapt and customize project files to make your own unique web apps.

About This Course

Use standard web technologies to create an app-like experience for iPad. And best of all, no App Store required!

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.

  • NO APP STORES! Web Apps run form any web server

  • Capture a web experience into a Web App

  • Learn to work with CSS3 animations

Instructor

Profile photo of Chris Converse
Chris Converse

Chris has 30 years experience in graphic, animation, and interactive design, with a unique focus on both design and development. He earned his BFA in Graphic Design at the Rochester Institute of Technology (R•I•T), and has continued to study the landscape of design and its crossroads with various technologies. In addition to design and development, Chris has authored a wide...

Review
4.9 course rating
4K ratings
ui-avatar of Muhammad Ruzaini Bin Abdul Samad
Muhammad R. B. A. S.
5.0
4 years ago

Good

  • Helpful
  • Not helpful
ui-avatar of Mikas Dulevicius
Mikas D.
5.0
7 years ago

For fun

  • Helpful
  • Not helpful
ui-avatar of Arthur Eby
Arthur E.
3.5
8 years ago

I learned a lot about the details of an app and how it works, but I still have no clue how to make an app from scratch and sell it on the app store. I worked in adobe dreamweaver, and I don't even know if that is a good program to start building good apps from in the future.

  • Helpful
  • Not helpful
ui-avatar of Mario Abruzzi
Mario A.
5.0
8 years ago

The instructor is very well versed in the subject matter and knows how to clearly and concisely present the information.

  • Helpful
  • Not helpful
ui-avatar of David Badgl
David B.
5.0
9 years ago

Exceptional content and delivery.

  • Helpful
  • Not helpful
ui-avatar of Fred Funtusoff
Fred F.
5.0
9 years ago

Really well prepare and just what I needed. For me this is one of the best courses I have taken on Udemy.

  • Helpful
  • Not helpful
ui-avatar of Elaine David
Elaine D.
5.0
10 years ago

A very simple course to get through. I like how thoroughly each element was explained. It gave me enough to work with to create my own web app.

  • Helpful
  • Not helpful
ui-avatar of Doug Harper
Doug H.
5.0
10 years ago

The entire course is so professionally put together, the files/instructions/flow are all very good. I love the web app & have already convinced a client to create one for their business. It's a nice tool that I can offer and really gives me some versatility.

  • Helpful
  • Not helpful
ui-avatar of Alissa Whitney
Alissa W.
5.0
10 years ago

Great course by Chris! He outlines the basics and complexities in understandable terms. Clear and well paced instructions. Good grounding to build on.

  • Helpful
  • Not helpful
ui-avatar of JAYTEE Tompkins
Jaytee T.
5.0
10 years ago

I was chatting with a web dev friend the other day about the viability of web apps vs the potential pain of the various app stores. Chris has shown me enough to confidently go the web app way. The advancements of HTML and CSS over the years are astonishing and Chris' ability to convey those concepts is terrific. Many Thanks

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses