JavaScript for Front-End
Learn JavaScript to add interactivity and animation to webpages with scrolling animations, parallax, slideshows, and much more
Learn JavaScript to add interactivity and animation to webpages with scrolling animations, parallax, slideshows, and much more
In this hands-on JavaScript class, you’ll start by learning the fundamentals of JavaScript code to add logic and interactivity to webpages. You’ll write plain vanilla JavaScript as well as learn how to use pre-made JavaScripts (slideshows, tabbed panels, etc.) to save yourself time and be able to quickly add amazing functionality with relatively little work.
The GreenSock Animation Platform (GSAP) is the industry standard framework for web animation. Learn to animate just about anything in a webpage, such as scrolling animations (including parallax effects), animate logos, banner ads, and much more.
This advanced course is for people who have experience coding webpages. Students should feel comfortable coding HTML and CSS. You should have knowledge equivalent to our Advanced HTML & CSS class.
From our hands-on training style to world-class instructors and custom-crafted curriculum, we deliver results our alumni are proud of.
I was introduced to Noble Desktop years ago by an employer. At the time, we were implementing a new workflow and there was no one on staff qualified to train the team. I was so impressed with the instructor and the class, that I signed up for additional classes on my own… everything from JavaScript to WordPress to UX/UI Design. These days the ability to remain employable is entirely dependent on the need to continually upgrade one’s skillset. No one provides better, more comprehensive (and well-documented) instruction and technical training than Noble Desktop. It’s also a great place to meet other people in my chosen field (and other industries) whom I might not have the opportunity to meet otherwise.
Freelance Art Director
JavaScript for Front-End is rated 4.7 stars by 137 students
in the past 24 months
It was fascinating to discover the possibilities available while using JavaScript & jQuery once you understand how the code works. The instructor was extremely knowledgeable and did an awesome job of answering questions, giving us resources and explaining every detail for all the exercises we worked on. This is definitely a class you need to take and have in your tool belt.
German Hernandez
The Noble Desktop JavaScript & jQuery course is a great introduction to the world of programming. There is so much information covered in this course. I think anyone looking to improve their dev skills would benefit from this course.
Patrick Hobart
Excellent course! JavaScript dissected and made easy!
Maureen Anderson
This JavaScript & jQuery class was educational, inspirational, and exciting. I did not know that I can utilize JavaScript in so many different ways. The content offered is thorough and useful. I recommend this course to anyone who would like to start creating functional and dynamic websites.
Dmitrii Sinitskii
If you're considering changing your career to web development and you're not too confident in your JavaScript knowledge, this is the class for you!
Daniel McClean
I'm really glad that I took Noble Desktop's JavaScript & jQuery class. These are really powerful skills for web developers to have in their toolkit.
Zachary Edminster
The course does a good job explaining JavaScript to those who never before wrote with a programming language. I'm now familiar with its syntax. By taking this course I've begun the process to acquire a greater understanding of JavaScript. I'm appreciative of the class instructor for explaining JavaScript's complexities.
Darryl Kaalund
The JavaScript class was the perfect class for those that want to grasp the main concepts of the language. I walked out very satisfied.
Daniel Chen
The class and the instructor provided great examples for understanding the fundamentals of JavaScript and jQuery. I felt I left the course with a more comfortable knowledge of what I once thought was too complex to grasp.
Shonica St John
Really gets at JavaScript + jQuery code—and manages to make it inviting and not cold!
adam bohannon
Excellent instructors...patient and extremely knowledgeable.
Raymond Hill
Noble Desktop takes you through the development path with ease and provides you the background needed for a career in web development and design.
Ben Schneider
Hudson River Park Trust
I highly enjoyed Noble Desktop's JavaScript & jQuery class. My instructor was very knowledgeable and the class materials were easy to follow and used real-life examples.
Charles Easton IV
The Lynx Group
Noble Desktop is fantastic 100% of classes (I have taken 4) have been well-paced and extremely real-world relevant.
Trudy Appling
The class had a quick and easy flow to understanding the contents of the class. It was taught by an outstanding instructor and I recommend to everyone and anyone who wants to learn more about Javascript and jQuery.
Alwin Jacob
Awesome instructors! Class content is excellent! Experience has been great so far! Can't wait to do some more learning with Noble Desktop :)
Sunny Ryoo
Pixelove Design
This class is a must! Lasha is extremely knowledgable and a great teacher. You will learn how to create very cool interactive experiences with the information learned in this class. A+!
Hannah Blaser
Citizen Watch America
This is a very, very solid overview of some powerful web building tools.
Svetlana Finelt
My main concern with JavaScript was I always felt like I was missing something fundamental or lacked confidence in what I was doing. After taking this course, I feel assured that I understand the core fundamentals of JavaScript and can now continue to build on that foundation.
Katy Martin
Something Digital
Good experience! Learned a lot of solid information.
Kiera Durr
Great course! The exercises are well thought out and scaffolded so that each concept builds upon what you've already learned. Would definitely recommend to anyone interested in breaking into coding.
Nicholas Lederer
Devin was great about answering questions of all kinds and presenting the material!
Sokhi W.
Noble Desktop took me by complete surprise with how much of a complex coding language such as JavaScript I was able to grasp within a short 18 hours.
Ava Gaul
As one of our smaller courses, tuition for this course is due in full before the start date. The best way to save on this course is to take it as part of a certificate program.
There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.
However, if you plan to take the course live online, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.
We don’t currently offer discounts as we do our best to affordably prices our courses.
Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.
Work on projects proven to boost retention
Refined over many cohorts for an optimal learning experience
This class is a must! Lasha is extremely knowledgable and a great teacher. You will learn how to create very cool interactive experiences with the information learned in this class. A+!
— Hannah B.
Experienced educators who are driven to help you succeed
Refresh the materials for free within one year
Attend this course in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects. Switch between live-online and in-person as needed, even after the course has started.
Unlike other providers, these are not mass open-enrollment classes. At Noble Desktop, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.
Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.
Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.
Our instructors are verterans of their field and experienced educators, driven to help you succeed.
School Director, Instructor, & Senior Course Developer
Program Director & Senior Instructor
Entrepreneur & Founder of Noble Desktop
Senior Instructor
Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!
Shareable on
This course includes a detailed workbook, available in print or ebook at no additional cost.
Our proprietary workbooks are designed by a team of industry experts and instructional designers, and are updated regularly for the latest features and trends. Learn by completing a variety of real-world projects, and apply your newly-learned skills right away.
Download Sample ExerciseWe offer a single free retake of the the class within a year.
You can also access recordings of each session in your student portal within one business day of the session’s end. Recordings are available for one month after the session.
Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.
Create JavaScript-based Scrolling Animations with GSAP (GreenSock Animation Platform)
Create HTML5 animated banner ads using GreenSock that can be submitted to Google Ads
Add interactivity & update content based on what a user does
Code parallax animations using the GreenSock JavaScript library
Animate virtually anything in a webpage using GreenSock
Create tabbed sections within a webpage
No. We provide computers (Mac or PC) with a coding editor installed. Choose your operating system at checkout.
This advanced course is for people who have experience coding webpages. Students should feel comfortable coding HTML and CSS. You should have knowledge equivalent to our Advanced HTML & CSS class.
This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).
You have some options:
Select up to two courses and tap Compare selected courses to view a side-by-side comparison of JavaScript for Front-End with your selected courses.
Learn to create the front end of websites by coding HTML, CSS, and JavaScript. Build websites using WordPress, code emails with HTML & CSS, and use Git to track changes and collaborate with other developers.
Become a well-rounded Web Designer and start creating your portfolio. Learn to design webpages and emails, code them with HTML, CSS, and JavaScript, as well as build websites with WordPress.
Learn the essentials of JavaScript programming to start creating web applications. You’ll learn variables, functions, data types, asynchronous JavaScript, and more.
Become a Full Stack Developer and work on all parts of a web application, from its front end appearance to its back end data management. Companies need full stack developers for their diversity of talents.
Purchase group class vouchers at a discount for our regularly-scheduled group classes in NYC, or create a custom training program at your offices.
We’ve trained thousands of companies!
Let us create the perfect program for your team.
HTML, CSS, and JavaScript all work natively in a web browser. Each has a distinctive, yet important role:
For example, when a user clicks a “Read More” link, JavaScript can sense the click and change the CSS to show the extra (hidden) text. Another example is validating a form. When you want to make sure a user has entered a certain type of information, JavaScript can look at what has been entered, make sure it matches a certain set of criteria, and then display an error message if it doesn’t. JavaScript creates the error message by adding HTML content (that can be styled with CSS). Once the information in the form has been corrected, JavaScript can remove the error from HTML and allow the form to be submitted. There are many more things JavaScript can do, but hopefully these examples give you a better sense of how it works.
A JavaScript library is JavaScript code that someone wrote and made available for you to use. Libraries speed up your coding because you don’t have to write as much code, and you can use smartly written code that may be beyond your own coding abilities! Here are just a few examples of popular JavaScript libraries:
JavaScript initially was only a front-end language, but today you can also use JavaScript for back-end development. Front-end JavaScript works natively in a web browser and interacts with HTML and CSS. As more developers learned JavaScript, they wanted to use it on the back-end (the web server). Instead of having to learn a different server-side language such as PHP, Ruby on Rails, etc. you can use Node.js to perform server-side tasks using JavaScript.
In our JavaScript for Front-End class we focus on getting you started with using native JavaScript for front-end development, as well as GreenSock for animation.
The first installment is due one week before the first class. Subsequent installments are spread out evenly across the duration of the course.
Installments | |
---|---|
10% non-refundable deposit | |
$975.00 | Total You Pay |
See the Installment plan FAQ for more information.
School Director, Instructor, & Senior Course Developer
Dan Rodney has been a designer and web developer for over 20 years. He creates coursework for Noble Desktop and teaches classes. In his spare time Dan also writes scripts for InDesign (Make Book Jacket, Proper Fraction Pro, and more). Dan teaches just about anything web, video, or print related: HTML, CSS, JavaScript, Figma, Adobe XD, Sketch, After Effects, Premiere Pro, Photoshop, Illustrator, InDesign, and more. You can find Dan on Twitter, LinkedIn, Facebook, and at danrodney.com.
Program Director & Senior Instructor
Brian is an experienced instructor, curriculum developer, and professional web developer, who in recent years has served as Director for a coding bootcamp in New York. Brian joined Noble Desktop in 2022 and is a lead instructor for HTML & CSS, JavaScript, Python for Data Science, and Excel. Prior to that, he taught Python Data Science and Machine Learning as an Adjunct Professor of Computer Science at Westchester County College.Entrepreneur & Founder of Noble Desktop
Scott Carson started Noble Desktop in 1990, and has been involved with computer graphics since 1986. He began teaching at Parsons School of Design in 1991, and has been training designers, professionals, and career-changers ever since. Scott is also a horse racing aficionado, and runs the largest horse racing contest on the internet, PublicHandicapper.com
Senior Instructor
Brian is an experienced instructor, curriculum developer, and professional web developer. Brian joined Noble Desktop in 2022 and is a lead instructor for MongoDB, Express, React, and Node. Prior to that, he taught SQL at Per Scholas.