Developing Mobile Websites with Responsive Web Design and jQuery Mobile
Duration: 5 Days (Face-to-Face or Remote-Live), or 35 hours of coursework with personal facilitation over a four week span (On-Demand)
US Price: $2495 (Face-to-Face or Remote-Live), or $1495 (On-Demand)
Registration: Click here to view upcoming schedules and register for face-to-face sessions, click here to register for live remote attendance sessions, or click here to register for on-demand training with a start date that is convenient for you.
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.
|Overview of Responsive Web Design
||Viewport and Media Queries
|Creating Responsive Layouts
||Overview of jQuery Mobile
|Overview of the jQuery Mobile CSS Framework
||Creating jQuery Mobile Pages
|Adding Content to a Page
||Using jQuery Mobile Widgets
|Adding Toolbars to a Page
||Working with List Views
|Working with Forms
||Working with Buttons
|Responding to Events
| Creating Popups
|Displaying Pages as Dialogs
||Creating a Tabbed Interface
|Creating Responsive Tables
||Adding Collapsible Content
|Making Content Filterable
||Web Services Integration
|Website Development with HTML5, CSS and Bootstrap|
|Developing Web Applications Using Angular|
|Node.js Application Development|