Computer Image

Length: 5 Days | Price: $2495

This hands-on course conveys the fundamental skills necessary to design and build responsive web sites for mobile devices such as phones and tablets. Attendees will use responsive web design (RWD) techniques such as CSS3 media queries and flexible layouts to build mobile-compatible web sites. Students will learn how to test mobile websites using emulators and simulators.

The course also provides an extensive introduction into using the jQuery Mobile Framework for building mobile-specific web sites. Students will learn how to use jQuery Mobile widgets to create forms, lists, toolbars and collapsible blocks. Students will also learn how to integrate SOA with a mobile web site including working with RSS feeds, Google Maps integration and implementing server-side data access.

Attendees will use ThemeRoller for jQuery Mobile to download existing or custom theme swatches to format the appearance of a web site. Additional topics include responding to user events, configuring jQuery Mobile defaults and using page transitions. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

Course Prerequisites: Prior knowledge of HTML, CSS, JavaScript and jQuery equivalent to attending the Website Development with HTML5, CSS and Bootstrap, JavaScript Programming and jQuery Programming courses.

Developing Mobile Websites with Responsive Web Design and jQuery Mobile Course Overview
  • Creating a Responsive Website
  • Using CSS3 Media Queries
  • Creating Flexible Grid Layouts
  • Optimizing Images and Media
  • Working with the Viewport
  • Configuring and Downloading the jQuery Mobile Framework
  • Using jQuery Mobile Widgets
  • Formatting Mobile Pages with ThemeRoller
  • Reacting to Mobile Specific Events
  • Integration with Web Services