Learn Angular’s architecture, creating components, using pipes and directives, and implementing event handling, navigation, and routing with Angular CLI.

Become an AngularJS Developer

In this module, we’ll learn Angular, which is currently among the top JavaScript frameworks. We’ll begin with the basics of an Angular application, including its project structure. Next, we’ll cover how to create components and use pipes and directives in Angular. Lastly, we'll cover event handling, navigation, and routing. By the end, we’ll have learned how to achieve cross-platform high performance with the latest web techniques.

Getting Started with Angular

Why is it considered a good practice to keep all module artifacts inside the module's folder?

Why is it considered a good practice to keep all module artifacts inside the module’s folder?

It contains artifacts that share common functionality.

It specifies the main component of the module.

What is the purpose of the `declarations` property in an `NgModule` decorator?

What is the purpose of the <code>declarations</code> property in an <code>NgModule</code> decorator?

To orchestrate the interaction of feature modules

What is the purpose of the main application module in an Angular application?

What is the purpose of the main application module in an Angular application?

To share common functionality across multiple modules

To improve performance by loading modules on demand

To group related components within a feature module

What is the purpose of a lazy-loaded module in an Angular application?

What is the purpose of a lazy-loaded module in an Angular application?

```
@NgModule({
    declarations: [SchoolManagement],
    imports: [],
    providers: [],
    bootstrap: []
})
```

```
@NgModule({
    declarations: [SchoolManagement],
    imports: [],
    providers: [],
    bootstrap: [SchoolManagement]
})
```

```
@NgModule({
    declarations: [SchoolManagement],
    imports: [SchoolManagement],
    providers: [],
    bootstrap: []
})
```

```
@NgModule({
    declarations: [SchoolManagement],
    imports: [],
    providers: [SchoolManagement],
    bootstrap: []
})
```

Suppose we have a component `SchoolManagement` that we want to load at application startup. Which is the valid `app.module.ts` for it?

Suppose we have a component <code>SchoolManagement</code> that we want to load at application startup. Which is the valid <code>app.module.ts</code> for it?

Test your understanding of organizing applications into modules.


Introduction to Angular

Organizing Applications into Modules

Enabling User Experience with Components

Enrich Applications Using Pipes and Directives

Managing Complex Tasks with Services

Being Reactive Using Observables and RxJS

Communicating with Data Services over HTTP

Navigating through Application with Routing

Appendix

Conclusion