This past week, I began to work with REST API frontend code using the Angular framework in CS-343. The introductory class activity taught the basics about setting up and working with an Angular project as well as some useful properties of Angular (such as *ngIf) that I definitely see myself using in the future. However, the activity did not go into much detail about how to create and manipulate Angular components to create more interesting UIs. While researching Angular on my own, I came across a blog post from Angular University titled “Angular Components – The Fundamentals.”
The blog can be found here:
As someone who has enjoyed creating UIs in Java using Swing components, this blog immediately caught my attention. I expected it to help me create UIs for server-based applications that would be more interesting than the basic layout I worked with in class. However, while this blog did not go into too much detail on the creation of UIs, it has certainly helped me to better understand the fundamental properties of Angular components. The information I learned from this blog will undoubtedly be useful as I begin to work more in-depth with Angular components in my final project for CS-343. I decided to share this blog because I think that others who are new to Angular will also find it to be a useful introduction to Angular components.
The blog starts by providing a basic introduction to Angular components, as well as browser components in general, using short example code. It then discusses in detail the two main aspects of an angular component, properties and events, and explains when to use them and when to avoid using them. I think the blog did a great job explaining properties and events in simple terms and clearly stating when not to use them. I especially liked how the blog links properties and events to input and output, respectively. This association helped me understand when to make use of properties and events in Angular projects, since I already have experience working with input and output of components in Java. I also think the example code in this blog is simple enough that it can easily be referenced while working on other projects. I certainly see myself referring back to these examples as I start working with Angular components on my own to help myself understand the correct syntax for implementing properties and events. Finally, this blog has demonstrated to me how to create familiar components, such as a scrollable list, and it has taught me how to change aspects of components, such as their color. The information in this blog has helped me understand the fundamentals of Angular components and how to work with them in applications. I will certainly be referring back to this post as I begin to work on my final project this week, as it is a great resource to help new Angular developers to understand Angular components.