We will jump straight to code, that’s quick way to learn Angular in my opinion and we will try to explain every single step we take so we don’t lose anyone on the way. If you face any issues feel free to comment and we will try to resolve whatever issues you’re facing.
- Working computer (PC/MAC). I will be using Mac for this series. This is the only requirement you need hoenstly, so computer + internet that’s all you need.
- Node. Assuming you’re working in your local machine.
- Editor (any editor of your choice). I will be using MicrosoftVisual Code editor. You can download visual code here.
- Code_pen for live demos (optional)
- Github. We will keep our source code in case you want to try out few things (optional)
You can install node via terminal or just download from here. If you don’t want to hustle through the terminal its easier and safe to just use the link provided. Terminal is not for the faint heart 😉
Installing node via terminal using homebrew
- open your terminal
- Type $ brew install node
- Assuming the installation went through, now you have NPM to handle all your node packages we will use in this series.
Use whatever you want. Visual code is amazing though, feel free to try it out.
Ok that we have all that out of the way let’s do a hello world angular application then we will discuss the details.
1. Hello world
2. Business card
&lt;div ng-app=&quot;mainApp&quot;&gt;&lt;/div&gt; ;
ng-app is an angular directive where we’re declaring the module in our example.
ng-controller is an angular directive where we’re declaring the controller in our example.
ng-model is another useful directive that we can use to “keep” data between the view and the controller.
Angular selling point is that it makes static html dynamic.
Before we get into more technical details we need to understand basic
building blocks of angular.
To be continued…