Insider Club Training
Build an Online Shop With CodeIgniter 3
In this training series you'll learn how to build an online shop with the CodeIgniter framework.
We'll make our shop super mobile friendly by using jQuery mobile. The checkout process will be handled by Paypal.

Video 1
Build an online shop with Codeigniter - part 130 bringing AngularJS back
Previously we had AngularJS working with the desktop version of our website. Now, we're going to get AngularJS working for the jQuery mobile version of the website.
Video 2
Part 2 - Templates
In this video we'll start setting up some different templates for our online shop.
Video 3
Part 3: The Admin Template
In this video we'll focus on making the admin template look nice. I'm very sorry about the sound going rubbish for about one minute of this video. I added temporary sub-titles and I hope you'll be able to understand what's going on.
Video 4
Part 4: The jQuery Mobile Template
In this video we'll be creating a template using jQuery Mobile. This is going to ensure that our online shop looks awesome when viewed on mobile devices. Of course, Bootstrap looks pretty good on mobile devices as well - however - jQuery mobile is going to give our app that extra push over the cliff.
Video 5
Part 5: Manage Items
In this video we're going to start building our admin page for managing items.
Video 6
Part 6: Items CRUD
In this video we'll starting building some items CRUD into our online shop admin panel. Oooh yeah!
Video 7
Part 7: Form Validation
In this video, we'll continue with our store items CRUD. Specifically, we'll be looking at creating and updating item details - and we'll be doing some form validation.
Video 8
Part 8: Callbacks
In this video we'll cover how to do callbacks with CodeIgniter 3.
Video 9
Part 9: The Manage Items Page
In this video we'll be looking at the manage items page.
Video 10
Part 10: Status Dropdown
In this video we'll build a cool little dropdown for the store item status labels.
Video 11
Part 11: Tweaks
Just a few tweaks before we go any further.
Video 12
Part 12: Image Upload
In this video we'll be looking at how to do an image upload for our online shop. Yes yes yes
Video 13
Part 13: More Image Uploading
In this video we're going to continue with our image uploading feature. Our goal here is just to make it look cool.
Video 14
Part 14: Thumbnails
In this video, you'll learn how to automatically generate thumbnails after your image has been uploaded.
Video 15
Part 15: Deleting Images
In this video we'll be deleting images. As you shall see, there's no need to use any special Codeigniter features for this. We can just use normal, good old fashioned PHP.
Video 16
Part 16: Colours and Sizes
In this video I'll show you how to manage item colours and sizes. By the way, here in the UK we spell colour with a 'u'. In America, they spell it without a 'u'. I hope that doesn't freak you out too much.
Video 17
Part 17: Delete Items
In this video we'll cover how to gracefully delete items from the online shop. The trick here is to remove images, colours and sizes as well as the record on the store_items table.
Video 18
Part 18: The Show Item Page
In this video we'll go over the show item page (I guess you could call it the product page). We'll be using our standard Bootstrap template
Video 19
Part 19: Add To Cart
In this video we'll go over how to build the add to cart (or add to basket) button that goes on the top right-hand side of the "show item" page.
Video 20
Part 20: Store Accounts
In this video we're going to create a new module for managing customer accounts.
Video 21
Part 21: Automatic Code Generation
In this video I'll show you a little trick for automatically generating PHP code. If you have a database table with lots of columns then this should help you to pick up your pace.
Video 22
Part 22: More Accounts CRUD
In this video I'll continue with the store_accounts CRUD features
Video 23
Part 23: Times and Dates
In this video I'll show you how to gracefully deal with times and dates.
Video 24
Part 24: Update Password
In this video we're going to be building the update password feature for updating customer accounts.
Video 25
Part 25: Password Security
In this video we'll go over password security, specifically password hashing.
Video 26
Part 26: Creating Categories
In this video we're going to start the process of creating categories for our shop.
Video 27
Part 27: More Store Categories CRUD
In this video we'll continue with our store categories CRUD
Video 28
Part 28: Store Categories Navigation
In this video we'll improve the store category navigation. We're still working on the admin panel here.
Video 29
Part 29: Sortable Categories
In this video we're going to start work on a cool new feature which will make the categories sortable.
Video 30
Part 30: Dragging and Dropping
In this video we'll go over a cool feature that lets you drag and drop things and it'll do database updates without having to refresh the screen. In this instance, we're sorting categories but we could use this functionality for lots of other things such as navigation, item display priority and so on.
Video 31
Part 31: Assigning Items To Categories
In this video we'll be assigning videos to categories.
Video 32
Part 32: More Assigning Items To Categories
In this video we'll continue with assigning items to categories.
Video 33
Part 33: Category Navigation
In this video we'll build a navigation bar for navigating to the different categories in the shop.
Video 34
Part 34: Search Engine Friendly URLs
In this video I'll show you how to easily create search engine friendly URLs.
Video 35
Part 35: Search Engine Friendly Category Pages
In this one we'll be making our category pages search engine friendly.
Video 36
Part 36: The CMS part 1
Here is a little sub-series on how to build a CMS for our shop.
Video 37
Part 37: The CMS part 2
This video is part two on our series about how to build a CMS.
Video 38
Part 38: The CMS part 3
Here is part three of our CMC series.
Video 39
Part 39: The CMS part 4
Here is part four of our little mini series on building a CMS for our online shop.
Video 40
Part 40: The CMS finished
In this video we'll be finishing up our little mini-series on building a CMS.
Video 41
Part 41: Page Not Found Errors
Build an online shop with Codeigniter - part 41: Page Not Found Errors
Video 42
Part 42: Special Content
In this video I'm going to show you how to load up special content on your homepage, your contact us page and indeed anywhere on the site where you'd like to make things look cool.
Video 43
Part 43: Let's Build A Blog!
In this video, we're going to start work on a blog for our online shop.
Video 44
Part 44: Datepicker
In this video we'll go over how to use those little datepicker things that appear everywhere. Oooh yeah.
Video 45
Part 45: Adding Additional Fields
Here's a nice short and easy video, showing you how easy it is to add additional fields onto your modules.
Video 46
Part 46: Random Strings
Every commercial web application that you build will almost certainly use random strings. So, here is a video on how to gracefully deal with random strings.
Video 47
Part 47: Uploading Blog Pictures
In this video we'll go over how to upload pictures for the blog.
Video 48
Part 48: Blog Thumbnails
In this video we'll look at how to upload thumbnails for our blog articles. Unlike with the store_items records, this time around the thumbnails will go into the same folder as the big (main) picture. We'll also do some cool things with the filenames.
Video 49
Part 49: Deleting Blog Images
In this video we'll looking at deleting images from the blog.
Video 50
Part 50: Calling A Module From A View
In this video we'll go over how to call a module from a view file. Our goal here is to call and display a nice blog feed from our the site home page.
Video 51
Part 51: The Show Items Page
In this video we'll get our show items page working.
Video 52
Part 52: Show Items Continued
Here is the second section from our show items feature.
Video 53
Part 53: Pagination
In this video we'll go over pagination for our show items page.
Video 54
Part 54: More Pagination
Just when you thought it was safe to forget about pagination, here is another video on that fun-packed topic.
Video 55
Part 55: The Showing Statement
In this video we'll go over a little vibe that I like to call 'The Showing Statement'.
Video 56
Build an online shop with Codeigniter - part 56: Breadcrumbs 1
In this video we'll be looking at how to create breadcrumbs.
Video 57
Build an online shop with Codeigniter - part 57: Breadcrumbs 2
This is the second part of our section which is all about breadcrumbs.
Video 58
Build an online shop with Codeigniter - part 58: Breadcrumbs 3
Here is the third and final part of our section on Breadcrumbs.
Video 59
Build an online shop with Codeigniter - part 59: homepage offers 1
In this video we'll start working on adding offers to the home page.
Video 60
Build an online shop with Codeigniter - part 60: homepage offers 2
Here is part on our section to do with home page offers.
Video 61
Build an online shop with Codeigniter - part 61: homepage offers 3
Part 3 on the homepage offers sub section
Video 62
Build an online shop with Codeigniter - part 62: home page offers 4
Here is part four on our section about home page offers.
Video 63
Build an online shop with Codeigniter - part 63: Consolidation 1
Over the next two videos, we'll take a break from all these new features and we'll fix some glitches and tie up some loose ends.
Video 64
Build an online shop with Codeigniter Part 64: Consolidation 2
Here is our second consolidation video. Enjoy the time out.
Video 65
Build an online shop with Codeigniter - part 65: Customer Accounts 1
In this video we'll start working on a login system for the customers. Stage one is to build a create account feature that visitors to the website can use.
Video 66
Build an online shop with Codeigniter - part 66: Customer Accounts 2
Here is part two of our customer accounts creation vibe.
Video 67
Build an online shop with Codeigniter - part 67: Login Page
In this video we're going to build a login page for the customers.
Video 68
Build an online shop with Codeigniter - part 68: Cookies
In this video we're going to explore how cookies work in Codeigniter and we'll also make a module for handling cookies on our website.
Video 69
Build an online shop with Codeigniter - part 69: Enable Login Form
In this video we're going to get our customer login page doing something meaningful.
Video 70
Build an online shop with Codeigniter - part 70: sessions
In this video we'll figure out how sessions work with CI3.
Video 71
Build an online shop with Codeigniter - part 71: private area finished
In this video we put all of the pieces of our jigsaw together and finish our private member's area.
Video 72
Build an online shop with Codeigniter Part 72: viewing enquiries
In this video we'll be loading up a page that lets admin view enquiries that have been submitted by customers.
Video 73
Build an online shop with Codeigniter Part 73: view enquiry
In this video, we'll be focusing on how to view individual enquiry pages.
Video 74
Build an online shop with Codeigniter Part 74: compose message
In this video we'll go over how to compose and send an internal message.
Video 75
Build an online shop with Codeigniter Part 75: fast page loads
In this video we'll go over one or two basic techniques for improving page load speed.
Video 76
Build an online shop with Codeigniter Part 76: admin login
In this video we'll build a login section for the site owner.
Video 77
Build an online shop with Codeigniter - part 77: customer nav bar
In this video we'll jazz up the customer section of the website. It's a bloody good vibe.
Video 78
Build an online shop with Codeigniter - part 78: customer inbox
In this video we'll be working on the customer inbox.
Video 79
Build an online shop with Codeigniter - part 79: view customer message
In this video we'll work on the view message page for customers.
Video 80
Build an online shop with Codeigniter - part 80: customer contact form
In this video we'll build a feature that allows customers to send internal messages to the site owner.
Video 81
Build an online shop with Codeigniter - part 81: problem solving
In this video, we're going to write some code that lets our system gracefully handle form submissions from customers who have been automatically logged out by the system. It's kind of an awkward problem, but it DOES happen from time to time and it's good for us to prepare for those scenarios.
Video 82
Build an online shop with Codeigniter - part 82: reply to message
In this video we'll build a feature that lets admin respond to internal messages.
Video 83
Build an online shop with Codeigniter - part 83: customer replies
In this video we'll go over customer replies on the internal messaging system.
Video 84
Build an online shop with Codeigniter - part 84: contact us form
In this video we'll build a nice looking contact form for the site.
Video 85
Build an online shop with Codeigniter - part 85: contact form submit
In this video we're going to work on processing the contact form after the visitor hits the submit button.
Video 86
Build an online shop with Codeigniter - part 86: rankings
In this video, we'll go over how to rank leads. So, the vibe for this one is building a module called rankings. As soon as I finished the video, I realised that maybe I should have called it 'ratings'. D'oh!
Video 87
Build an online shop with Codeigniter - part 87: enquiries comments
In this video, we'll build a comments module. We can use this for both enquiries and orders.
Video 88
Build an online shop with Codeigniter - part 88: shipping
Let's talk about shipping. Oooh yeah!
Video 89
Build an online shop with Codeigniter - part 89: add to basket
In this video, we're going to look at adding items to the shopping basket.
Video 90
Build an online shop with Codeigniter - part 90: view basket
In this video, we'll work on the view basket page.
Video 91
Build an online shop with Codeigniter - part 91: view basket (part 2)
In this video, we'll be build a page that lets us view our shopping basket. We'll be able to add and subtract items and we'll also have the page calculate a total price for our pretend purchases.
Video 92
Build an online shop with Codeigniter - part 92: fake checkout button
In this video, we'll build a fake go to checkout button. What? Who? Why? Fear not young Jedi. All shall be revealed.
Video 93
Build an online shop with Codeigniter - part 93: the checkout token
In this video we'll go over some basic encryption and we'll use this to create a checkout token.
Video 94
Build an online shop with Codeigniter - part 94: Paypal
In this video, we're going to build a button which links our shop to Paypal. It's a good vibe. Yes it is. Declaration of good vibe has been passed.
Video 95
Build an online shop with Codeigniter - part 95: Paypal IPN ( instant payment notifications)
In this video we'll set up a Paypal Instant Payment Notifications ( IPN ) listener. The idea is that our website will receive information from Paypal whenever an order is place. PLEASE NOTE: I will NOT be covering the verify IPN process here. That will be coming up in a future video (probably the next one).
Video 96
Build an online shop with Codeigniter - part 96: time out
Let's take a little PHP time out to discuss a couple of things that will come in handy later on. Ooh yeah!
Video 97
Build an online shop with Codeigniter - part 97: Paypal IPN Validate
In that video, we're going to go over Paypal IPN validation.
Video 98
Build an online shop with Codeigniter - part 98: cart divert
In this video, I'd like to tie up a few loose ends that have been left from previous videos. So, I'll be correcting the shopper_id and diverting to the cart (basket) page upon sign in IF user has added items to store_basket table.
Video 99
Build an online shop with Codeigniter - part 99: store orders
In this video, we're going to start work on our order management system. This involves creating two new tables: store_orders and store_shoppertrack.
Video 100
Build an online shop with Codeigniter - part 100: store order status
In this video we're going to build a module for dealing with the store order status values.
Video 101
Build an online shop with Codeigniter - part 101: variable pollution
HMVC is awesome! However, like any technology, it does have some critics. One of the criticisms of HMVC is variable pollution or - to use a more proper name - global namespace pollution. In this video I'm going to demonstrate what this problem is and offer a few solutions. Don't worry. It's a cool vibe.
Video 102
Build an online shop with Codeigniter - part 102: view orders
In this video we'll built a view orders page so that site owners can check out the orders that have came in.
Video 103
Build an online shop with Codeigniter - part 103: mc_gross etc
In this video, we're going to continue with our view orders page. As part of the vibe, I'll be introducing you to a very important variable called mc_gross, along with some other super interesting information. Let's rock and roll!
Video 104
Build an online shop with Codeigniter - part 104: change order status
This is the longest video in the series so far. Sorry about that! The good news is, it's all fairly easy and in this one, we'll be working on the view order page. In particular - we'll focus on updating the order status.
Video 105
Build an online shop with Codeigniter - part 105: various improvements
In this video, we'll be adding a few new features to the order management system. It's all very easy, but I think it's very important too.
Video 106
Build an online shop with Codeigniter - part 106: avoiding cart conflicts
In this video we're going to get the admin panel displaying a summary of the shopping cart contents. We're also going to deal with shopping cart conflicts. This is when items on the store_shoppertrack table has the same session_id and shopper_id as the store_basket table.
Video 107
Build an online shop with Codeigniter - part 107: guest accounts
In this video we'll be building a feature for automatically generating guest accounts. I'll also explain why this process is necessary in the first place.
Video 108
Build an online shop with Codeigniter - part 108: browse orders as customer
In this one we'll be building a feature that allows customers to browse their orders.
Video 109
Build an online shop with Codeigniter - part 109: view order details as a customer
In this video we're going to build the order details page that the customer sees. Oooh yeah!
Video 110
Build an online shop with Codeigniter - part 110: Paypal feedback
In this video, we're going to add a section - onto our order details page - that will allow the site owner to read data from Paypal.
Video 111
Build an online shop with Codeigniter - part 111: lightbox
In this video we're going to add a little feature that will bring some of our images to life. It's called Lightbox. Can you dig it?
Video 112
Build an online shop with Codeigniter - part 112: slider (Bootstrap carousel)
In this video we'll go over how to add a jQuery slider (or, if you prefer, a Bootstrap carousel) onto our website.
Video 113
Build an online shop with Codeigniter - part 113: slider 2
Here is part two of our slider module video tutorial lesson vibe.
Video 114
Build an online shop with Codeigniter - part 114: slider 3
Here is part three of our series on building a dynamic slider.
Video 115
Build an online shop with Codeigniter - part 115: slider 4
Here is part 4 of the slider vibe.
Video 116
Build an online shop with Codeigniter - part 116: slider 5
Here is the final video which completes our section on how to build a dynamic jQuery slider.
Video 117
Build an online shop with Codeigniter - part 117: introducing AngularJS
In this video, you'll learn about the fundamentals of AngularJS and in around half an hour, you'll be able to build your own AngularJS applications. Yes, really!
Video 118
Build an online shop with Codeigniter - part 118: item galleries
In this video, we're going to create and set up our item galleries module. Later on, this will be used to get AngularJS working on our 'show item' (products) pages.
Video 119
Build an online shop with Codeigniter - part 119: tweaks
We're almost ready to add our AngularJS app onto the main website. However, before we do that, I'd like to do a few very simple tweaks. Don't worry. It's all very easy.
Video 120
Build an online shop with Codeigniter - part 120: integrating AngularJS
In this video, we'll be adding our AngularJS application onto our 'show item' (product) pages.
Video 121
Build an online shop with Codeigniter - part 121: design tweaks
Just a few design tweaks. No biggie.
Video 122
Build an online shop with Codeigniter - part 122: header
In this video we're going to work on the top of the public pages.
Video 123
Build an online shop with Codeigniter - part 123: bottom nav1
In this video, we're going to work on the bottom navigation. If these videos were any more exciting then my head would explode.
Video 124
Build an online shop with Codeigniter - part 124: bottom nav 2
In this video we'll finish off our bottom navigation.
Video 125
Build an online shop with Codeigniter - part 125: PDF generation
In this video, I'll show you how to generate PDFs. You can use this feature to create invoices that can be either downloaded or viewed directly in the browser.
Video 126
Build an online shop with Codeigniter - part 126: jQuery Mobile 1
In this video, we'll start working on a jQuery mobile version of the site.
Video 127
Build an online shop with Codeigniter - part 127: jQuery Mobile 2
In this video, we'll build a jQuery mobile version of the site homepage.
Video 128
Build an online shop with Codeigniter - part 128: jQuery Mobile 3 (top nav)
In this video we're going to add some nice top nav buttons to the jQuery Mobile version of our online shop.
Video 129
Build an online shop with Codeigniter - part 129: jQuery Mobile 4 (blog)
In this video we are going to add a blog onto our jQuery Mobile homepage.
Video 131
Build an online shop with Codeigniter - part 131 jQuery Mobile show items pages.
In this video we're going to work on our 'show items' pages. These pages use jQuery Mobile. AngularJS is being used as well.
Video 132
Build an online shop with Codeigniter - part 132 : contact us - jQuery Mobile style
In this video we're going to build a contact us, using jQuery Mobile.
Video 133
Build an online shop with Codeigniter - part 133: customer panel (jQuery Mobile version)
In this video we'll be working on the customer admin panel, and we'll be building it jQuery Mobile Style.
Video 134
Build an online shop with Codeigniter - part 134: Customer Inbox - built with jQuery Mobile.
In this video, we're going to continue building an online shop using Codeigniter. Hang on? You already knew that, didn't you?
Video 135
Build an online shop with Codeigniter - part 135: Finished!
Well, here we are. The finish line. I suppose we could easily just keep going on and on and on with this thing. However, I think there comes a point when you have to draw the line. So, for me, this is it.Thank you for following along. Thank you for the positive feedback. Now go out there and build something amazing!

© Copyright 2013 - 2017 David Connelly | www.davidconnelly.com | www.dcradionetwork.com