Mobile HTML5 App and Web Development for Beginners

Make iOS, Android and web apps using HTML, CSS and JavaScript!
4.8 (2 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
192 students enrolled
$19
$200
90% off
Take This Course
  • Lectures 20
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2014 English

Course Description

Have you ever thought of a cool idea for an app, just to find out later that some punk kid built it first and became a billionaire?

What if you could jump straight into iOS and Android app development using the tool set you already have: HTML, CSS and JavaScript?

We live in post-pc world where HTML5 and the Open Web technologies have become mature enough to create robust mobile applications for all platforms, sharing a single code base.

In this original ZENVA course, Ashley Menhennett, web and mobile developer, designer and technical author from Australia, is going to guide you though the basic techniques you need to know to create professional and beautiful mobile applications.

Through out the course, you’ll not only get access to foundational knowledge on mobile HTML5, but you’ll also build an augmented reality HTML5 app, featuring video camera access, photo shooting, geolocation using Google Maps API v.3, and AJAX loading of a JSON file with app data.

What you’ll learn in this course, among many other techniques:

  • Mobile HTML5 done right: viewport tag and grid layouts
  • CSS3 Media Queries, the foundation of the mobile web
  • Professional looking apps using Topcoat
  • LocalStorage to save user data offline
  • Working with AJAX and JSON, using jQuery 2.x
  • Accessing the device video camera and taking pictures using just HTML5!
  • Geolocation with Google Maps v.3 API
  • Creating an entire Augmented Reality (AR) mobile application

Join more than 40,000 students that learn how to build apps, games and websites with ZENVA courses!

What are the requirements?

  • Basic HTML, CSS and JavaScript skills which you can obtain our Programming for Entrepreneurs free courses
  • A code editor
  • A web browser

What am I going to get from this course?

  • Learn Mobile HTML5 app development
  • Learn Mobile HTML5 best practices
  • Learn responsive design

What is the target audience?

  • Motivated people with basic HTML, CSS and JavaScript skills

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Intro
05:08

Welcome to the course!

In this video we'll talk about the course goals, requirements, and do a quick intro to the topic of HTML5 app development

---

Connect with ZENVA

What would you like to learn next?

Article

Source code and relevant links.

---

Connect with ZENVA

What would you like to learn next?

Section 2: Mobile HTML5
03:37

In this lesson we'll talk about the viewport tag, which allows you to adjust the way a mobile user will view your page.

---

Connect with ZENVA

What would you like to learn next?

05:58

Dealing with click events on mobile is tricky as there is a 300 ms delay. In this lesson you'll learn how to take care of this problem.

---

Connect with ZENVA

What would you like to learn next?

10:57

CSS3 Media queries are a core aspect of mobile HTML5. In this lesson you'll learn different ways to implement them.

---

Connect with ZENVA

What would you like to learn next?

07:36

CSS3 Media queries are a core aspect of mobile HTML5. In this lesson you'll learn different ways to implement them.

---

Connect with ZENVA

What would you like to learn next?

11:51

In this lesson we'll cover grid layouts by making a fully usable and lightweight grid system from scratch.

---

Connect with ZENVA

What would you like to learn next?

Section 3: HTML5 API's
05:27

The Local Storage API allows you to save data offline on the client side.

---

Connect with ZENVA

What would you like to learn next?

05:48

The Local Storage API allows you to save data offline on the client side.

---

Connect with ZENVA

What would you like to learn next?

05:33

In this lesson we'll cover geolocation using Google Maps API version 3.

---

Connect with ZENVA

What would you like to learn next?

05:07

In this lesson we'll cover geolocation using Google Maps API version 3.

---

Connect with ZENVA

What would you like to learn next?

10:23

In this lesson we'll talk about accessing the camera of the device using HTML5.

---

Connect with ZENVA

What would you like to learn next?

Section 4: AJAX and JSON
08:43

JSON is one of the main data formats used in the web and mobile world today. In this lesson we'll talk about AJAX calls and how to read JSON data in your mobile app.

---

Connect with ZENVA

What would you like to learn next?

Section 5: Project: Augmented Reality Mobile App
06:25

In this lesson we'll be looking into the course project app and the tools we need.

---

Connect with ZENVA

What would you like to learn next?

06:18

In this lesson we'll be implementing the Contacts section by loading a JSON file and manipulating the DOM.

---

Connect with ZENVA

What would you like to learn next?

10:16

In this lesson we'll implement the Map section of the project, using the Google Maps API.

---

Connect with ZENVA

What would you like to learn next?

11:36

In this lesson we'll implement the camera access.

---

Connect with ZENVA

What would you like to learn next?

10:50

In this lesson we'll implement the camera access.

---

Connect with ZENVA

What would you like to learn next?

Section 6: Course Summary
02:18

Congratulations! you've completed the course :)

---

Connect with ZENVA

What would you like to learn next?

Web Development Courses by Zenva
05:03

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 150,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Instructor Biography

Ashley Menhennett, Software Developer

I am a software developer from Australia.

Ready to start learning?
Take This Course