VanillaCartJS – ES6 JavaScript Shopping Cart

Create A Real World Shopping Cart Project And Learn JavaScript ES6 Along The Way

Created by: Adrian Bienias
Full Stack JavaScript Developer

What Will I Learn?

• Writing more bug free code with strict mode
• Declaring functions including arrow functions
• Using JavaScript code inside a string with template strings
• Creating array of objects to store cart items
• Using forEach and filter array methods
• Getting elements from the DOM by querySelector and querySelectorAll methods
• Storing cart items in browser localStorage
• Adding, removing and getting items from an array
• Using if statements and inline shorthand
• Declaring variables using const and let keywords
• Adding and removing classes in HTML elements
• Delaying actions with setTimeout function
• Inserting new HTML code to the DOM
• Catching click events by addEventListener method
• Removing elements from the DOM
• Adding/removing class names and attributes in DOM elements
• Using following operators: ++, --, +=, ===, !==, ||, >,
• Stringifying array to JSON format
• Code refactoring
• Submiting HTML forms remotely
• Using PayPal as a checkout method

Requirements

• Modern web browser and code editor
• Basic knowledge of JavaScript

Target audience

• Beginner web developers who want to master vanilla JavaScript (without using frameworks)
• Web Developers who want to get more jobs related to JavaScript programming
• Those who want to create ecommerce features for selling products online
• Everyone who wants to learn JavaScript ES6 features