Discover Classes. Earn Rewards.

jQuery Mobile Web Development is unfortunately unavailable

Thankfully we have 1 other jQuery Class for you to choose from. Check our top choice below or see all classes for more options.

JavaScript and jQuery Programming: Level 1

ONLC Training Centers @ 10940 Wilshire Blvd, Santa Monica, CA

Enhance your web development skills with a comprehensive course that covers essential JavaScript and jQuery programming techniques. Master the art of interactive web design and boost your career prospects with practical, hands-on learning.

(7) Beginner 18 and older
$1,195

3 sessions

Gift it!
See all jQuery classes Los Angeles

jQuery Mobile Web Development

  • Intermediate
  • 14 and older
  • $1,495
  • 915 Wilshire Blvd, Los Angeles, CA
  • over 3 sessions

Start Dates (0)

  • $1,495
  • Training Connection - Los Angeles @ 915 Wilshire Blvd Suite 1800, Los Angeles, CA 90017
  • over 3 sessions
Showing 10 of 0

Class Description

Description

What you'll learn in this jquery training:

Students will learn how to create mobile optimized sites and apps using the easiest, most practical HTML/JavaScript framework available today.

On this 3-day hands-on course you will be introduced to mobile development using jQuery Mobile.

Target Audience:
Web developers looking to create mobile optimized websites. Knowledge of HTML is required and familiarity with JavaScript is recommended. Students new to web development should attend the following two courses HTML and CSS Fundamentals and JavaScript Level 1 prior to attending this course.

Detailed Course Outline

Preparing Your First jQuery Mobile Project
  • Building an HTML page
  • Getting jQuery Mobile
  • Implementing jQuery Mobile
  • Working with data attributes
Working with jQuery Mobile Pages
  • Adding multiple pages to one file
  • jQuery Mobile, links, and you
  • Working with multiple files
  • jQuery Mobile and URLs
  • Additional customization
  • Page titles
  • Prefetching content
  • Changing page transitions
Enhancing Pages with Headers, Footers, and Toolbars
  • Adding headers
  • Icon sneak peak
  • Working with back buttons
  • Working with footers
  • Creating fixed and full-screen headers and footers
  • Full-screen headers and footers
  • Working with navigation bars
  • Persisting navigation bar footers across multiple pages
Working with Lists
  • Creating lists
  • Working with list features
  • Creating inset lists
  • Creating list dividers
  • Creating lists with count bubbles
  • Using thumbnails and icons
  • Creating split button lists
  • Using a search filter
Getting Practical – Building a Simple Hotel Mobile Site
  • Welcome to Hotel Camden
  • The home page
  • Finding the hotel
  • Listing the hotel rooms
  • Contacting the hotel
Working with Forms and jQuery Mobile
  • What jQuery Mobile does with forms
  • Working with radio buttons and checkboxes
  • Working with select menus
  • Search, toggle, and slider fields
  • Search fields
  • Flip toggle fields
  • Slider fields
  • Using native form controls
  • Working with the mini fields
Creating Modal Dialogs and Widgets
  • Creating dialogs
  • Laying out content with grids
  • Making responsive grids
  • Working with collapsible content
  • Popups
  • Responsive tables
  • Working with panels
Moving Further with the Notekeeper Mobile Application
  • What is a mobile application?
  • Designing your first mobile application
  • Listing out the requirements
  • Building your wireframes
  • Designing the add note wireframe
  • Display notes wireframe
  • View note/delete button wireframe
  • Writing the HTML
  • Adding functionalities with JavaScript
  • Storing Notekeeper data
  • Using localStorage
  • Effective use of boilerplates
  • Building the Add Note feature
  • Adding bindings
  • Collecting and storing the data
  • Building the Display Notes feature
  • Dynamically adding notes to our listview
  • Viewing a note
  • Using the .on() method
  • Dynamically creating a new page
  • Deleting a note
jQuery Mobile Configuration, Utilities, and JavaScript Methods
  • Configuring jQuery Mobile
  • Using jQuery Mobile utilities
  • Page methods and utilities
  • Path and URL-related utilities
  • jQuery Mobile widget and form utilities
Working with Events
  • Working with physical events
  • Handling page events
  • What about $(document).ready?
  • Creating a real example
Enhancing jQuery Mobile
  • What's possible?
  • The visual building blocks of jQuery Mobile
  • Border-radius
  • Applying drop shadows
  • Using text-shadow
  • Using box-shadow
  • CSS gradients
  • The basics of jQuery Mobile theming
  • Bars (.ui-bar-?)
  • Content blocks (.ui-body-?)
  • Buttons and listviews (.ui-btn-?)
  • Mixing and matching swatches
  • Site-wide active state
  • Default icons
  • Creating and using a custom theme
  • What's ThemeRoller?
  • Using ThemeRoller
  • Colors
  • Inspector
  • Tools
  • Creating a theme for Notekeeper
  • Exporting your theme
  • Creating and using custom icons
  • CSS Sprites
  • Designing your first icon
  • High and low resolution
  • Resolution independence
  • Updating the Notekeeper app
  • Adding our custom theme
  • Adding our custom icon
Creating Native Applications
  • HTML as a native application
  • Working with PhoneGap
  • Adding PhoneGap functionality
Becoming an Expert – Building an RSS Reader Application
  • RSS Reader – the application
  • Creating the RSS Reader application
  • The displayFeeds function
  • Storing our feeds
  • Adding an RSS feed
  • Viewing a feed
  • Creating the entry view
Note: Our outlines are a guide to the content covered on a typical class. We may change or alter the course topics to meet the objectives of a particular class.

What's included:
  • Mobile Development Training Manual
  • Certificate of Course Completion
  • 6 Months FREE Repeat Policy

Refund Policy

All cancellations and rescheduling requests must be made in writing and emailed to [email protected]

  • Rescheduling requests made 9 business days before the commencement of the training are free.
  • Rescheduling that takes place within 9 business days of the commencement of the training will incur a $150 administration fee.
  • We do not charge for student substitutions at any time.

We are unable to offer refunds for cancellations.

While we make every effort to deliver classes as scheduled, we reserve the right to reschedule previously confirmed classes for a variety of reasons including but not exclusively, the illness of the Trainer. In such cases, we will endeavor to inform the Client as soon as possible of the new training dates. We are not liable for any additional expenses incurred as a result of rescheduling training.

We are not able to offer refunds for no-shows or uncompleted courses.

In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at Training Connection (158)

Benefits of Booking Through CourseHorse

  • Booking is safe. When you book with us your details are protected by a secure connection.
  • Lowest price guaranteed. Classes on CourseHorse are never marked up.
  • This class will earn you 14950 points. Points give you money off your next class!

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Training Connection

Training Connection LLC is a computer and business skills training company.

Our Training Philosophy

Our main focus is to provide exceptional computer desktop and business skills training. We strive to achieve this by following a 5 cornerstone approach:

1. Our Instructors

Without a doubt our most valuable...

Read more about Training Connection

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified Los Angeles educator.

Training Connection

Training Connection

All classes at this location

The easiest access is from the State 110N Freeway (Harbor Hwy)

If traveling North-bound on 110N Hwy

  • Take the 9th St exit
  • Turn Left at Figueroa Street
  • Turn Left into Wilshire Blvd
  • 915 Wilshire is on the Right (look for the Bank of the West located in our lobby)

  • The entrance to our parking garage is also on the left hand side of building.

    If traveling South-bound on 110S Hwy
  • Take the 4th St exit towards WILSHIRE blvd / 6TH St / 3RD St
  • Turn left at Wilshire Blvd
  • 915 Wilshire is on the Left (look for the Bank of the West located in our lobby)

  • The entrance to our parking garage is also on the left hand side of building.

    Google Map

    Give This Course as a Gift Card

    • Thousands of classes
    • No expiration
    • Unique and memorable gifts for any occasion
    • Personalized
    • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
    • Instant delivery
    • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

    Buy a Gift Card

    Book this Class as a Group Event

    Booking this class for a group? Find great private group events

    Or see all Coding Group Events

    Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

    CourseHorse Gift Cards

    • Creative & unique gift for any occasion
    • Thousands of classes & experiences
    • No expiration date
    • Instant e-delivery (or choose a date)
    • Add a personalized message
    • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
    Buy a Gift Card
    gift card with the CourseHorse logo gift card with the CourseHorse logo
    Loading...