Complete Angular 18 Course with Project in Telugu

Learn to install node and angular CLI, create an angular 18 project with standalone components in non-strict mode, and set up bootstrap and angular material.

Learn how to install required dependencies for an Angular 18 project, including bootstrap and Angular Material via ng add, and configure fonts like Roboto and Poppins with themes.

Explore how Angular 18 defines a component and demonstrates three invocation methods: custom element, attribute, and class property, with modular and standalone concepts.

Master one-way and two-way data binding in Angular, including string interpolation and property binding. Learn style, class, and event bindings to create dynamic components across the app.

Explore one-way data binding with property binding in Angular, linking class file properties to the view via square brackets and matching interpolation concepts.

Learn one-way data binding with style and class binding in Angular, using property bindings, ng style, and ng class to apply conditional styles and CSS classes.

Explore how structural directives control the dom by adding or removing elements with if and ngIf, ngTemplate, else, ngSwitch, and ngFor in Angular 18.

Learn how to use the ng switch structural directive to render views based on value matches, with switch cases and a default fallback, including practical day and color examples.

Learn structural directives with @for() in Angular, using for loops to render arrays and objects, apply interpolation, and access index-based values in templates.

Learn how to implement Angular component communication with @ViewChild and input decorators, enabling parent–child data transfer, reusable heading components, and dynamic view updates.

Learn how to use the @ViewChild decorator for parent to child communication in Angular, accessing a child component, and handling events with property bindings.

Learn how view child and view children in Angular capture single or multiple elements with element references and a query list, enabling event handling and interaction with child components.

Learn how @ContentChild and @ContentChildren enable a parent component to access and coordinate multiple child components through content projection, property bindings, and queries.

Learn to build a custom Angular directive using @HostListener and @HostBinding to control element styles with renderer, enabling host events and component communication.