From 1b9bb03cde78e6a5934f9486a8b510e98a4b0c22 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 3 Sep 2021 18:01:09 +0200
Subject: [PATCH] Add embed video links

---
 content/videos/all-about-http-caching.md      |  1 +
 .../arrays-and-objects-in-javascript.md       |  1 +
 content/videos/content-delivery-networks.md   |  1 +
 content/videos/dns-explained.md               |  1 +
 content/videos/dns-records.md                 |  1 +
 .../freeze-and-seal-objects-in-javascript.md  |  1 +
 content/videos/how-to-use-css-variables.md    |  1 +
 content/videos/how-to-use-github-actions.md   |  1 +
 content/videos/javascript-fetch-api.md        |  1 +
 content/videos/load-balancers-101.md          |  1 +
 content/videos/osi-model.md                   |  1 +
 content/videos/practical-intro-to-react.md    | 24 +++++++++++++++++++
 content/videos/promises-in-javascript.md      |  1 +
 content/videos/scaling-the-unscalable.md      |  1 +
 content/videos/system-design-101.md           | 11 +--------
 content/videos/tcp-ip-model.md                |  1 +
 .../videos/transport-protocols-tcp-vs-udp.md  |  1 +
 .../videos/what-is-dependency-injection.md    |  1 +
 .../what-is-dom-shadow-dom-virtual-dom.md     |  1 +
 19 files changed, 42 insertions(+), 10 deletions(-)
 create mode 100644 content/videos/dns-records.md

diff --git a/content/videos/all-about-http-caching.md b/content/videos/all-about-http-caching.md
index e69de29bb..8a2d6aed4 100644
--- a/content/videos/all-about-http-caching.md
+++ b/content/videos/all-about-http-caching.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/HiBDZgTNpXY" title="All about HTTP Caching" />
diff --git a/content/videos/arrays-and-objects-in-javascript.md b/content/videos/arrays-and-objects-in-javascript.md
index e69de29bb..9ae05edf8 100644
--- a/content/videos/arrays-and-objects-in-javascript.md
+++ b/content/videos/arrays-and-objects-in-javascript.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/n3NKGsM3iEw" title="Arrays and Objects in JavaScript" />
\ No newline at end of file
diff --git a/content/videos/content-delivery-networks.md b/content/videos/content-delivery-networks.md
index e69de29bb..2aa4059ec 100644
--- a/content/videos/content-delivery-networks.md
+++ b/content/videos/content-delivery-networks.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/6DXEPcXKQNY" title="Content Delivery Networks" />
\ No newline at end of file
diff --git a/content/videos/dns-explained.md b/content/videos/dns-explained.md
index e69de29bb..58842816a 100644
--- a/content/videos/dns-explained.md
+++ b/content/videos/dns-explained.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/Wj0od2ag5sk" title="DNS and how does it work?" />
\ No newline at end of file
diff --git a/content/videos/dns-records.md b/content/videos/dns-records.md
new file mode 100644
index 000000000..bba5806d7
--- /dev/null
+++ b/content/videos/dns-records.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/7lxgpKh_fRY" title="DNS Records" />
\ No newline at end of file
diff --git a/content/videos/freeze-and-seal-objects-in-javascript.md b/content/videos/freeze-and-seal-objects-in-javascript.md
index e69de29bb..56ee07c16 100644
--- a/content/videos/freeze-and-seal-objects-in-javascript.md
+++ b/content/videos/freeze-and-seal-objects-in-javascript.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/O3uT2l6vgZ8" title="Freeze and Seal in JavaScript" />
\ No newline at end of file
diff --git a/content/videos/how-to-use-css-variables.md b/content/videos/how-to-use-css-variables.md
index e69de29bb..284c9c54f 100644
--- a/content/videos/how-to-use-css-variables.md
+++ b/content/videos/how-to-use-css-variables.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/lgaxU7CRmxU" title="How to use CSS Variables?" />
\ No newline at end of file
diff --git a/content/videos/how-to-use-github-actions.md b/content/videos/how-to-use-github-actions.md
index e69de29bb..642193d41 100644
--- a/content/videos/how-to-use-github-actions.md
+++ b/content/videos/how-to-use-github-actions.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/nyKZTKQS_EQ" title="Automate with GitHub Actions" />
\ No newline at end of file
diff --git a/content/videos/javascript-fetch-api.md b/content/videos/javascript-fetch-api.md
index e69de29bb..0b244677c 100644
--- a/content/videos/javascript-fetch-api.md
+++ b/content/videos/javascript-fetch-api.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/-ZI0ea5O2oA" title="JavaScript Fetch API" />
\ No newline at end of file
diff --git a/content/videos/load-balancers-101.md b/content/videos/load-balancers-101.md
index e69de29bb..cdd83484d 100644
--- a/content/videos/load-balancers-101.md
+++ b/content/videos/load-balancers-101.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/galcDRNd5Ow" title="Load Balancers 101" />
\ No newline at end of file
diff --git a/content/videos/osi-model.md b/content/videos/osi-model.md
index e69de29bb..18133d3a9 100644
--- a/content/videos/osi-model.md
+++ b/content/videos/osi-model.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/dV8mjZd1OtU" title="OSI Model Explained" />
\ No newline at end of file
diff --git a/content/videos/practical-intro-to-react.md b/content/videos/practical-intro-to-react.md
index e69de29bb..506939d77 100644
--- a/content/videos/practical-intro-to-react.md
+++ b/content/videos/practical-intro-to-react.md
@@ -0,0 +1,24 @@
+In this short series of lessons, we are going to create a react app from scratch. We are mainly going to use React and Chakra UI and see how we can build an application that fetches the trending projects from GitHub's API and shows you in the form of listing.
+
+If you want to get an idea of what we are going to be building have a look at [GitHunt](https://kamranahmed.info/githunt). Also the complete source code can be found at [@kamranahmedse/githunt](https://github.com/kamranahmedse/githunt)
+
+## Intro and Basic Setup
+The video below gives you the basic introduction about the project and explains what we are going to build.
+
+<iframe src="https://www.youtube.com/embed/NyG7YJWJd6s" title="Practical Introduction to React Part 1" />
+
+## Building the Interface
+In this second lesson we are going to create all the required components and the UI using Chakra UI and in the next lesson of this series we are going to start adding interactivity to our application.
+
+<iframe src="https://www.youtube.com/embed/zPqzKqjtEL4" title="Practical Introduction to React Part 1" />
+
+## Building the View Switcher
+In this lesson we start adding interactivity to the interface. We will be building the view switcher where you can switch between the "Grid View" and the "List View" and in the next and last lesson of the series, we are going to integrate GitHub API and show the repositories.
+
+<iframe src="https://www.youtube.com/embed/EYzPJsJwjFg" title="Practical Introduction to React Part 1" />
+
+## Fetching Remote Data
+
+Below is the final lesson where we complete the application by integrating the GitHub API to make the data dynamic.
+
+<iframe src="https://www.youtube.com/embed/G2IbP9B_4PU" title="Practical Introduction to React Part 1" />
diff --git a/content/videos/promises-in-javascript.md b/content/videos/promises-in-javascript.md
index e69de29bb..bba63d8f6 100644
--- a/content/videos/promises-in-javascript.md
+++ b/content/videos/promises-in-javascript.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/BvrkobaCVVE" title="All about Promises in JavaScript" />
\ No newline at end of file
diff --git a/content/videos/scaling-the-unscalable.md b/content/videos/scaling-the-unscalable.md
index e69de29bb..fd10e0e39 100644
--- a/content/videos/scaling-the-unscalable.md
+++ b/content/videos/scaling-the-unscalable.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/a2rcgzludDU" title="Scaling the Unscalable" />
\ No newline at end of file
diff --git a/content/videos/system-design-101.md b/content/videos/system-design-101.md
index 1c1a0396f..ebb8a9193 100644
--- a/content/videos/system-design-101.md
+++ b/content/videos/system-design-101.md
@@ -1,10 +1 @@
-System Design is a broad topic. In this video, we discuss all the bits and pieces of System Design; we will not be going
-in depth of each of the topic but this is to give you a high level overview of all the pieces involved. The topics
-covered in this video include:
-
-<PremiumBlock
-    title='Premium Video' 
-    description='This content is available only for the paid members.' 
-/>
-
-If you liked this video, you are going to love our [YouTube Channel](https://youtube.com/theroadmap?sub_confirmation=1).
+<iframe src="https://www.youtube.com/embed/Y-Gl4HEyeUQ" title="System Design 101" />
\ No newline at end of file
diff --git a/content/videos/tcp-ip-model.md b/content/videos/tcp-ip-model.md
index e69de29bb..80787e823 100644
--- a/content/videos/tcp-ip-model.md
+++ b/content/videos/tcp-ip-model.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/F5rni9fr1yE" title="TCP/IP Model Explained" />
\ No newline at end of file
diff --git a/content/videos/transport-protocols-tcp-vs-udp.md b/content/videos/transport-protocols-tcp-vs-udp.md
index e69de29bb..040703759 100644
--- a/content/videos/transport-protocols-tcp-vs-udp.md
+++ b/content/videos/transport-protocols-tcp-vs-udp.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/37AFBZv4_6Y" title="Transport Protocols: TCP vs UDP" />
\ No newline at end of file
diff --git a/content/videos/what-is-dependency-injection.md b/content/videos/what-is-dependency-injection.md
index e69de29bb..65ddbef96 100644
--- a/content/videos/what-is-dependency-injection.md
+++ b/content/videos/what-is-dependency-injection.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/0yc2UANSDiw" title="What is Dependency Injection?" />
\ No newline at end of file
diff --git a/content/videos/what-is-dom-shadow-dom-virtual-dom.md b/content/videos/what-is-dom-shadow-dom-virtual-dom.md
index e69de29bb..d2d1e640f 100644
--- a/content/videos/what-is-dom-shadow-dom-virtual-dom.md
+++ b/content/videos/what-is-dom-shadow-dom-virtual-dom.md
@@ -0,0 +1 @@
+<iframe src="https://www.youtube.com/embed/7Tok22qxPzQ" title="DOM, Shadow DOM, Virtual DOM" />
\ No newline at end of file