Events  Deals  Jobs  NFT NYC 2024 
    Sign in  
 
 
Kick your sites up a notch by adding animation & interactivity for amazing user experiences.
Thu, Jan 15, 2015 @ 09:00 AM   $650   Noble Desktop, 594 Broadway, Ste 1202
 
     
 
 
              

  
 
Sign up for our awesome New York
Tech Events weekly email newsletter.
   
LOCATION
EVENT DETAILS
Web Development Level 3 Training

Kick your sites up a notch by adding animation and interactivity for amazing user experiences. Words just don't do this training justice, so be sure to check out the examples to truly see how cool it is.

You'll start by learning the fundamentals of JavaScript code, and then get into jQuery. jQuery is an industry standard framework that lets you quickly and easily write powerful JavaScript. With it you'll create animated slideshows, lightboxes (image enlargers), show/hide content and more. Once you know jQuery, you can add much cool stuff to websites!

This advanced level course is for people who have experience building webpages. It is a coding class, so HTML & CSS knowledge equivalent to our Web Development Level 2 class is expected.

WHAT YOU'LL LEARN

SECTION 1
Fundamentals of JavaScript Code
Topics
JavaScript Methods (Such as Alerts)
Variables
The Importance of Quotes
Numbers vs. Strings
Concatenation
Reusing Code with Functions
Topics
Defining Functions
Calling Functions
Defining Parameters & Passing Arguments
Simple Accordion with JavaScript
Topics
Targeting Elements by ID
Hiding & Showing Elements with JavaScript
If Statements: Clearing Form Fields
Topics
Testing Code in the JavaScript Console
Getting & Setting Properties
Using If Statements
Reshowing Text Hints in Empty Form Fields

SECTION 2

Show/Hide Content with jQuery Animation
Topics
Getting Started with jQuery
Running Code When the Document is Ready
Click Events
Using jQuery's slideToggle()
Supporting JavaScript Disabled Users
Sharing JavaScript Across Pages
Topics
Externalizing JavaScript
Linking to the JavaScript File
jQuery Hover Animation
Topics
Adding an Outline with CSS
Using jQuery Hover()
Using jQuery Animate()
More Advanced jQuery Show/Hide
Topics
Adding an Animation to Reveal Hidden Content
Targeting the Proper Div: Traversing the Document
Swapping the Button Image with jQuery

SECTION 3

jQuery Lightbox: A Popup Image Viewer
Topics
Linking to the Plugin Files
Initializing the Popup
Grouping the Photos Into a Gallery
Adding Captions
Removing the Counter
Customizing the Appearance
jQuery Cycle: A Simple Slideshow
Topics
Initial Setup
Defining What Content Gets Cycled
Adding More Cycles & Exploring Options
Reversing the Animation
jQuery Cycle: Adding Slideshow Controls
Topics
Preventing a Possible Flash Of Unstyled Content
Enabling the Slideshow
Adding & Customizing the Controls

SECTION 4

jQuery Cycle: Adding a Pause Button
Topics
Adding a Pause/Play Button
Styling the Pause/Play Button
Checking to See if the Cycle is Paused
Making the Pause/Play Button Work
jQuery Form Validation
Topics
Initializing the Plugin & Setting Options
Customizing the Error Messages
Changing the Location of the Error Messages
Styling the Error Messages
jQuery Image Carousel
Topics
Linking to the Plugin Files
Creating the Carousel
Styling the Carousel
An Easy Way to Add Prev & Next Buttons
Custom Prev & Next Buttons
Setting How Many Items are Shown
 
 
 
 
© 2024 GarysGuide      About    Feedback    Press    Terms