Creating a Web App for iPad
- 2.5 hours on-demand video
- 1 downloadable resource
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- 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
Watch a demonstration of the final project we'll be creating, as well as a glimpse of the graphics, code, and animated explanations.
This lecture sets the expectations for the course, letting you know what to expect when you begin.
This course requires a text editor, or graphical web tool with access to the code, as well as a WebKit browser. Optional software and hardware include Adobe Photoshop, an iPad or an iPad Simulator.
The project files* contain native, sliced, Photoshop files, as well as a set of final graphics, a series of code snippets, and a copy of the fully completed final project.
*project files are attached to the next lecture, Starting Your Project
We'll be saving the graphics that will be used for the Web App icon, startup screens, and special messaging for detecting non-iPads and non-stand-alone users.
The HTML and CSS provided in the code snippets work together to create the layout for our Web App. As we walk through the code snippets, this is end result of those snippets.
The code snippets contain code from Google's developer site for injecting a map into an HTML container. We'll also explore Google maps to find a location and get the latitude and longitude coordinates necessary to load a map location.
Now that we've created a compelling user experience leveraging standard web technologies, learn about other directions you may want to explore with this new approach to interactive development on the iPad.
- Text Editor
- Web-kit Browser
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 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.
- Web Designers
- Web Developers