In this series, I will try to explain some basic concepts on which Angular is based off. I believe that the best way to learn a new framework is to know how it works in the first place. The more you explore, the more you will learn.
I will try to start from scratch and build up the lessons from there. Feel free to skip a lesson if you think you already know what I am talking about.
The most important highlight of the series is that I won’t be using Angular at all!
Learn Angular without using Angular? Is this possible?
You see, as I mentioned earlier, this series is focussed on the concepts or patterns being used in Angular and not exactly about learning Angular.
So, without further ado, lets dive in.
We will try to make a simple login page like this while slowly introducing the various programming concepts and patterns used in Angular.
Prerequisites
This series will assume that you know basic JavaScript, TypeScript and HTML. You do not have to be a master of these. Just working knowledge is enough.
For this lesson, the examples you see are hosted on CodePen so that you can edit them directly here while you learn.
Requirements
Now let’s talk about what we are going to develop. We will start with a simple login form. Here are the requirements. Our form:
Must allow the user to enter username and password
Must have a submit button which would verify the credentials
Must validate the credentials. These would be hardcoded as
admin/adminpassfor our purposeMush show an error if the credentials are wrong
Must display a success message if the credentials message is right
Let’s start with actual coding from the next lesson.