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
Mobile Web Development
Course Cost
Free
Timeline
Approx. 6 weeks
Skill Level
Intermediate
Included in Course
  • Icon course 01 3edf6b45629a2e8f1b490e1fb1516899e98b3b30db721466e83b1a1c16e237b1 Rich Learning Content

  • Icon course 04 2edd94a12ef9e5f0ebe04f6c9f6ae2c89e5efba5fd0b703c60f65837f8b54430 Interactive Quizzes

  • Icon course 02 2d90171a3a467a7d4613c7c615f15093d7402c66f2cf9a5ab4bcf11a4958aa33 Taught by Industry Pros

  • Icon course 05 237542f88ede3178ac4845d4bebf431ddd36d9c3c35aedfbd92e148c1c7361c6 Self-Paced Learning

  • Icon course 03 142f0532acf4fa030d680f5cb3babed8007e9ac853d0a3bf731fa30a7869db3a Student Support Community

Join the Path to Greatness

This free course is your first step towards a new career with the Senior Web 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
Icon globe e82eae5d45465aba4fbe4bb746905ce55dc3324f310b79c60e4a20089057d347

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

前往优达学城中文网站 Ir para a página brasileira Go to Indian Site or continue to Global Site