space Shopping HippoWarehouse star Yellow pattern Tote 10 42cm Beach litres x38cm Bag Gym Sun SS4wXE

The user interface is the single most important part of your application, because to users, it IS the application. Nothing else matters. In this course, you learn how to deliver an easy, effective, efficient, and maintainable UI using Angular.
Table of contents
Course Overview
Getting Started
Understanding the Available Building Blocks
Querying the UI
Manipulating the UI
Creating a Dynamic UI
Keeping Your DOM Clean
Improving Performance of the UI
Security in the Angular UI
Bringing It All Together: Building Dynamic Forms
Wrap up: Use Cases and Final Thoughts
Course info
Feb 5, 2018
4h 35m

At the core of any Angular project is how the user interacts with the application. In this course, Constructing a User Interface with Angular, you’ll learn how to deliver an easy, effective, efficient, and maintainable UI. First, you’ll learn the different elements involved in an Angular UI. Next, you’ll explore how to structure and develop an interface using those elements. Finally, you’ll discover how to do everything you need while maintaining performance and a loosely coupled architecture. When you’re finished with this course, you’ll have the knowledge and skills to help you as you move forward to Angular Awesomeness!

Events Grey Ladies Shoulder Elegant HandBags Women Woven Chain Metallic Evening Girly Clutch Bag 1TZ07wqvx
About the author
About the author

Dave is a start-up co-founder and CTO, an 11-time Microsoft MVP, and full-stack web developer, trainer and author focusing on JavaScript, NodeJS, document DBs and C#.

More from the author
2h 59m
1 Jun 2018
Developing with Office UI Fabric
1h 58m
6 Apr 2017
Introducing the Office UI Fabric
1h 14m
1 Mar 2016
More courses by David Mann
Yellow Beach Sun Bag star 42cm x38cm litres Shopping pattern 10 Tote Gym HippoWarehouse space Transcript

Hi. My name is David Mann and welcome to my course Constructing a User Interface with Angular.

Tote litres space Beach 10 star HippoWarehouse Shopping Bag Yellow Sun x38cm Gym pattern 42cm
I am the cofounder of a software startup, and between that and my day job as a contract developer, I’ve created several large Angular applications. One of the things I’ve learned while building those applications is that Angular is an even more impressive framework than it appears on the surface. There is so much to it, so many little nooks and crannies that take a while to learn, but once you do, it’s like the world is your oyster. You can deliver better applications, more quickly and with less code.

litres HippoWarehouse Sun 10 Gym x38cm Beach Tote space star pattern Bag 42cm Yellow Shopping
We’re focused almost exclusively on elements that impact the user interface in the course, but not how to design that interface – rather how to write the code to deliver it. We look at lots of code, but I’m as interested in teaching you the concepts and what’s possible as I am in teaching you syntax.

Some of the major topics that we will cover include:

Bag litres space x38cm Gym Shopping star 42cm Tote pattern HippoWarehouse 10 Sun Beach Yellow

  • Querying the UI – how to connect to the DOM elements we need to manipulate
  • Once we have access to those items, we’ll see how we can manipulate them, easily, and without destroying the loose coupling we want to maintain as a good practice
  • Dynamically creating components and forms based on runtime requirements
  • star x38cm pattern HippoWarehouse 42cm litres Bag Beach Tote Shopping Gym space Sun Yellow 10 And doing all of this while maintaining good performance
  • We’ll also look at why Angular and Jquery are mutually exclusive – meaning if you’ve decided that Angular is the right framework for a project, you’ve also decided that Jquery is not.

Coming into the course, I expect that you’re at least somewhat familiar with Angular 2 or better. You don’t need to have a lot of experience as you’ll be exposed to everything as we go, but a basic exposure to the constructs of the framework will be helpful. By the time we’re done, you’ll have a solid understanding of all the Angular elements involved in the UI layer and how to make your UI pop.

Are you ready to jump in and see what the Angular UI is all about? Let’s go, it’s time to learn everything you need to know about Constructing a User Interface with Angular, from Pluralsight.