About this Course

So you’ve heard mobile is kind of a big deal, and you’re not sure how to transform your traditional desktop-focused web apps into fast, effective mobile experiences. This course is designed to teach web developers what they need to know to create great cross-device mobile web experiences. This course will focus on building mobile web apps, which will work across multiple platforms including Android, iOS, and others.

Play Trailer Play Trailer
Course Cost
Free
Timeline
Approx. 6 weeks
Skill Level
Intermediate
Included in Course
  • Rich Learning Content

  • Interactive Quizzes

  • Taught by Industry Pros

  • Self-Paced Learning

  • Student Support Community

Join the Path to Greatness

This free course is your first step towards a new career with the Android Developer Nanodegree Program.

Free Course

Mobile Web Development

by Google

Enhance your skill set and boost your hirability through innovative, independent learning.

Icon steps 54aa753742d05d598baf005f2bb1b5bb6339a7d544b84089a1eee6acd5a8543d

Course Leads

  • Chris Wilson
    Chris Wilson

    Instructor

  • Peter Lubbers
    Peter Lubbers

    Instructor

  • Sean Bennett
    Sean Bennett

    Instructor

What You Will Learn

Lesson 1

Introduction

  • A high-level overview of the course and what to expect in it.
  • What we mean by mobile web development, and why you should care about it.
Lesson 1

Introduction

  • A high-level overview of the course and what to expect in it.
  • What we mean by mobile web development, and why you should care about it.
Lesson 2

Mobile Development Tools

  • How to use the Chrome Developer Tools to develop for the mobile web.
Lesson 2

Mobile Development Tools

  • How to use the Chrome Developer Tools to develop for the mobile web.
Lesson 3

Mobile UX and Viewport

  • How to achieve a smooth user experience on mobile.
  • An introduction to the viewport.
Lesson 3

Mobile UX and Viewport

  • How to achieve a smooth user experience on mobile.
  • An introduction to the viewport.
Lesson 4

Fluid Design

  • How to make your site responsive, clean, and user-friendly on multiple devices and layouts.
Lesson 4

Fluid Design

  • How to make your site responsive, clean, and user-friendly on multiple devices and layouts.
Lesson 5

Media Queries

  • How to achieve different layouts for different devices using media queries.
Lesson 5

Media Queries

  • How to achieve different layouts for different devices using media queries.
Lesson 6

Responsive Images

  • How best to integrate media into your mobile web applications.
  • Adaptively scale images based on the environment.
Lesson 6

Responsive Images

  • How best to integrate media into your mobile web applications.
  • Adaptively scale images based on the environment.
Lesson 7

Optimizing Performance

  • Optimizing performance to improve the user experience.
  • Network, cpu, rendering, and battery.
Lesson 7

Optimizing Performance

  • Optimizing performance to improve the user experience.
  • Network, cpu, rendering, and battery.
Lesson 8

Touch

  • UX concerns with touch-based interaction.
  • How to design user interactions that work across devices.
Lesson 8

Touch

  • UX concerns with touch-based interaction.
  • How to design user interactions that work across devices.
Lesson 9

Input

  • Semantic input for form data, and other user input options on mobile.
Lesson 9

Input

  • Semantic input for form data, and other user input options on mobile.
Lesson 10

Device Access

  • Learn about camera access, geolocation, and other sensors and feedback you have access to on mobile.
Lesson 10

Device Access

  • Learn about camera access, geolocation, and other sensors and feedback you have access to on mobile.

Prerequisites and Requirements

This course is for experienced front-end web developers who’d like to learn what it takes to create great mobile experiences. In order to succeed in this class, you should be comfortable with HTML, CSS, and Javascript, and should have experience creating web apps, either professionally or for fun. You don't need to know any specific HTML5 extras or APIs, we'll cover any of those that we need as the course progresses.

See the Technology Requirements for using Udacity.

Why Take This Course

After completing this class, you’ll have built a web application with a first-class mobile experience. You’ll understand what it takes to build great web experiences on mobile devices, have gained experience with the tools you need to test performance, and be able to apply your knowledge to your own projects in the future.

What do I get?
  • Instructor videos
  • Learn by doing exercises
  • Taught by industry professionals

Thanks for your interest!

We'll be in touch soon.

Icon globe e82eae5d45465aba4fbe4bb746905ce55dc3324f310b79c60e4a20089057d347

Udacity 现已提供中文版本! A Udacity tem uma página em português para você! There's a local version of Udacity for you! Sprechen Sie Deutsch?

Besuchen Sie de.udacity.com und entdecken Sie lokale Angebote, unsere Partnerunternehmen und Udacitys deutschsprachigen Blog.

前往优达学城中文网站 Ir para a página brasileira Go to Indian Site Icon flag de deedb1a7a695700236cb6ef4204ddbede5d197dab9b47716c87a0b4d5d9fc325 Zu de.udacity.com continue in English