So now that you understand what a component is and how to use it, let’s go ahead and create our first component and add the selector as an HTML element inside the AppComponent html file. The Angular CLI includes a way to generate a new component for you, including all of the files you need…

In angular, visual objects are referred to as Components. Each component is made up of 4 files, in our case the component name is AppComponent so the word “app” appears at the beginning of each file: The visual portion of the component is contained in the HTML FILE “app.component.html” and consists of a snippet of…

The src folder is where the code lives, so that’s our primary focus, however the other parts of the project also have relevance, so here’s a description of what they are. Angular applications consist of a number of different files in the root folder as shown in the screenshot below. Aside from the “src” folder…

Getting Ready So as part of taking a closer look at MyFirstAngularApp, it’s important that we ensure the app is still running. If by chance you closed VSCode or the terminal window after the previous lesson, it won’t be running. If this is the case, follow the next few steps to restart your app, and…

Introduction In this course we will be using the Chrome browser. You may use another browser if you like just remember that any keyboard shortcuts mentioned here are based on Chrome, so you may need to lookup how to access similar features in your own browser. Components User Interface Elements and Angular Material Conditionals and…