What you will learn and gain
You will learn how to build full functional multi-purpose ecommerce websites with PHP/MySQL.
You're welcome to Heroic Academy
Select your country of residence below to continue
Sign Up and Start Learning!
Log In to Your Account!
Reset Password
Online Shop Complete Tutorial - Easy Steps to Develop Ecommerce Websites
Step by steps tutorial on how to build full functional multi-purpose ecommerce websites.
Click PREVIEW COURSE to watch a short video that will tell you more about the course.
Close
Online Shop Complete Tutorial - Easy Steps to Develop Ecommerce Websites
What our students are saying
Online shopping is a form of electronic commerce which allows consumers to directly buy goods or services from a seller over the Internet using a web browser or a mobile app.
As a web developer, you can build online shops to sell your products or build it for your clients and make lots of money from it.
This course will show you step by step, how to build an amazing online shop
The nature of our training
Our training is online. We have hundreds of tutorial videos on different web development programming languages uploaded in our website.
Once you pay and register you will have lifetime access to the course.
All our paid tutorial videos are downloadable. You can log in anytime and download the tutorial and learn with it.
You also have access to the mentorship of the Admin. You can reach him via WhatsApp on +2348037747461 any time you need his assistance.
This course is designed to be a two weeks course but it allows you to study at your own pace. So, if you're a busy person, you can still cope.
You can combine the course with other engagements. If you're combining the course with other engagements, however, you might not complete it in two weeks but you will surely complete it eventually.
We encourage our students to dream big and use the skill to power their vision. Most world's richest are programmers. They're rich because they use their skill to power their vision.
We motivate our students to build applications for themselves as they're learning, by organizing coding and presentation competition among them, once in a while.
If you love to learn how to code professionally, this is a great opportunity for you. We try our best to simplify the courses for easy understanding.
Even if you know nothing about programming or web development, you will surely find the tutorial very easy.
Requirements
Good knowledge of HTML, CSS, JavaScript, PHP, jQuery, ajax, MySQL, SQL.
You also need a Personal computer (laptop or desktop) and knowledge of how to use computer keyboard and mouse.
Who this course is for:
The course is for all; both young and old. It is highly recommended for people between the ages of 10years and 60years. Coding is for all. It is mostly for those who would like to go into fullstack or backend web development.
ICT skills are gaining relevance by the day and you cannot afford to lose out.
Course Content
Introduction
Introduction to Online Shop
Creating folders
Creating folders
Introducing Visual Studio Code
Introducing Visual Studio Code
Creating homepage sections
Creating homepage sections
Refactoring header and footer
Refactoring header and footer
CSS Color variables
Defining CSS Color variables
Linking CSS and Javascript
Linking CSS and Javascript to header and footer section respectively
Downloading and linking jquery
Downloading and linking jquery
Open the project in a browser
Open the project in a browser, more on templates
Styling the sections
General styling
Working on top bar
Working on top bar - part 1
Working on top bar - part 2
Working on Nav bar
Working on Nav bar - part 1
Working on Nav bar - part 2
Working on Nav bar - part 3
Working on product slider and advert section
Working on product slider and advert section - part 1
Working on product slider and advert section - part 2
Working on product slider and advert section - part 3
Working on product slider and styling open button
Working on product slider and styling close button
Completing advert content section
Making few adjustment
Working on service description section
Adding HTML markup for service section
Styling the service section
Working on the category heading
Working on category content markup
Styling the category contents
Adding link to category boxes
Working on featured product section
Working on featured product section
Styling featured product section
Styling featured product buttons - part 1
Styling featured product buttons - part 2
Working on recent product section
Working on recent product section
Working on the advert section
Working on the advert section
Styling the advert section - part 1
Styling the advert section - part 2
Working on the footer section
Working on the footer section - part 1
Working on the footer section - part 2
Styling the footer - part 1
Styling the footer - part 2
Styling the footer - part 3
Working on the bottom footer
Styling the bottom footer
Category menu drop down list
Working on category menu drop down list
Styling the category menu drop down list
Display category dropdown menu with javaScript
Overlay
Working on overlay
Fixing the overlay issue
Popup
Creating popup HTML markup
Styling popup - part 1
Styling popup - part 2
Close popup
Display popup and buttons on add to cart
Styling popup buttons
More on category dropdown menu
Making some adjustment on category dropdown menu
Working on category submenu
Displaying submenu with javaScript
Product details page
Introducing product details page
Refactoring the topbar and navbar
Working on product details
Styling product details - part 1
Styling product details - part 2
Working on product title section
Styling the product title section
Working on the product details buttons
Working on product specifications and details
Styling product specifications and details
Rearranging product details and adding social icons
Adjusting product specification section
Working on product quantity section
Increase or decrease quantity with javaScript
Working on product scroll section
Working on product scroll section - part 1
Working on product scroll section - part 2
Working on product scroll section - part 3
Refactoring product scroll and product list sections
Working on product scroll section - part 4
Working on SEO-friendly URL
Introducing htaccess
Linking some pages
Configuring apache server for htaccess
Configuring apache server for htaccess
Product slider
Working on product slider - part 1
Working on product slider - part 2
Working on product slider - part 3
Working on product slider - part 4
Working on product slider - part 5
Adding animation to the slider
Adding slider to product details page
Working on slider image thumbnails
Minor adjustment on slider image thumbnails
Further adjustment on details page and popup
Further adjustment on details page and popup
Adding favicon to the site
Adding favicon to the site
Working on shopping cart
Working on shopping cart - part 1
Working on shopping cart - part 2
Working on shopping cart - part 3
Working on shopping cart - part 4
Working on shopping cart - part 5
Making few adjustment on the shopping cart
Working on cart summary section
Styling the cart summary section
Few adjustment on the quantity box
Working on checkout
Working on checkout page
Making some adjustment on checkout
Adding content to homepage slider
Adding content to homepage slider
Working on category page
Working on category page
Working on Making adjustments on slider and category section
Making further adjustments
Working on sign up page
Working on sign up page
Styling signup page - part 1
Styling signup page - part 2
Working on login page
Working on login page
Show and hide password with javaScript
Show and hide password with javaScript
Adding more information to signup and login page
Adding more information to signup and login page
Working on reset password popup
Working on reset password popup
Displaying signup popup
Displaying signup popup - part 1
Displaying signup popup - part 2
Displaying login popup
Displaying login popup
Hide popup when select more button is clicked
Hide popup when select more button is clicked
Hide or show password on popup
Hide or show password on popup
Admin Panel
Introducing Admin Panel Lecture
Setting up dashboard folders and files
Admin Panel navigation section
Working on navigation section
Styling the navigation section - part 1
Styling the navigation section - part 2
Styling the navigation section - part 3
Adding hovered class to navigation list with javaScript
Working on main section
Working on main section
Styling the main section - part 1
Styling the main section - part 2
Making adjustment
Making adjustment on search, toggle and logo
Working on logo container
Toggling navigation
Toggling navigation with javaScript
Dashboard boxes
Working on dashboard boxes
Styling dashboard boxes
Styling dashboard boxes, adding hover effect
Working on dashboard details section
Working on dashboard details section
Styling dashboard details section - part 1
Styling dashboard details section - part 2
Styling the status button
Working on recent customers section
Working on recent customers section - part 1
Working on recent customers section - part 2
Dashboard responsive media
Dashboard responsive media - part 1
Dashboard responsive media - part 2
Reorganizing checkout payment method
Reorganizing checkout payment method
Working on dashboard drop down menu
Working on dashboard drop down menu - part 1
Working on dashboard drop down menu - part 2
Dropdown menu with javaScript
Dropdown menu with javaScript - part 1
Dropdown menu with javaScript - part 2
Dropdown menu with javaScript - part 3
Making the navigation scrollable, adjusting the cardbox
Making some adjustment to slider and advert container styles
Making some adjustment to slider and advert container styles
Responsive media
Responsive media 1
Responsive media 2
Responsive media 3
Responsive media 4
Responsive media 5
Toggle search bar with javaScript
Responsive media 6
Responsive media 7
Responsive media 8
Responsive media 9
Responsive media 10
Readjusting the details page
Readjusting the details page - part 1
Readjusting the details page - part 2
Responsive Media Continues
Responsive media 11
Responsive media 12
Cart page Responsive media
Cart page Responsive media 1
Cart page Responsive media 2
Cart page Responsive media 3
Checkout page Responsive media
Checkout page Responsive media
Making Signup, login and popup responsive
Making Signup, login and popup responsive
Making adjustments
Adjusting product category page
Few adjustment on overlay and category page
Few adjustment on category page
Making the popup more reusable
Making the popup more reusable
Working on toast message
Working on toast message
Styling the toast message - part 1
Styling the toast message - part 2
Closing the toast message with JavaScript
Making form CSS reusable
Making form CSS reusable
Making the overlay reusable
Working on insert product page
Working on insert product page
Working on form CSS
Working on form CSS
Working on loading effect
Working on loading effect - part 1
Working on loading effect - part 2
Working on insert product page continues
Working on insert product page continues
Getting the active page
Getting the active page with ajax
Working on displaying active page automatically - part 1
Working on displaying active page automatically - part 2
Working on image upload input
Working on image upload input
Displaying selected image name with javaScript
Remove input icons, add upload icon
Making few adjustments to form input and navigation link
Adding WYSIWYG text editor
Adding WYSIWYG text editor to textarea
Styling and debugging WYSIWYG text editor
Debugging the alignment issue of the WYSIWYG text editor
Styling the dashboard form container
Styling the dashboard form container
Adjustments on Navigation
Toggling the navigation icon
Toggling adjust class on hover and click - part 1
Toggling adjust class on hover and click - part 2
Toggling adjust class on hover and click - part 3
Few adjustments on navigation
Inserting tables
Inserting tables for product view page
Using Jquery Datatables plugins
Styling the table
Styling the table and page containers
Working on Product Category
Resave product pages for category pages
Working on insert and view product pages
Working on insert and view product pages
Working on options button and dropdown
Working on options button and dropdown - part 1
Working on options button and dropdown - part 2
Displaying options dropdown with javaScript - part 1
Displaying options dropdown with javaScript - part 2
Working on sub-category
Working on sub-category
Adjusting the styling of the options button
Adjusting the styling of the options button
Working on homepage search bar
Working on homepage search bar - part 1
Working on homepage search bar - part 2
Working on homepage search bar - part 3
Working on product category (back end)
Creating database and product category table
Inserting product category - part 1
Inserting product category - part 2
Working on file class
Working on file class - part 1
Working on file class - part 2
Working on product category class
Working on product category class - part 1
Working on product category class - part 2
Working on upload category image
Inserting product category to the database
Working on checking file type method
Object Oriented Programming (OOP)
Introduction to Object Oriented Programming (OOP)
Creating relevant pages and autoload function
Creating database connection class
Displaying toast message
Displaying toast message - part 1
Displaying toast message - part 2
Displaying toast message - part 3
Resetting category form and disabling the submit button
Resetting category form and disabling the submit button
Resetting the upload input
Working on progress bar
Working on progress bar - part 1
Working on progress bar - part 2
Working on progress bar - part 3
Working on progress bar - part 4
Working on view categories
Working on view categories - part 1
Working on view categories - part 2
Working on edit category
Working on edit category
Working on edit category - part 1
Working on edit category - part 2
Working on edit category - part 3
Working on edit category - part 4
Working on edit category - part 5
Working on delete category
Working on delete category - part 1
Working on delete category - part 2
Working on delete category - part 3
Working on delete category - part 4
Working on insert subcategory
Working on insert subcategory - part 1
Working on insert subcategory - part 2
Working on insert subcategory - part 3
Working on view sub-categories
Working on view sub-categories
Completing view sub-categories and working on edit sub-categories
Working on update and delete sub-categories
Working on update sub-categories continues
Deleting sub-category
Inserting product
Inserting product - part 1
Inserting product - part 2
Inserting product - part 3
Inserting product - part 4
Inserting product - part 5
Inserting product - part 6
Inserting product - part 7
Inserting product - part 8
View products
View products - part 1
View products - part 2
View products - part 3
Edit product
Edit product - part 1
Edit product - part 2
Edit product - part 3
Delete product
Delete product
Working on registering users
Working on registering users - part 1
Working on registering users - part 2
Working on registering users - part 3
Working on registering users - part 4
Working on user login
Working on user login - part 1
Working on user login - part 2
Working on logout
Working on logout - part 1
Working on logout - part 2
Working on register customer
Working on register customer - part 1
Working on register customer - part 2
Working on customer login
Working on customer login
Checkout whether customer has already registered or logged in
Fetching product from the database to the front end
Fetching product from the database to the front end - part 1
Fetching product from the database to the front end - part 2
Fetching product for details page
Fetching product for details page - part 1
Fetching product for details page - part 2
Fetching product for details page - part 3
Fetching product by category
Fetching product by category - part 1
Fetching product by category - part 2
Fetching product by category - part 3
Fetching category menu
Fetching category menu - part 1
Fetching category menu - part 2
Fetching category details for category section
Fetching category details for category section
Count products for each category
Displaying products by categories
Displaying products by categories
Linking See all product button
Fetching products for homepage slider
Fetching products for homepage slider
Making some adjustment in product class
Working on advert section
Working on advert section 1
Working on advert section 2
Working on random adverts
Working on random adverts 1
Working on random adverts 2
Making some adjustments on insert product
Making some adjustments on insert product
Fetching sub-categories when category is selected
Fetching sub-categories when category is selected - part 1
Fetching sub-categories when category is selected - part 2
Adjusting and testing insert product
Adjusting and testing insert product
Debugging random image issue
Debugging random image issue
Linking category menu
Linking category menu - part 1
Linking category menu - part 2
Linking category menu - part 3
Working on search products
Working on search products - part 1
Working on search products - part 2
Working on search products - part 3
Checking and linking pages
Checking and linking pages
Making few adjustment and adding signup and login buttons
Making few adjustment and adding signup and login buttons - part 1
Making few adjustment and adding signup and login buttons - part 2
Making correction on the search loading feature
Making correction on the search loading feature
Testing all the features so far
Testing all the features so far
Add to cart
Add to cart - part 1
Add to cart - part 2
Add to cart - part 3
Add to cart - part 4
Add to cart - part 5
Add to cart - part 6
Displaying cart items
Display cart items - part 1
Display cart items - part 2
Display cart items - part 3
Display cart items - part 4
Adjusting the cart styles
Incrementing or decrementing product quantity
Incrementing or decrementing product quantity - part 1
Incrementing or decrementing product quantity - part 2
Incrementing or decrementing product quantity - part 3
Incrementing or decrementing product quantity - part 4
Incrementing or decrementing product quantity - part 5
Incrementing or decrementing product quantity - part 6
Deleting product from cart
Deleting product from cart - part 1
Deleting product from cart - part 2
Deleting product from cart - part 3
Displaying products in checkout
Displaying products in checkout - part 1
Displaying products in checkout - part 2
Displaying products in checkout - part 3
Making some adjustments
Making some adjustments
Working on complete payment
Working on complete payment - part 1
Working on complete payment - part 2
Working on payment page
Working on payment page - part 1
Working on payment page - part 2
Working on payment page - part 3
Working on orders
Working on orders - part 1
Working on orders - part 2
Working on orders - part 3
Working on orders - part 4
Working on orders - part 5
Working on orders - part 6
Working on orders - part 7
Working on insert customer address and country
Working on insert customer address and country
Send mail
Send mail - part 1
Send mail - part 2
Fetching orders to the dashboard
Fetching orders to the dashboard - part 1
Fetching orders to the dashboard - part 2
Fetching orders to the dashboard - part 3
Fetching customers to the database
Counting table records in the dashboard
Fetching orders to the dashboard - part 4
Fetching orders to the dashboard - part 5
Working on update payment status
Working on delete order and update payment status
Working on update payment status - part 2
Working on update payment status - part 3
Working on product status
Working on product status and payment status
Working on update product status - part 2
Working on update product status - part 3
Styling update product status button
Reset Password
Reset Password - part 1
Reset Password - part 2
Reset Password - part 3
Reset Password - part 4
Reset Password - part 5
Reset Password - part 6
Frequently Asked Questions
What is Heroic Universal Concept All About?
Heroic Universal Concept International is an ICT firm and a vision-driven movement aimed at harnessing the ingenuity of young people with the use of motivational and ICT tools, thereby helping them achieve their ultimate goal.
We offer ICT services and champion talent development programmes for young people.
Is your training online or physical?
Our training is online. We have hundreds of downloadable tutorial videos on different ICT courses hosted in our website.
As soon as you pay and register, you will be given access to the tutorial videos. You can download them and commence training, offline.
While you're learning, I will be guiding you from here whenever you need my assistance.
Where is your location?
We're based in Lagos but our training is online. So, you can access our courses from anywhere you are while we will be coaching you from here.
Do you have a physical class?
No, we don't.
Our training is 100% online.
What is your mode of teaching?
We teach with tutorial videos.
We have hundreds of downloadable tutorial videos on various ICT courses in our website.
You will have access to download them and learn with them as soon as you register for your desired course.
We made all the tutorials downloadable to help you save data and be free from challenges of poor internet connection.
Do you have online community where your students converge to exchange ideas?
We have Heroic Students WhatsApp group where our students converge and exchange ideas.
Information about Heroic Academy and other Heroic innovations are discussed in the group.
Do you mentor your students?
Sure, I do absolutely!
I'm always available Whenever my students need my attention.
I supervise their projects and tackle their challenges.
Can ICT courses be learnt online effectively?
Of course! The more convenient way to learn ICT skills these days is online.
There are some courses you may never have the opportunity of learning if you're waiting for opportunity to learn them physically.
Professionals are fast moving online. Very few of them will still have time to teach physically.
Programming is one of those skills you can easily learn online.
All you need is a good and experienced coach, and I'm here to help.
Is programming difficult?
It depends on who is coaching you and the time you dedicate to learning it.
If you're being coached by a very experienced and gifted coach, if you give it enough time, programming will be fun for you.
However, if you're struggling to learn by yourself or you're being coached by an inexperienced coach, you will find programming difficult.
Can I learn coding with my phone?
Yes, you can start learning with your phone if you don't have a laptop. Just buy a phone external keyboard, I will direct you on how to use it to start programming.
How do you mentor your students?
I mentor my students by; answering their questions and helping them solve some problems whenever they call my attention.
If my student need my attention, I usually ask them to send me a screenshot of the issue or a zip file of their work to enable me analyse their job and debug the error.
I usually make a new video to point out their errors if the situation is complex.
How can you convince me that you're genuine?
Chat me on Whatsapp via +2348037747461 and express your concern.
I will try my best to clear all your doubt.
I'm not used to online training, I'm afraid it won't work for me.
Online training is great when a gifted teacher is handling it. Look for a gifted teacher.
You will be missing opportunity to acquire great skills if you ignore online training.
Some skills are not common. Online training make them accessible.
If you have tried online training before and it didn't work for you, try again, this time, concentrate on getting a good teacher.
I tried my best to simply my lectures. You can chat me to see my students testimonials. They're testifying that I made my courses very simple.
Don't you think that poor internet connection can disrupt online training?
I made all my tutorials downloadable to win against poor internet connection.
You can download all your tutorials when the internet connection is ok and learn offline without worrying about network fluctuations.
What if I insist on one-on-one training. What's your advice?
Online training would have made learning a lot easier for you but if you insist on physical training, you have to take the pain of looking for someone or centers where the skills are taught.
The centers might not be close to you, so be ready to spent heavily on transportation.
I wrote an article where I compared online and physical training. You can chat me on Whatsapp to request for it.
I'm interested, how do I get started?
Go ahead and order for the course. If you need assistance, chat me on Whatsapp via +2348037747461.
Will I get certificate after the training?
Of course. Our organization is registered. We give our students certificate on completion.
I'm interested in the courses but I don't have money
If you can't afford the expensive courses, there are some cheap courses you can start from.
Just pay for the ones you can afford and get started instead of waiting.
You will gradually raise money to pay for the rest.
Are all your tutorial videos downloadable?
All the tutorials the Admin of this platform, Uche Joe created by himself are downloadable but the tutorials created by other expert partners created might not be downloadable.
However, you will surely enjoy the learning process.
About the Instructor
Uche Joe Onwukwalu is a Software Engineer, Author and motivator with the passion of harnessing the ingenuity of young people and helping them achieve their goal.
He is the founder of Heroic Universal Concept International; an ICT firm and a vision-driven movement aimed at harnessing the ingenuity of young people with the use of motivational and ICT tools.
Heroic Academy, Heroic Talent Harvest, Heroic Online Shop and Heroic Love Clinic are some of the innovations of Heroic Universal Concept Int'l.
