JavaScript Accordion JavaScript Programming Exercise
Javascript Project for beginners - create a fully functional JavaScript Accordion manipulate JavaScript DOM events
Development,Programming Languages,Javascript
Lectures -12
Resources -1
Duration -35 mins
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Please note that the scope of this course using JavaScript creating a JavaScript Accordion. If you are looking for a more detailed JavaScript course this course is not for you. Simple course with limited scope designed to be topic specific.
Learn more about JavaScript and how JavaScript ES6 can be applied to create amazing JavaScript projects. Course is loaded with JavaScript Examples and perfect JavaScript for Beginners to learn more about JavaScript Online. Writing JavaScript Code using vanilla JavaScript - no libraries no tricks this JavaScript tutorial will walk you through creating your JavaScript code with JavaScript for the Accordion Project. Learn JavaScript with this step by step JavaScript Course.
Perfect course for JavaScript beginners to learn more about how to use JavaScript selection of elements and web page content.
Start with a simple JavaScript project creating an accordion that you can use and reuse on your website.
Apply modern JavaScript with explanations of code step by step learning.
JavaScript DOM Document Object model allows us to select and manipulate elements. Add event listeners and create interactive web pages.
Course covers
Setup of basic HTML structure for accordion
Setup of simple styling to get started
Use of classes to control view area using JavaScript
Selection of elements and applying events
Click events with class selection and element class list updates
Source Code is included
Bonus PDF lesson guide
Taught by an instructor with over 20 years of Web Development experience.
Who this course is for:
- Web developers
- Web designers
- Anyone who is building a website
- Webmasters and web coders creating web content
Goals
What will you learn in this course:
- How to create a JavaScript accordion
- Apply JavaScript in a project
Prerequisites
What are the prerequisites for this course?
- Programming and coding knowledge
- JavaScript
- HTML and some programming experience
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
11 Lectures
- JavaScript Accordion Introduction 02:31 02:31
- Course Resources
- QuickStart on JavaScript needed for this project 05:08 05:08
- HTML setup for Accordion 02:18 02:18
- Setup CSS for the Accordion 02:00 02:00
- Accordion Interactions JavaScript 02:47 02:47
- Accordion JavaScript Event 03:40 03:40
- Toggle Active Class 03:34 03:34
- Hide all open panels 03:48 03:48
- Finishing Touches 03:50 03:50
- Section Conclusion 05:58 05:58
Instructor Details
Laurence Svekis
eCourse Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now