Learn your way! Get started

Learning Angular, Part 2 of 7: Directives

with expert Bharath Thipireddy


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 9/15/2019
Level Beginner
Runtime 1h 7m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

This course on Angular 6 builds on using ngIf, ngSwitch, ngFor as well as how to style with classes. It also covers how to start building a service, handle error conditions, add styles and update configurations

Prerequisites

Experience with JavaScript, TypeScript and also of Java Sprint Boot for work on the Java backend.

Meet the expert

Bharath Thippireddy is an entrepreneur, software architect, public speaker, and trainer. Bharath is a Sun Certified Developer, Web Component Developer, Business Component Developer, and a Web Services Developer. While working for companies like Oracle, HP, TCS, Siemens, and NCR; Bharath has architected applications using Java, JEE, JavaScript, and SOA technologies. He loves learning new things both in technology and personal development and shares them on YouTube and his web site - Sharing is learning!. He has mentored students in classroom trainings, as well as in the corporate world, both in India as well as in USA. He has spoken on technical topics at several agile conferences. While in India he also voluntarily teaches interview and soft skills at Vivekananda Kendra.

Course outline



Directives

Directives (14:56)
  • Introduction (00:08)
  • Introduction to Directives (02:17)
  • ngIf (03:18)
  • Using ngIf Dynamically (03:50)
  • Using ngSwitch (04:12)
  • Using ngSwitchDefault (01:02)
  • Summary (00:08)
Using ng (19:12)
  • Introduction (00:08)
  • Using ngFor (02:41)
  • Using ngFor with objects (02:58)
  • Using ngNonBindable (01:30)
  • NgStyle (03:53)
  • Dynamic Styling with ngStyle (03:11)
  • Using NgClass (02:17)
  • Dynamic NGClass (02:22)
  • Summary (00:08)
Services (16:09)
  • Introduction (00:08)
  • Dependency Injection (03:45)
  • Usecase (01:24)
  • Links to rest services (00:28)
  • Create the project and service (01:46)
  • Service code walkthrough and imports (03:22)
  • Implement the service (02:28)
  • Handle error conditions (02:37)
  • Summary (00:08)
Create Component (16:55)
  • Introduction (00:08)
  • Create the component (03:06)
  • Handle Errors (02:38)
  • Implement HTML (04:27)
  • Update Configuration (02:19)
  • Services in action (01:53)
  • Add styles (02:13)
  • Summary (00:08)