From 603b22cfa0bcca5b416d92e8edba29194e390901 Mon Sep 17 00:00:00 2001
From: Ibtesam Ahmed <111435568+GetIbetsamAhmed@users.noreply.github.com>
Date: Wed, 5 Oct 2022 20:18:34 +0500
Subject: [PATCH] add content to rendering topics in angular roadmap (#2168)
Co-authored-by: Ibtesam Ahmed ( SK ) <51031949+SkyLineProgrammers@users.noreply.github.com>
---
.../105-rendering-topics/100-builtin-directives.md | 11 ++++++++++-
.../content/105-rendering-topics/101-builtin-pipes.md | 11 ++++++++++-
.../105-rendering-topics/102-change-detection.md | 8 +++++++-
3 files changed, 27 insertions(+), 3 deletions(-)
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.
+
+
+Free Content
+Understanding BuiltIn Directives
+BuiltIn Directives Types
\ 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`
+
+
+Free Content
+Understanding BuiltIn Pipes
+BuiltIn Pipes - exampls
\ 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
+
+Free Content
+Understanding Change detection
+4 Runtime Performance Optimizations ( Change detection )
\ No newline at end of file