Hi, my name is Neal Cummings and welcome to my training course, learn to build an e-commerce store
with.
Net, React and Redux.
This is going to be a training course about how to build a real world kind of application based on an
e-commerce store, and what we're going to use to build it is, of course.
Net, React and Redux.
I kind of give that away in the title, but just for clarity.
Net we're going to use as our backend and we're going to use C-sharp as the coding language that we'll
use to write that code.
And React and Redux are two very popular front end libraries to help us display the view of what we
get from our back end to display in the user interface.
So let's take a look at what we are going to be building on this training course.
So let's run through a very quick demonstration of the application that we're going to be building.
First of all, we've got our home page.
We can switch between light modes and dark modes.
And we can go to our shop.
And when we do we're presented with a catalog.
It's going to be a ski snowboard type shop, and it's pretty much what you would probably expect if
you were thinking of an e-commerce type app.
We can see our catalog with products.
We can sort by price.
We can filter and we can specify a type of different products that we want to look at and reset those
filters.
So pretty much what you would expect.
You can go and view individual products.
And then we can see the description.
We can add them to our basket as well.
And when we do then we see our basket updating.
So I'll just add another product inside here.
I'll just add some gloves and I'll go to the basket.
And then we can see the different products that we have available for us to buy.
At this point we can go and check out, and at this point we'll need to log in.
So we're including authentication in the building of this app as well.
I'll just log in as one of the test users with the passwords.
And when I'm signed in I'll be redirected to the checkout.
Now Bob's been to this shop before and he's already got an address saved in here, so it's pre-populated.
But what we also get because we're using stripe as a payment processor, we also get Google autocomplete
for many countries, about 30 different countries.
So if you pick a country that's supported like the USA, UK, probably all of Europe, etc., then you
can just come in here and start typing an address and you're going to get automatic completion for this
as well.
And then we can save that as the default address and we can go on to the next step.
At this point we can start putting in our credit card information.
So I'll just put in a test card that's available from stripe or 42 in this case and give it an expiry
date.
Some dates in the future.
It doesn't really matter.
It's just a test card.
And then because we're using stripe, we can also link this with a secure one click checkout with link.
I'm not going to do that.
That's entirely optional and it requires some kind of sign up as well with link.
So I'll just click on next again.
And then we get our billing and delivery information.
What is it we're going to order.
And then I can make the payments.
And once I have made the payment we get the confirmation.
And then we can go and view the order and the payment has been received and that's been notified to
our API from stripe, the payment processor we're using.
So we can confirm that payment has indeed been received.
So that's just a very quick look at what we're building in this training course.
At least some of the features that we're adding.
So is this course for you.
Well in this course we're going to build a real world type of application.
And as we go about the process of building it, we learn new things, new features about the different
languages that we're using to build it.
We solve problems, which is very typical in any application building.
And because we go from start to finish, we face all of the challenges that we would face when building
this type of application.
If you're a learner that likes practical focus and you get the most out of learning practically learning
by doing, then for sure this is the right kind.
Of course, for you it is very practical.
I'd go as far to say it's about 9,095% of what we do here is practically focused.
So if you're more of a theoretical learner, and before you start typing on your keyboard, you need
a full explanation about everything we're doing, then this probably won't be the course for you, and
I would recommend something else, because this is very heavily, practically focused.
And as we go along, I do explain all the code, but I don't do that before we start writing the code.
We kind of explain as we go along whilst we're building this application, and there's no pre-built
code in this training course.
What we saw that we built in that demo.
We start from nothing and we go all the way through until we have a fully working, published application
at the end.
So it's not a short course and this does take some time, but that's what we're aiming for here.
So there are some prerequisites for this course.
And if you think of yourself between a zero and a ten in terms of coding experience, zero being no,
coding experience, ten being expert level, then this course is kind of pitched at around the just
above beginner before intermediate level.
Now it's impossible for anybody, no matter how good an instructor they are, to create a course that's
100% perfect for everybody that takes it.
It's just impossible.
So I tend to pitch or this course is really pitched around about this level.
Now, if you've never coded before then it's going to be tough.
Probably too tough because I'm going to assume that you've got some prior knowledge about basic code.
I'm going to assume you know what HTML is and you can recognize it.
I'm going to assume that you know what C-sharp is, or you're coming from another language and you want
to learn C-sharp.
But I'm going to assume you know what an object is.
I'm going to assume you know what a for loop is, an array and the basic building blocks of any code.
I'm going to assume that you've already got a little bit of coding knowledge.
So if you are coming from zero coding experience, it's going to be a challenge.
And I would recommend you slow right down and try and get some prior knowledge before even taking this
course.
And of course, if your expert level or intermediate level, this is not the right course for you.
You will find it too easy, I would assume.
But if you are coming from another language or languages, then you might still find it useful.
What you'll need to participate in this course is, of course, a computer.
But the code we write and what we're doing here is cross-platform, so everything's pretty much the
same for a windows user, a mac user, or a Linux user.
We write the same code, we can use the same tools, and everything is cross-platform.
And of course, because we're writing code, you will also need something to write the code in.
All of the demonstrations that I'll provide are done using Visual Studio Code, an excellent IDE free
of charge, cross-platform.
Same experience on windows, Mac and Linux.
But a development environment is personal to the developer, so you can also use whatever you're most
comfortable with to write the code in this training course.
But like I say, I'll be demonstrating on VS code.
So I hope you join me on this journey to build this application.
And coming up next, we're going to take a look at setting up our developer environment.