July 20–24, 2015
Portland, OR

Building apps that run everywhere with HTML5, CSS, JavaScript, and Apache Cordova

Jonathan Stark (Jonathan Stark Consulting)
9:00am–12:30pm Monday, 07/20/2015
Mobility Portland 251
Average rating: ****.
(4.25, 16 ratings)
Slides:   external link

Prerequisite Knowledge

Attendees should have a basic working knowledge of HTML, CSS, and JavaScript.

Materials or downloads needed in advance

If attendees want to play along, they'll need a mobile phone (iOS, Android, or Windows) and a laptop with a text editor and the Chrome web browser installed.

Description

Device-agnostic mobile apps are the wave of the future, and in this tutorial Jonathan will show you how to create a product that runs on many mobile platforms—in the browser or natively—using a single codebase.

In each module, Jonathan will present a core skill that can be used to build cross-platform mobile apps with HTML, CSS, and JavaScript. There are some slides, but most of the time will be spent live coding and answering questions.

1. Responsive web design bootcamp

  • Media queries
  • Relative units
  • Progressive enhancement
  • Adaptive media

2. Building hybrid apps with Apache Cordova

  • The pros and cons of Cordova
  • How to use the Cordova CLI
  • Accessing device APIs with JavaScript
  • Receiving push notifications

3. Debugging mobile web apps

  • Chrome developer tools
  • Remote debugging mobile web apps
  • Remote debugging Cordova hybrid apps
Photo of Jonathan Stark

Jonathan Stark

Jonathan Stark Consulting

Jonathan Stark literally wrote the book on building mobile apps with open web technologies. His monthly webinars on topics like HTML5, CSS, JS, responsive web design, PhoneGap and more, regularly attract 1000+ registrants. Jonathan is a sought after speaker on the subject of the mobile web and has given sold-out talks on three continents. Jonathan invites you to ask him anything here: https://jonathanstark.com/ask

Comments on this page are now closed.

Comments

Picture of Jonathan Stark
Jonathan Stark
08/11/2015 5:31am PDT

@Yingxue Joy Feng,

Hm… I just double checked and the archive is is unzipping fine for me (I’m on a Mac). Maybe try to redownload? Or try on a different computer?

HTH,

Jonathan

Yingxue Joy Feng
08/11/2015 4:28am PDT

Thank you for quick response. I downloaded it, and always get ‘the compressed folder is invalid’ error. Thanks!

Picture of Jonathan Stark
Jonathan Stark
08/11/2015 3:48am PDT

Slides and example files for the workshop can be downloaded here:

http://files.jstark.co/c0iS

(40MB download)

Yingxue Joy Feng
08/11/2015 3:16am PDT

I am looking for the slides for the training. May I know where I can find it? Thanks.

Picture of Jonathan Stark
Jonathan Stark
07/13/2015 12:10pm PDT

@Rosanne – Thanks for your question! It’s not an oversight. I’m planning to use Phonegap Build which is a hosted solution. It’s Cordova under the hood and is free to use for an unlimited number of open source projects. I’ll also cover the advantages of installing cordova locally but in my experience, doing so in a class environment is a huge momentum killer.

Rosanne Girton
07/13/2015 12:05pm PDT

I’m looking over the list of required installs, and I don’t see Apache Cordova. Is that an assumption, an oversight, or unnecessary?