JavaScript and jQuery
- Beginner
- 14 and older
- $1,495
- Earn 14,950 reward points
- 915 Wilshire Blvd, Los Angeles, CA
- 22 hours & 30 minutes over 3 sessions
Thankfully we have 1 other JavaScript Class for you to choose from. Check our top choice below or see all classes for more options.
Beach Coders Academy @ 615 N Nash St, El Segundo, CA
Take your web development skills to the next level with our immersive coding program. Master JavaScript, Node, Front End Frameworks, and Databases while building a portfolio of real-world projects. Collaborate with classmates and gain hands-on experience in this industry-focused course.
Apr 29th
10am–12:30pm PDT
Meets 12 Times
Apr 29th
1–3:30pm PDT
Meets 12 Times
Apr 29th
4–6:30pm PDT
Meets 12 Times
Apr 29th
7–9:30pm PDT
Meets 12 Times
May 6th
10am–12:30pm PDT
Meets 12 Times
This class has 15 more dates.
Tap here to see more
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:
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.
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.
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.
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.
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.
Sharing JavaScript Across Pages
In this exercise, we will learn how to externalize JavaScript so it can be shared between pages.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
All cancellations and rescheduling requests must be made in writing and emailed to [email protected]
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.
Get quick answers from CourseHorse and past students.
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
This school has been carefully vetted by CourseHorse and is a verified Los Angeles educator.
Training Connection
Downtown, Downtown/Northeast
915 Wilshire Blvd Suite 1800
Btwn Harbor Fwy & S Figueroa St
Los Angeles, California 90017 Downtown, Downtown/Northeast
915 Wilshire Blvd Suite 1800
Btwn Harbor Fwy & S Figueroa St
Los Angeles, California 90017
The easiest access is from the State 110N Freeway (Harbor Hwy)
If traveling North-bound on 110N Hwy
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.
More in Programming Languages
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.