Thankfully we have 2 other jQuery Classes for you to choose from. Check our top choices below or see all classes for more options.
This class isn't on the schedule at the moment, but
save it to your Wish List to find out when it comes back!
If you're enrolled in an upcoming date, this simply means that date has now sold out.
All HOTT courses are available face-to-face, remote-live, on-demand or on-site at your facility.
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
- viewport Meta Tag
- @viewport Rule
- Media Types
- Logical Operators
- Media Features
- Browser Height and Height
- Device Height and Height
Creating Responsive Layouts
- Calculating Fluid Grid Layouts
- Predefined Grid Systems
- Using Ems, Percentages and Rems
- Viewport Units
Overview of jQuery Mobile
Overview of the jQuery Mobile CSS Framework
- Applying the "a" and "b" Swatches
- Exploring the ThemeRoller UI
- Upgrading Existing Themes
- Defining Custom Swatches
- Downloading and Applying a Custom Theme
Creating jQuery Mobile Pages
- Using Page Transitions
- Ajax-Driven Page Navigation
- Hash-based Navigation
Adding Content to a Page
Using jQuery Mobile Widgets
- Instantiating a Widget
- Calling Widget Methods
- Setting Widget Options
- Registering Widget Events
Adding Toolbars to a Page
Working with List Views
- Adding Images to Lists
- Creating Split Buttons
- Creating Count Bubbles
Working with Forms
- Textinput Widget
- Checkboxradio Widget
- Selectmenu Widget
- Slider Widget
- Rangeslider Widget
- Single-line and Multi-line Text Fields
- Email, Telephone and Search Fields
- Checkboxes and Radio Buttons
- Native Select Menu
- Custom Select Menu
- Allowing Multiple Selections
- Disabling Menu Options
- Adding Placeholders
- Controlling a Slider's Appearance
- Using Slider Events
Working with Buttons
- Using the <a> Tag
- Using the <input> Tag
- Using the <button> Tag
- Native Buttons
- Inline Buttons
- Adding/Removing Rounded Corners
- Theming Buttons
- Adding/Removing Drop Shadows
- Minifying Buttons
- Adding Icons
Responding to Events
- Orientation Change
- Virtual Mouse Events
- Widget-specific events
- Slider Widget
- Tabs Widget
- Collapsible Widget
- Enabling Ajax
- Setting Default Page Transitions
- Preventing Transitions
- Preventing Auto-Enhancement
- Customizing Error Messages
- Working with URLs
- Performing a Silent Scroll
- Adding a Close Button
Creating a Tabbed Interface
- Customizing Options
- Handling Tab Events
- Loading Content with Ajax
Creating Responsive Tables
- Applying the ui-responsive Class
- Prioritizing Columns
- Customizing the Columns button
- Customizing the Appearance of the Column Picker Popup
Adding Collapsible Content
- Adding a Theme
- Using Custom Icons
- Minified and Inset Collapsibles
Making Content Filterable
Web Services Integration
This course is available for "remote" learning and will be available to anyone with access to an internet device with a microphone (this includes most models of computers, tablets). Classes will take place with a "Live" instructor at the date/times listed below.
Upon registration, the instructor will send along additional information about how to log-on and participate in the class.
Still have questions? Ask the community.
Hands On Technology Transfer, Inc.
(Exact location to be announced)
New York, New York Chelsea, Manhattan
(Exact location to be announced)
New York, New York
This class isn't on the schedule at the moment, but save it to your Wish List to find out when it comes back!
HOTT delivers instructor-led technical training across the United States, Canada and the United Kingdom. Whether you attend in person, remote-live or on-demand, our classroom-based training philosophy zeroes in on your ability to work more productively and with higher quality results after training....
This school has been carefully vetted by CourseHorse and is a verified NYC educator.
Monday Jul 27th, 9:30am - 3:30pm Eastern Time(5 sessions)
Wednesday Aug 26th, 10am - 5pm Eastern Time(3 sessions)
Know someone who would like this class but not sure of their schedule? (We recommend this!)
Know their schedule better than your own? Book a date and time directly.
(This school does not support a scheduled gift delivery date so if you book the class, the recipient will be notified right away.)
Get special date and rate options for your group. Submit the form below and we'll get back to you within 2 business hours with pricing and availability.