Build awesome web apps using Angular

Build a click counter component in Angular to demonstrate data binding and OnInit. Provide increment and decrement buttons that update the count via methods and display via interpolation.

Develop and apply a custom Angular directive called box directive, using an attribute selector and element reference to style host elements with configurable size, color, and border type.

Create a reusable phonebook service in Angular to fetch contact details instead of hardcoding data. Inject the service through the constructor to achieve a single instance and clean data access.

Learn to build a template-driven form to add contacts in an Angular app, including a component, routes, and ngModel two-way binding with first name, last name, and gender.

Explore how template-driven forms validate user inputs in Angular by enforcing required fields, min and max lengths, and patterns, disable submit when invalid, and show targeted, styled error messages.

edit a contact using Angular reactive forms to preload details, load data from a phone book service, and update via a form group with form controls.

Learn to add validations to Angular reactive forms with validators API, applying required, min length, email, and phone patterns, and show error messages while disabling the submit button when invalid.

Implement infinite scroll in an Angular app using jQuery to auto-load next page on scroll. Calculate window and document heights, triggering network requests, with an arrow function to preserve context.

Build and deploy an Angular phone book app by building for production, publishing static content to a CDN or hosting, and configuring REST endpoints and base href for proper deployment.