Shopping Cart Website from Scratch Ecommerce
4.7 (42 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
665 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Shopping Cart Website from Scratch Ecommerce to your Wishlist.

Add to Wishlist

Shopping Cart Website from Scratch Ecommerce

How to build a fully functional web storage shopping cart that integrates with Paypal. Step by step instruction webdev
4.7 (42 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
665 students enrolled
Created by Laurence Svekis
Last updated 3/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 14 Articles
  • 10 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create a custom website with a shopping cart
  • Create multiple page websites that can store products within a shopping cart
View Curriculum
Requirements
  • Basic HTML and JavaScript
  • Desire to learn
Description

This course will introduce HOW YOU can build a custom front-end coded shopping cart from scratch.  Users will be able to add items from multiple pages into a shopping cart. Users will also have a shopping cart that has a checkout button to purchase shopping cart items using Paypal.  You will be amazed at how easy this is to setup and get going on your website.  This is by far one of the most asked for and discussed types of projects that web developers create.  Learn to create a simple eCommerce system using HTML, and jQuery.    Course also covers using Bootstrap to build the website but Bootstrap is not a required part for the functionality of the code. 

HTML - Using HTML for page structure you can setup products on multiple different web pages.  Once you visitors click the button links on the product the item information gets added to a shopping cart.  Checkout anytime or browse more products updating the shopping cart.  This is a simple but useful solution for anyone who wants a simple shopping experience for visitors to HTML web pages.   

CSS - Bootstrap is used within the course to apply styling and structure to the website. Bootstrap is used for rapid web development so we can focus more on the mechanics of the application and how it works.  Some CSS will be covered but in limited capacity within the course.

JavaScript / jQuery - Some limited JavaScript is used but course content and coding is mainly based around jQuery.   jQuery provides an easy way to add event listeners and work with JSON data.    

PayPal - Purchases from the shopping cart can be made via Paypal.  the course will show you how to JSON format your shopping cart items, and extract out the object information.  This format can be utilized in other for other payment processors as well.  Checkout within the course is formatted with a one click option to pay via Paypal.  

Step by step learning with explanations of code being used to build functionality within the shopping cart.  Some HTML and JavaScript experience is necessary as this is a fast paced course covering specific topics related to the creation of the shopping cart.  

I'm here to help you learn to build projects with HTML and jQuery and ready to answer any questions you may have.   Are you ready to take the first step and start learning how to create your own eCommerce website from scratch?  Join now and see what you can create.

Who is the target audience?
  • Web developer and web designers
  • anyone who wants to build a website with a shopping cart
  • Anyone who wants to learn more about web storage
  • Anyone who wants to learn and see jQuery in action and what can be done
  • Create a Paypal checkout within any website
  • Front end coders who want to create a shopping cart
Students Who Viewed This Course Also Viewed
Curriculum For This Course
54 Lectures
04:11:35
+
Introduction to creating a front end shopping cart
2 Lectures 09:55
+
Build a jQuery Shopping cart
15 Lectures 01:14:10

Source Code Default HTML template
00:09

Create Product add event listener
07:43

Use data attributes to pass values to jQuery
08:35

Source Code Event listeners and Data Attributes
00:18

Update add more products
06:39

Create Shopping cart object array
04:19

Loop Through Items in the array jQuery
04:55

Add items increase quantity in the shopping cart
05:26

Add session storage and parse JSON
09:09

Use Session Storage to update array object values
03:49

Create Shopping Cart output
06:17

How to Display Cart items and totals
06:34

Output dollars in currency format
03:17

Source Code Storage Shopping Cart
01:39
+
Create Bootstrap Ecommerce Website with shopping cart
17 Lectures 01:38:45
UX add Bootstrap classes
08:19

Shopping cart dialog window popup
07:48

Create a bootstrap table
04:24

Bootstrap 4 Tables
06:44

Add Checkout Buttons
03:23

Add Bootstrap Grid
10:40

Add Cards update Bootstrap styled items
03:43

Add Bootstrap NavBar
08:19

More Bootstrap Styling
03:37

Create Page Footer
02:41

Source Code Products.html
03:09

Create Checkout page
07:07

Create Paypal Checkout Form
09:37

Adding event listeners update quantity
06:54

Tweaking output quantities
05:07

Complete Shopping Cart Checkout to Paypal
06:01

Source Code Checkout to Paypal checkout.html
01:12
+
Bootstrap Website Building and styling
11 Lectures 36:01
Create Mulitple page website
04:37

Create About.html page
03:21

Source Code About.html
01:47

Create Index.html Carousel
09:50

Source Code Index.html
02:28

Overview products.html
03:21

Source Code Products.html
02:24

CSS Source Code
00:05

Summary overview of JavaScript
07:26

Source Code JavaScript
00:41

Course Resources
00:00
+
Source Code Tweaks asked for by students
9 Lectures 35:01
Update intro and thanks
01:46

Shopping Cart Updates
02:11

Adding Remove button making event listener
06:04

remove object from array
05:53

Update Checkout of shopping cart
05:58

Checkout Zero Quantity Remove
08:27

Source Code for products.html
03:15

Source Code for checklist.html
01:24

Source Code
00:01
About the Instructor
Laurence Svekis
4.2 Average rating
13,017 Reviews
288,790 Students
183 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"