課程資料
報名日期
全年招生
課程級別
學習模式
修業期
2 小時 34 分鐘
教學語言
英語
授課導師
Adrian Bienias
評分
3次瀏覽
課程簡介
Create A Real World Shopping Cart Project And Learn JavaScript ES6 Along The Way
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.
課程章節
- 1 個章節
- 9 堂課
- 第 1 章 Main Course
課程內容
- 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
評價
-
MMohammad Salahaddin Mohammadi
If we ignore the instructor weird accent then the course is what you expected. It saved my ass being in a short schedule to design a shopping cart.
-
AAbhijit Vyas
yes this is a great match for me! the author has created a course with just the level of complexity that i needed
-
JJon Schneider
This is a great course. If you want to learn how to build a javascript cart this is the course for you.
-
MMate Kuna
I enjoyed every single lesson of this course. I liked that it is split into shorter parts, so I can easily finish one part without have to take a pause. The instructor knows JS very well, and I can finally see ES6 in action instead of the "usual" examples on the internet. Thank you for this course, I learnt a lot :)
