The single-page app you will build in this course is a shopping list application that uses every CRUD operation with HTTP requests, calling a RESTful web service - using ASP.NET Web API 2 - which saves your data persistently in a SQL Server database.
Make yourself ready to learn some jQuery, HTML and CSS for the front end. And for the back end you will use Microsoft's ASP.NET Web API 2 for the RESTful web service and Entity Framework with Code First Migrations to communicate with the database.
On top of that you will learn how to publish your single-page app to Internet Information Services (IIS) so that everyone can access your new single-page application.
Patrick, the author of this course, has built several web applications professionally as freelancer and employee and over the years he learned many things that you just don’t have to do to succeed in building a single-page application. This course will save you time, because you will learn the crucial and most important parts quick, so that you can get your single-page app out there in no time!
Sound’s good? Let’s get started!
What kind of single-page application will be built?
During this course you will learn how to build a complete single-page application by building a simple shopping list web application - an app that comes in quite handy for almost everybody. In this web application the user will start by creating a new shopping list. After that she will be able to add items to her list, check them off and delete them. If the user wants to access a certain shopping list, she can do so by adding the id of the list in the URL - which will be delivered by your web app, of course. That way the user is able to create the list at her computer and open it afterwards with her smartphone when she is actually in the grocery store.
What technology is used for the front end?
There are so many frameworks out there that you simply don't need or are just too big to start learning how to build single-page applications. In this course you will learn the basics that you will also need to know when you want to understand how frameworks like Angular work. Because when you start with Angular for example, you might get results sooner or later, but maybe you won't know what actually happens under the hood.
In this hands-on course you will learn and understand the essence of single-page applications by using the following technologies:
What technology is used for the back end?
The back end or server side will be implemented with .NET technologies. You will need a RESTful web service you will call from the front end, a framework that maps your C# models or classes to database tables and of course a database. The following technologies will be used for that matter:
So far for the server-side. Don't worry, every technology is available for free!
What tools do I need?
The entire course uses the Microsoft stack to develop the single-page application - apart from the browser, which is Google Chrome. The following tools will be used and are totally free:
Why should I pay for this course although there are so many free tutorials available?
A good question! Indeed there are lots and lots of tutorials available online that might get you the information you are looking for. The advantage of this course is that you will get this one big package out-of-the-box. You will see every single step from start to finish on how to build your single-page application. Starting from the front end, then building the perfectly fitting solution for the back end and even publishing it on a server. You can't miss anything, because you're able to watch the whole development process. And if something is still unclear, you can always ask a question in the forums. And if you are still not happy you can get your money back - no questions asked.
Welcome to the course! Here's an overview of all the contents you will find during the lectures.
In this lecture you will learn the structure of a single-page application. What is the essence of a SPA and how do front end and back end work together?
We start the front end by creating a new web application project in Visual Studio.
In this lecture we will start with the first view of the single-page application.
It's time for the second view and making the HTML and CSS code for our entrance complete.
Let's have a deeper look at the DOM elements of our single-page application.
Adding the ID of a shopping list into the address bar should load it. We'll cover that in this lecture.
After this lecture, you don't have to use your mouse to create lists and add items. We will make the user's life easier.
A single-page application uses the Model-View-Controller pattern. In this lecture you will learn what this actually means.
We create our C# classes for shopping lists and the corresponding items.
The shopping list controller will be added in this lecture.
It's time to communicate with the back end. We implement the HTTP request in the front end.
Before the communication works, we have to make a little change in the Web API configuration.
Let's have a deeper look underneath. What happens after an HTTP request and why does Web API know what method it should use?
It's time for the shopping list items.
A short quiz to test your knowledge about the web service.
We add the new controllers with actions using Entity Framework.
With code first migration our models will be mapped to database tables. You learn the necessary steps in this lecture.
So far we could not use the back button of our browser if we wanted to create another shopping list. It's time to change that.
In this lecture we create a new user and a new database for the single-page application.
With the help of IIS Manager we will prepare our single-page application for web deployment.
It's finally time to publish our single-page application to the web.
You made it! Congratulations! Have a look at all the things you have accomplished.
Writing code is what drives me. Creating software out of nothing is a skill I truly am passionate about and I want to share this astonishing feeling of making stuff with you.
I started to learn different programming languages as a teenager and always wanted to make software since the first time I played a game on a Commodore 64. During my bachelor and master studies I joined different companies, made desktop and web applications and video games professionally and was always striving to get better at my craft which I'm doing now for over 15 years.
For me the most important part about writing and teaching code is to have fun. If certain ways work for you and the results are maintainable and you have fun with your results, you're doing it the right way. I don't care if you always use your keyboard or switch to the mouse from time to time, so called best practices are not always best or practical, I want to teach you to develop software in a way it works in the industry, a way it works for you and in a way that makes you happy.