Follow along as John Papa and Ward Bell build a form-based, customer management app from scratch. You'll create visual components that display data and respond to user input with data binding, write a service to retrieve the data over HTTP, and more.
John Papa and Ward Bell demonstrate writing an application in Angular. Follow along as they build a form-based, customer management app from scratch. Create visual components that display data and respond to user input with data binding, write a service to retrieve the data over HTTP, organize the code in modules, and test it. You'll complete exercises along the way to lock in concepts and test your understanding.
Ward is a Microsoft MVP and the V.P. of Technology at IdeaBlade, makers of the "DevForce" .NET application development product. Ward often obsesses on client technologies for business applications, data access, and development practices.
Setting up Angular Quick Start You can download and run every step of the way in the course you just saw, every section, every exercise, by downloading the code from wardbell/code-with-us-angular on GitHub. You just go there, and you click this button, and you download the zip, and then you unzip it, and you follow the instructions, npm install, npm start, and you end up with this harness that we see here over on the right, which, in the dropdown, gives you access to every section, every exercise we did from simple binding to the completed exercises, all the way through to the final HTTP exercise that you should have completed, and even a bonus video here because we didn't get around to saving, so it shows you how you can use HTTP to save, so here I'm saving Katie, and I'll save here, and I'll click the Refresh button just to prove it came back. Alright, there she is. So it's all here, and of course, the source code is here too, because that's how it runs, and again, all the sections are here, and they run individually as well. Right now they're running in the harness, but you just come in here, toggle out the harness, and bring in just one of them, so I use section main, section-13/main. Refresh the browser, and there it is, you're back in business. Now when you're done exploring them individually, if that's your preference or you just want to run it in the harness, you just reverse what we did here, and you're back in business, the harness is back.