Introduction to Angular 20 Essentials (TT4165)

About this course:

Geared for experienced web developers, our Introduction to Angular Essentials 20 is a three-day, comprehensive hands-on program that explores the latest features and benefits Angular has to offer. Throughout the course you'll learn the practical "real-world" foundational and advanced Angular skills required to solve the usual challenges you might face when developing modern web applications with TypeScript.

Kicking off with an in-depth introduction to Angular CLI and TypeScript, the course propels you into the world of component-driven development, touching on vital topics like data-binding, directives, and services. As you advance through the curriculum, you'll explore SPA routing and Reactive forms.

By the end of this course, you will have built a comprehensive application that brings together all these elements: website structuring through components, dynamic interactivity via directives, and custom pipes for content refinement. You will know how to employ reactive forms for active user engagement and SPA routing for fluid navigation.

Course Objective:

The lab intensive course includes plenty of hands-on lab work designed to immerse you in the skills required to get you up and running with Angular right away. The course is rich with hands-on activities, challenge labs, knowledge checks, valuable discussions and focused projects.

Guided by our engaging, highly-experienced web development instructor, you will learn how to:

• Build Powerful Components: Master creating and organizing Angular components, leveraging dependency injection and lifecycle hooks for scalable apps.

• Harness TypeScript Power: Become proficient in TypeScript, using its advanced features like classes, interfaces, and decorators to supercharge your Angular development.

• Create Dynamic, Reactive Forms: Learn to build complex forms with Angular reactive approach, ensuring seamless validation and user interaction.

• Optimize with CLI and DevTools: Use Angular CLI for easy project setup and deployment, and harness DevTools for debugging and optimizing your applications.

• Master SPA Navigation: Implement smooth and efficient Single Page Application (SPA) routing with nested routes and route guards for a top-notch user experience.

• Utilize Third-Party Libraries: Learn to effectively integrate and manage third-party libraries within Angular to extend functionality and streamline development.

Audience:

• The content is geared for experienced web developers new to Angular. In order to be successful in the course, you should have solid, current hands-on experience developing basic web applications, and be well versed in HTML5, CSS3 and JavaScript.

Prerequisite:

Attendees should have experience with the topics in the following courses, or should have recently attended these as a prerequisite:

• Introduction to HTML5, CSS3 and JavaScript

• Introduction to TypeScript: Clean Code and Strong Skills for Web Developers