VanillaCartJS - ES6 JavaScript Shopping Cart
4.5 (189 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,358 students enrolled

VanillaCartJS - ES6 JavaScript Shopping Cart

Create A Real World Shopping Cart Project And Learn JavaScript ES6 Along The Way
4.5 (189 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,358 students enrolled
Created by Adrian Bienias
Last updated 7/2018
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Course content
Expand 10 lectures 02:35:29
+ Main Course
10 lectures 02:35:29
04 Increasing quantity
18:44
05 Deacresing quantity and removing items
18:16
06 Saving cart to localStorage
28:08
07 Refactoring the code
16:22
08 Clearing the cart
16:24
09 PayPal checkout
21:44
Bonus Lecture: 10% discount for web hosting
00:30
Requirements
  • Modern web browser and code editor
  • Basic knowledge of JavaScript
Description

If you ever wanted to build a simple but powerful shopping cart with JavaScript this course is definitely for you.

This course it's not about creating ultra king size e-commerce solution. It's about creating real world project with business ready attitude.

All products in this project come directly from HTML code. There's no database or any back-end code. If you want to add new product just copy-paste piece of HTML code.

You will create a project with following features:

  • Adding products to the shopping cart
  • Changing quantity of items in the cart
  • Removing single item or all at once from the cart
  • Placing an order via PayPal checkout

Writing code meant to be exciting and I hope it will be like that in this course. As a matter of fact the shopping cart project is just a cover. The real deal is with this course you should learn programming in JavaScript using ES6 features.

It's worth mentioning that every lecture has it's own source code files. So if you will somehow stuck you can always compare your code with code from particular lecture.

Who this course is for:
  • 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