Developing Mobile Websites with Responsive Web Design and jQuery Mobile Seminar training classes conferences & workshops presented by Hands-On Technology Transfer register for training on FindaSeminar.com

Home

Add your seminars

Training Calendar Creator Seminar Venues Training Provider Directory
 

New Seminar Search:  

 

Helpful links

find similar training...
Search by state...
Customer Support


Do you need help finding the right class, date, or location or other assistance?

Request information about upcoming training seminars workshops and conferences in   and other cities listed on FindaSeminar.com Submit a support request and receive a prompt reply.

We guarantee this Hands-On Technology Transfer training seminar

We are an authorized partner of Hands-On Technology Transfer

 

Price protection. The price to attend Developing Mobile Websites with Responsive Web Design and jQuery Mobile is set by the training providerThere is no added charge for our services.

We honor most training provider coupons
*.   Call  a representative to see if your discount coupon applies.


Privacy. Your personal information won't be shared with anyone but the training provider Hands-On Technology Transfer.


Security. When you register for this seminar on FindaSeminar.com your personal data and payment information is safely collected and processed using secure SSL encryption technology.

Flexibility. FindaSeminar.com offers you three ways to register for Developing Mobile Websites with Responsive Web Design and jQuery Mobile seminar by Hands-On Technology Transfer.
Register online, by phone (800) 349-1935,or fax (800) 712-5569
Who should attend Developing Mobile Websites with Responsive Web Design and jQuery Mobile
Programmers with knowledge of HTML, CSS, JavaScript and jQuery
Reviews
Write and read Hands-On Technology Transfer reviews and reviews about the training seminar Developing Mobile Websites with Responsive Web Design and jQuery Mobile on the Seminar News Network and the Training News Network.
 

Frequently asked questions and registration options for the training seminar Developing Mobile Websites with Responsive Web Design and jQuery Mobile

 
Find Training Near You
Use our clickable map to find training near you
Use Our Clickmap
 
hotel seminars meeting space directory
hotel meeting space training facilities restaurant and lodging

 
 
 

request on site training details for the Developing Mobile Websites with Responsive Web Design and jQuery Mobile seminarRequest on site training

Developing Mobile Websites with Responsive Web Design and jQuery Mobile  

 Email information about this seminar Developing Mobile Websites with Responsive Web Design and jQuery Mobile by Hands-On Technology Transfer to yourself your manager or associatesEmail this event... View and register for other training seminars like Developing Mobile Websites with Responsive Web Design and jQuery Mobile by Hands-On Technology Transfer on FindaSeminar.com See similar training.. Find and register for other training seminars by Hands-On Technology Transfer on FindaSeminar.com Other seminars from Hands-On Technology Transfer

By:

training seminars by Hands-On Technology Transfer Hands-On Technology Transfer   

For:

Programmers with knowledge of HTML, CSS, JavaScript and jQuery

Cost:   

see Registration info for seminar cost, group discount etc.

Seminar Summary:

This hands-on course conveys the fundamental skills necessary to design and build responsive web sites for mobile devices such as phones and tablets.  (see full course description)

 
 
 

 Seminar / Training class dates & locations

 

 

No seminar dates for this event are currently scheduled.  Please use the seminars search box above or choose one of the following additional training search options to find similar training.

Providers course catalog

Find seminars by state

Find seminars by city

Request on site training

Use Advanced Search


 

 
 

print the agenda print agenda for the Developing Mobile Websites with Responsive Web Design and jQuery Mobile seminar

 

Training Course Syllabus:


Developing Mobile Websites with Responsive Web Design and jQuery Mobile

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. Coverage includes working with mobile-related JavaScript APIs such as Screen Orientation, Battery Status and Vibration. Additional APIs such as Fullscreen, Web Storage, Geolocation and History are also discussed.


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

  • What is the Mobile Web?

  • Defining Responsive Design

  • Responsive Web Design (RWD) Principles

  • Responsive Layout vs. Adaptive Layout

  • Designing for Mobile First

  • Progressive Enhancement

Viewport and Media Queries

  • Working with Viewports


    • viewport Meta Tag

    • @viewport Rule


  • CSS3 Media Queries


    • Media Types

    • Logical Operators

    • Media Features


      • Browser Height and Height

      • Device Height and Height

      • Orientation

      • Resolution



  • Determining Breakpoints

  • Installing and Using Viewport Testing Tools

Creating Responsive Layouts

  • Fluid Grid Layouts


    • Calculating Fluid Grid Layouts

    • Predefined Grid Systems


  • Creating Flexible Images and Video

  • Optimizing Images for Retina Displays

  • Responsive Typography


    • Using Ems, Percentages and Rems

    • Viewport Units


  • Responsive Navigation Patterns

  • Designing Responsive Tables

  • Creating a Responsive HTML5 Page

Using JavaScript APIs

  • Screen Orientation

  • Fullscreen

  • Page Visibility

  • Vibration

  • Battery Status

  • Network Information

  • Geolocation

  • Web Storage

  • History

Overview of jQuery Mobile

  • What is jQuery Mobile?

  • Configuring and Downloading the Mobile Library

  • jQuery Mobile File Structure

  • Working with Data Attributes

  • Creating a Simple jQuery Mobile Page

  • Using Transitions

  • Navigating Between Pages


    • Ajax-Driven Page Navigation


Working with ThemeRoller for jQuery Mobile

  • Downloading a Theme Swatch

  • Creating a Custom Theme Swatch

  • Theme File Structure

  • Adding Themes

  • Defining Custom Backgrounds and Fonts

Displaying Content

  • Creating Dialogs and PopUps

  • Defining Collapsible Content Blocks

  • Creating Menus

  • Defining Page Content

  • Displaying Tabular Data

  • Displaying XML Content

  • Displaying JSON Content

  • Working with Multimedia

  • Using jQuery Mobile Grids

Toolbars

  • Types of Toolbars


    • Headers

    • Footers


  • Creating Fixed Headers and Footers

  • Hiding Toolbars with Fullscreen Mode

  • Adding Buttons and Images

  • Creating Customized Back Buttons

  • Defining Multi-Column Layouts

  • Creating Persistent Navbars

Working with List Views

  • Creating Lists with List Views

  • Creating Numbered Lists

  • Creating Inset and Non-Inset Lists

  • Formatting List Content


    • Adding Images to Lists

    • Creating Split Buttons

    • Creating Count Bubbles


  • Working with Nested Lists

  • Defining a Filterable List

  • Updating List Content

Working with Forms

  • jQuery Mobile Form Requirements

  • Styling Field Containers

  • Working with Input Types


    • Text

    • Search

    • Radio Buttons

    • Checkboxes


  • Working with Select Menus


    • Allowing Multiple Selections

    • Auto-Initializing a Select Menu


  • Using a Slider for Numeric Input

  • Selecting a Range of Values with Rangeslider

  • Creating a Toggle Switch

  • Creating Accessible Forms

Working with Buttons

  • Types of Buttons


    • Navigation

    • Inline

    • Grouped


  • Formatting Buttons


    • Adding Shadows

    • Adding Icons


Responding to Events

  • Registering Event Handlers

  • Using jQuery Events

  • Using jQuery Mobile Events


    • Touch

    • Orientation (Portrait/Landscape)

    • Scroll

    • Page

    • Virtual Mouse Events


Configuring Default Settings Using the $.mobile Object

  • Configurable Options


    • Enabling Ajax

    • Applying CSS Classes

    • Setting Transitions


  • Calling jQuery Mobile Methods


    • Storing and Removing Arbitrary Data

    • Working with URLs

    • Performing a Silent Scroll

    • Loading and Changing Page Content Dynamically


Web Services Integration

  • Working with RSS Feeds

  • Google Maps Integration

  • Server-Side Data Access

Seminar Summary:

This hands-on course conveys the fundamental skills necessary to design and build responsive web sites for mobile devices such as phones and tablets.  (see full course description)

print this agenda print agenda for the Developing Mobile Websites with Responsive Web Design and jQuery Mobile training seminar

 view dates and locations for this seminar

 

 
 
 Hands-On Technology Transfer training and seminar course catalog

Click any title to view upcoming Hands-On Technology Transfer training event dates and locations, class syllabus and other seminar details

 

     
 

 
     

 

  Also try the advanced seminar search tool

   FindaSeminar HomeComputer Training

unix training
training classes

 © 2002-2018 FindaSeminar.comô All Rights Reserved.  Terms of Use |  Privacy Policy |  Training News Network