diff --git a/content/roadmaps/104-angular/content/105-rendering-topics/100-builtin-directives.md b/content/roadmaps/104-angular/content/105-rendering-topics/100-builtin-directives.md
index dfb9c5600..10dc71018 100644
--- a/content/roadmaps/104-angular/content/105-rendering-topics/100-builtin-directives.md
+++ b/content/roadmaps/104-angular/content/105-rendering-topics/100-builtin-directives.md
@@ -1 +1,10 @@
-# Builtin directives
\ No newline at end of file
+# Builtin directives
+
+SKDirectives are classes that add additional behavior to elements in your Angular applications. Use Angular's built-in directives to manage forms, lists, styles, and what users see.
+
+`NgClass` Adds and removes a set of CSS classes. | `NgStyle` Adds and removes a set of HTML styles. | `NgModel` Adds two-way data binding to an HTML form element.
+
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/guide/built-in-directives'>Understanding BuiltIn Directives</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Web' href='https://thinkster.io/tutorials/angular-2-directives'>BuiltIn Directives Types</BadgeLink>
\ No newline at end of file
diff --git a/content/roadmaps/104-angular/content/105-rendering-topics/101-builtin-pipes.md b/content/roadmaps/104-angular/content/105-rendering-topics/101-builtin-pipes.md
index ca2fc7e54..b38dc6973 100644
--- a/content/roadmaps/104-angular/content/105-rendering-topics/101-builtin-pipes.md
+++ b/content/roadmaps/104-angular/content/105-rendering-topics/101-builtin-pipes.md
@@ -1 +1,10 @@
-# Builtin pipes
\ No newline at end of file
+# Builtin pipes
+
+Use pipes to transform strings, currency amounts, dates, and other data for display. Pipes are simple functions to use in template expressions to accept an input value and return a transformed value. Pipes are useful because you can use them throughout your application , some common pipes are 
+
+`DatePipe` | `UpperCasePipe` | `LowerCasePipe` | `CurrencyPipe` | `DecimalPipe` | `PercentPipe`
+
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/guide/pipes'>Understanding BuiltIn Pipes</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Web' href='https://codecraft.tv/courses/angular/pipes/built-in-pipes/'>BuiltIn Pipes - exampls</BadgeLink>
\ No newline at end of file
diff --git a/content/roadmaps/104-angular/content/105-rendering-topics/102-change-detection.md b/content/roadmaps/104-angular/content/105-rendering-topics/102-change-detection.md
index 5b273a428..2d8cea788 100644
--- a/content/roadmaps/104-angular/content/105-rendering-topics/102-change-detection.md
+++ b/content/roadmaps/104-angular/content/105-rendering-topics/102-change-detection.md
@@ -1 +1,7 @@
-# Change detection
\ No newline at end of file
+# Change detection
+
+Change detection is the process through which Angular checks to see whether your application state has changed, and if any DOM needs to be updated. At a high level, Angular walks your components from top to bottom, looking for changes. Angular runs its change detection mechanism periodically so that changes to the data model are reflected in an application’s view. Change detection can be triggered either manually or through an asynchronous event
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/guide/change-detection'>Understanding Change detection</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=f8sA-i6gkGQ'>4 Runtime Performance Optimizations ( Change detection )</BadgeLink>
\ No newline at end of file