Discover Classes. Earn Rewards.
JavaScript and jQuery is unfortunately unavailable

Thankfully we have 32 other JavaScript Classes for you to choose from. Check our top choices below or see all classes for more options.

Course Details
Price:
$1,195
Start Date:

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.

Purchase Options
Save to WishList

2 people saved this class

Book Private Class
Description
Class Level: Beginner
Age Requirements: 14 and older
Average Class Size: 5

Flexible Reschedule Policy: This provider has flexible, free rescheduling for any-in person workshop. Please see the cancellation policy for more details

What you'll learn in this javascript class:

Looking for a JavaScript class in Chicago or Los Angeles?

We offer hands-on JavaScript classes taught by live instructors present in the room

Go beyond HTML and CSS and learn JavaScript so you can add interactivity to your websites such as animated slideshows, lightboxes (image enlargers), show/hide content, form validation, and more.

You will be learning from an experienced Web developer.

You will receive the following with each JavaScript course:

  • JavaScript training manual
  • Certificate of Course Completion
  • Free repeat valid for 6 months (in case you need a refresher)

This JavaScript class is suitable for beginners. You will learn how to create better user experiences by adding interactive elements for your Web pages. This class will introduce you to JavaScript syntax, before delving into jQuery the World's most popular JavaScript library.

Detailed Course Outline

Fundamentals of JavaScript Code

    In this lesson, you will learn some foundational concepts and syntax such as variables, strings, and numbers. These are core concepts used throughout even the most complicated scripts.

      • JavaScript methods (such as alerts)
      • Variables
      • The importance of quotes
      • Numbers vs. strings
      • Concatenation

Reusing Code with Functions

    A function is a group of reusable code that performs a specific task (or tasks) at a desired time. In this exercise, you will learn how to write a custom function.

      • Defining functions
      • Calling functions
      • Defining parameters & passing arguments

Targeting HTML Elements

    In this exercise, we will take a look at what JavaScript is doing in the background. We will use Chrome's DevTools to reveal the structure of an HTML document, select individual HTML elements and edit them.

      • Selecting & Working with HTML Elements
      • Getting & Setting Input Values
      • Hiding & showing elements with JavaScript

If Statements: Clearing Form Fields

    There are times when you only want your JavaScript code to be executed if certain criteria have been met. In this exercise, you will use an IF statement to detect whether a form field contains text and then respond with a hint if necessary.

      • Testing code in the JavaScript Console
      • Getting & setting properties
      • Using if statements
      • Reshowing text hints in empty form fields

Simple Accordion with JavaScript

    Accordions let you condense a lot of information into a small space by hiding some of it. In this exercise, you are going to build a simple accordion to hide and show different elements.

      • Targeting elements by ID
      • Hiding & showing elements with JavaScript

Sharing JavaScript Across Pages

    In this exercise, we will learn how to externalize JavaScript so it can be shared between pages.

      • Externalizing JavaScript
      • Linking to the JavaScript File

Introduction to Arrays & the Math Object

    In this exercise, we will learn about arrays and how to create them. You will also learn about Math objects and how to use them in conjunction with arrays to display the values we want.

      • Creating an Array of testimonials
      • Editing an Array
      • The Math Object
      • Using the Math Object to Pick Random Testimonials

Postcard Generator

    In this exercise, you will build a postcard generator. The user will choose from a list of U.S. states and the page will dynamically generate a postcard for that state.

      • Getting Input From the Menu
      • Unobtrusive JavaScript

Introduction to JavaScript Objects & the DOM

    In this exercise you will learn the basics about JavaScript objects. You will create your own object and learn how to access objects inside an HTML document to see how you can manipulate them.

      • Intro to objects
      • The global object
      • Breaking open & manipulating objects

Dynamically Changing Content with Custom Objects

    In this exercise, you will use JavaScript objects to dynamically update content without having to reload the page. In other words, when a user makes a selection, the information on the page will update without the page having to reload.

      • Checking the functionality of the select menu
      • Getting the chosen value
      • Dynamically changing the state name value
      • Dynamically changing the rest of the values

Introduction to For Loops

    One of the things that programming is really good for is repeating the same (or similar) actions very quickly. In this exercise, we will look at one way to do this by using a for loop.

      • Creating a for loop
      • Using the for loop to set dropdown menus
      • Clearing the To menu
      • Optional bonus: refining the menu selection experience

Introduction to jQuery: Showing & Hiding Content

jQuery is an industry standard JavaScript library. In this exercise, you will get started using jQuery by learning how to show and hide some content using a few different animations.

    • Getting started with jQuery
    • Using the jQuery Library
    • Running code when the document is ready
    • Click events
    • Using jQuery’s slideToggle() method
    • Supporting JavaScript disabled users

Product Color Chooser

When products are available in multiple colors, users need to be able to choose the color they want to receive. In this exercise, you will use jQuery to make a product color picker that lets a user choose a color and then see a photo of the product with the color they selected.

    • Getting the Swatch Buttons to Work
    • Figuring Out Which Color the User Clicked On
    • Change the Border Color of the Selected Element
    • Using Hover Instead of Click

More Advanced jQuery Showing/Hiding

In this exercise you will take another look at showing and hiding, but with a new twist. You will learn how to control the speed of jQuery's slideToggle() and learn more about targeting elements with jQuery.

    • Adding an animation to reveal hidden content
    • Targeting the proper div: traversing the document
    • Swapping the button image with jQuery

Using jQuery Plugins: Smooth Scroll

In this exercise, you will learn how to use a jQuery plugin called Smooth Scroll. It lets you create a single page site with navigation that scrolls down the page with a sliding animation.

    • Linking to the plugin file
    • Initializing the plugin
    • Customizing the plugin with options

jQuery Lightbox: A Pop-up Image Viewer

In this exercise, you will learn how to use a free jQuery lightbox plugin called Magnific Popup. This is a great way for users to view enlarged images.

    • Linking to the plugin files
    • Initializing the pop-up
    • Grouping the photos into a gallery
    • Adding captions
    • Removing the counter
    • Customizing the appearance

jQuery Cycle: A Simple Slideshow

In this exercise, you will learn how to use the jQuery Cycle plugin to create a simple slideshow. It can cycle through content with a variety of transitions like fades and pushes.

    • Initial setup
    • Defining what content gets cycled
    • Adding more cycles & exploring options
    • Reversing the animation

jQuery Cycle: Adding Slideshow Controls

In this exercise, you will add controls to a slideshow which will allow the end user to jump ahead or back to specific slides.

    • Preventing a possible "flash of unstyled content"
    • Enabling the slideshow
    • Adding & customizing the controls

jQuery Form Validation

Form validation is essential for so many websites. Here we will show you how to set up form validation with the popular jQuery Validation Plugin by Jörn Zaefferer, which is easy, fast, flexible, and well-documented.

    • Initializing the plugin & setting options
    • Customizing the error messages
    • Changing the location of the error messages
    • Styling the error messages

jQuery Image Carousel

Carousels are one way to present a series of images and/or text for users to scroll through. The free OWL Carousel plugin makes creating these easy.

    • Linking to the plugin files
    • Creating the carousel
    • Styling the carousel
    • An easy way to add prev & next buttons
    • Adding custom prev & next buttons
    • Setting how many items are shown

Remote Learning

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.

Refund Policy

Please send all requests to [email protected] .

We are unable to offer refunds for cancellations, however we can issue you a training voucher for the same value that can be used to book any class in the future.

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

Due to the Coronavirus we are waving the transfer fee when you reschedule your training.

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 or training vouchers for no-shows or uncompleted courses.

Start Dates (0)

This class isn't on the schedule at the moment, but save it to your Wish List to find out when it comes back!

Similar Classes

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 11950 points. Points give you money off your next class!
Questions about this class?
Get help now from a knowledge expert!
Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Reviews of Classes at Training Connection (131)

School: Training Connection

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...

Read more about Training Connection

CourseHorse Approved

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

Want to take this class?

Save to Wish List
Booking this class for a group? Find great private group events here

32 Top Choices

React JS Framework

This class is temporarily being offered remotely.

at Baruch College - CAPS - Online 00000

React is a JavaScript library for building user interfaces and can be used as a base in the development of single-page or mobile applications. In this course, you will learn how to model UI components using React Components. In addition, the class will teach you how to manage the state and life cycle of React Components and use them to dynamically...

Monday Nov 2nd, 6:15pm - 9:15pm Eastern Time

  (10 sessions)
$745

10 sessions

Javascript Bootcamp Remote (Online)

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Seattle, Washington 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 10am - 4pm Pacific Time

Javascript Bootcamp (Online)

This class is temporarily being offered remotely.

at General Assembly - Online Online Classroom, Los Angeles, California 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 10am - 4pm Pacific Time

Javascript Bootcamp Remote (Online)

This class is temporarily being offered remotely.

at General Assembly - Online Remote Online, Online, California 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 10am - 4pm Pacific Time

Javascript Bootcamp Remote (Online)

This class is temporarily being offered remotely.

at General Assembly - Online Remote Online , Denver, Colorado 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 11am - 5pm Mountain Time

Javascript Bootcamp (Online)

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Chicago, Illinois 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 12pm - 6pm Central Time

Javascript Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Online, Massachusetts 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 1pm - 7pm Eastern Time

Javascript Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Atlanta, Georgia 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 1pm - 7pm Eastern Time

Javascript Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online GA Washington D.C. (Remote Online), Washington, District of Columbia 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 1pm - 7pm Eastern Time

Javascript Bootcamp (Online)

This class is temporarily being offered remotely.

at General Assembly - Online Online Class
Livestream, New York, New York 00000

This course will take students who have little to no experience with the Javascript Programming language and get them up and running with core JS principles. We will begin by running Javascript in our command line, learning to declare variables, control the flow of a program using conditional statements, declare arrays, create functions and write...

Friday Nov 6th, 1pm - 7pm Eastern Time

React JS

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, San Francisco, California 00000

According to Stack Overflow, JavaScript’s React is the library “most developers want to work with if they don’t already.” Gain In-Demand Skills in a Competitive Field Start building maintainable JavaScript applications that can handle constantly changing data at scale. Expand your programming toolkit, and discover why both web developers...

Monday Nov 9th, 5pm - 7pm Pacific Time

  (20 sessions)
$3,950

20 sessions

React JS

This class is temporarily being offered remotely.

at General Assembly - Online Online Classroom, Los Angeles, California 00000

According to Stack Overflow, JavaScript’s React is the library “most developers want to work with if they don’t already.” Gain In-Demand Skills in a Competitive Field Start building maintainable JavaScript applications that can handle constantly changing data at scale. Expand your programming toolkit, and discover why both web developers...

Monday Nov 9th, 5pm - 7pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Coding Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Class
Livestream, New York, New York 00000

Interested in transitioning into a career in web development, software engineering and web design?  Thinking about enrolling in our Immersive Bootcamp? Want to start you own business and build a dynamic site to showcase your brand? Stop wasting another minute on lengthy online video training and get hands-on, 1:1 veteran instructor led training...

Saturday Dec 5th, 11am - 6pm Eastern Time

  (2 sessions)
$375

2 sessions

React JS

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Chicago, Illinois 00000

According to Stack Overflow, JavaScript’s React is the library “most developers want to work with if they don’t already.” Gain In-Demand Skills in a Competitive Field Start building maintainable JavaScript applications that can handle constantly changing data at scale. Expand your programming toolkit, and discover why both web developers...

Monday Nov 9th, 7pm - 9pm Central Time

  (20 sessions)
$3,950

20 sessions

Javascript Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Seattle, Washington 00000

Gain fluency in JavaScript — the world's most popular programming language — and start leveraging its versatile capabilities to build rich, interactive websites and applications. There are over 1.6 billion websites in the world, and JavaScript is used on 95% of them. Boost Your Professional Value With Versatile Skills Discover why JavaScript —...

Monday Nov 16th, 6:30pm - 9:30pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Javascript Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Classroom, Los Angeles, California 00000

This is a 10-week part-time course.   Skills & Tools: Learn to code in JavaScript, the native language of the web used by developers the world over. Production Standard: Build a single-web app that persists user data and connects to services like Twitter and Facebook via APIs. The Big Picture: Learn the fundamentals of object-oriented programming...

Monday Nov 16th, 6:30pm - 9:30pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Javascript Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, San Francisco, California 00000

This is a part time course.   JavaScript is one of the strongest weapons in an engineer's arsenal. It can run both in the browser and on servers and is quickly becoming the go-to language to power web and mobile apps. If you want to be a web developer, JavaScript is a must-know. Unit 1: Fundamentals of JavaScript Installfest Install and...

Monday Nov 16th, 6:30pm - 9:30pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Javascript Development

This class is temporarily being offered remotely.

at General Assembly - Online Remote Online, Online, California 00000

Gain fluency in JavaScript — the world's most popular programming language — and start leveraging its versatile capabilities to build rich, interactive websites and applications. There are over 1.6 billion websites in the world, and JavaScript is used on 95% of them. Boost Your Professional Value With Versatile Skills Discover why JavaScript —...

Monday Nov 16th, 7:30pm - 10:30pm Pacific Time

  (20 sessions)
$3,950

20 sessions

Javascript Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Chicago, Illinois 00000

This is a part time course.   JavaScript is one of the strongest weapons in an engineer's arsenal. It can run both in the browser and on servers and is quickly becoming the go-to language to power web and mobile apps. If you want to be a web developer, JavaScript is a must-know. Unit 1: Fundamentals of JavaScript Installfest Install and...

Tuesday Dec 1st, 6pm - 9pm Central Time

  (20 sessions)
$3,950

20 sessions

Javascript Development

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Online, Massachusetts 00000

This is a 10-week part-time course.   Skills & Tools Learn to code in JavaScript, the native language of the web used by developers the world over. Production Standard Build a single-page web app that persists user data and connects to services like Twitter and Facebook via APIs. The Big Picture Learn the fundamentals of object-oriented...

Tuesday Dec 1st, 7pm - 10pm Eastern Time

  (20 sessions)
$3,950

20 sessions

Loading...