Learn all you need to know to build an application using Angular

What you will learn

Built-in directives in Angular

Attribute directives in Angular

Structural directives in Angular

Creating custom Angular directives


Bootstrap is a popular front-end development framework that plays a significant role in modern web development, and its importance is equally apparent when used in Angular applications. Integrating Bootstrap into Angular applications offers several advantages:

  1. Responsive Design: Ensures optimal viewing across various devices.
  2. Consistency and Speed: Pre-built components save time and maintain a uniform appearance.
  3. Customizable: Tailor the framework to create unique designs.
  4. Cross-Browser Compatibility: Functions consistently across different browsing environments.
  5. Streamlined Development: Focus on application logic rather than design and layout.

The components that you will be using throughout this course have been created in the ANGULAR – BEYOND FUNDAMENTALS – PART I course which you can check in my profile. In this part, you will design the same components using Bootstrap v5.3+.

You will learn how to:

Get Instant Notification of New Courses on our Telegram channel.

  • Creating visually appealing Angular components using Bootstrap v5.3+ for responsive designs
  • Enhancing Angular components with Bootstrap icons for intuitive user interfaces
  • Leveraging existing Bootstrap components to develop innovative and functional designs
  • Implementing best practices for maintainable and scalable Angular applications with Bootstrap integration

This is Part 3 of the course, so to get the most out of it would be best to watch the Part I and Part II of the course. By completing all parts, you’ll gain a well-rounded understanding of Angular Directives and add additional behavior to elements in your Angular applications.

Embrace the opportunity to learn from real-world examples, and take your web development expertise to new heights. Join us on this exciting journey and transform your Angular projects into highly-responsive and user-friendly experiences.



Introduction to Angular Directives

An Overview of Angular Directives

Attribute Directives in Angular

Dynamic Styling in Angular with [ngClass]
Dynamic Styling in Angular with [ngStyle]
Creating Your Custom Attribute Directive

Structural Directives in Angular

*ngIf Structural Directive in Angular
*ngFor Stuctural Directive in Angular
Clearning up Your Code with *ngFor