From c3f695ed6fa17c3f69d6e6e911a6c2e57902346f Mon Sep 17 00:00:00 2001
From: "faizanaqeel@gmail.com" <faizanaqeel@gmail.com>
Date: Sat, 11 Jan 2025 20:46:54 +0400
Subject: [PATCH] my trainings during video

---
 .DS_Store                                     | Bin 0 -> 8196 bytes
 01-Fundamentals-Part-1/.DS_Store              | Bin 0 -> 6148 bytes
 .../assignment/assignment.js                  | 112 ++++++++++++++++++
 01-Fundamentals-Part-1/assignment/index.html  |  36 ++++++
 01-Fundamentals-Part-1/final/index.html       |  62 +++++-----
 01-Fundamentals-Part-1/final/script.js        |  25 ++++
 01-Fundamentals-Part-1/starter/index.html     |  67 ++++++-----
 7 files changed, 247 insertions(+), 55 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 01-Fundamentals-Part-1/.DS_Store
 create mode 100644 01-Fundamentals-Part-1/assignment/assignment.js
 create mode 100755 01-Fundamentals-Part-1/assignment/index.html

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..34101fdf17cdde68322164d7164c698d5e7bd31d
GIT binary patch
literal 8196
zcmeHM&rcIU6n+B;TdNTjlmo_1ycxh!ekk$MmLh7b5K8o*23uNS!?M$Cw=@kQ=~@2~
z4<=syOZ;Cv>Gx)~WOpk>F2<xYX6DV#zVDlv@4f9ZD-nr8t2R$GMMM@V+wnA-KNP;t
zwXY0?Ba^TKc%l}0RHF(VQN7RG3>XEB0!9I&fKk9G@INSkcQzO6ocF%IYg(g#QD7hy
z;NJ%um2EDxU2WA*2O4z*fE~fGD(K@JpfGl5bD`~OtDxZ2rw0*2MR>#z8jkxmyTj%}
z+tpUXNoY8UaApynP=uNtI9s`s$Z2a@qkvJMUjaV5-=Pf6(=0uUo!>nQaFTbai94I<
z`M92?`4_I-t-7)b96xG#)VW`(pm#~GYP;D8xxQB$uG0)MnIB?kc;w3Hm^Egltq<h`
z*)9i_pw%o?{C9k{Eu~xS^()mkPQAS|KCvpjpyGISUjdw29WL+RI$lk-3$o?anhIOi
zH>{ME+8LiZIms?8&De_zE2lH|$x1fE{pHislr{O_(bKJ+L-)v&pVY2Mgg-lUU0<KI
zpD(-T<FfC$(%T1)Ia&McUuvICX#WlPsP?zPwE(UnzP=ozx+JLq>tn1;hvZ-c@r<*G
zdkK~_SQdeJPTN$XSLm$*T~45Q-_f~m0ks6*b>vVTIm1~~q7K^E7&)RUuOq?nGr?hj
zV_D&(`ikVn{fAhy=$yRL$ME08&h}x~^_QnON@eKRNQO=T^#tAptmptp{$e$Y+&;iH
z>$D5&p(b=9Ry)cw4W1PsikOw36vhV7x&?*+t<M}7-3VjAUJ|1TUZsDO_ZptX3~>5s
zWG)9duMfu&h~jPn$4_w{bNE<KN6lV9&r`8)QV>^0u>Mho`@nN9Mk1y-^bYlIwy_%i
zx`%zh^8$7ittk6luyc0iq4%*`6)Vl!7okz<Vm6MVco>P|DA+hlH}G#WzAuhc%-4c1
z=Vl4BHlSxG?#~g3`QLy)=V2au>_EL;<c6<eAQ9JO{1As2dKzfX$`TMYrId%Om&lIZ
zSPM^KPfZCgS7qUTVpWJvjQ1*dIdAuX@Kr?jk~?9|W0(|e(Hizq#A?=P4w0+HXHmL-
ziRg-yFl9g#7}oooO2e+5|NVbJ)G*sL3Jj(KVx(9u7O?l;AGt{x_^fTCenjQMeqC)9
t1dTe5!>Z#r?Ad=9qHn{MF}cuowZ#a^KmQP5-v5d7n=tQxm5GDZ{07_r%0K`B

literal 0
HcmV?d00001

diff --git a/01-Fundamentals-Part-1/.DS_Store b/01-Fundamentals-Part-1/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..0e6f7f167662f808f565a2db839ec4647ef732b4
GIT binary patch
literal 6148
zcmeHKF>ljA6n@vb#A$_;0i=$WSSv_dK&n{W5C#}Af&oylYm-{ozQ}gS5JmC~zkpxC
z$}eDM;$JW@GQs!mE>fB_s1ribz39E~-Q9aW-*>q?9}$V(I6frm5RnUIbar7b5pHK)
zku6iR2NdcVLn<hz1h!s@wiT8E%fSD}0I%I$3aP>`rG@qTIFn~lCL^@-=I{gh?Y9zm
zYjUDVH8MG0qEVJsb+`LnY;8L`*II7N-E&_D=W-I%VLh&TVfm6v&!o(vxgSQ)(_}K}
z+;}L9I!ueCR0(OEAmr7Hw20-TC&xuxsoX#}xNWyR=<H9YN5}ULyt~IIvjcB>a@1x2
z{%qEEZ{E7|;OXF9mKXAadV3PsuasOjIERmLF6AQ|9tLMJAI$^T#pSZ!HypT5{_E$H
zPhU^h$HrHV9i3mT|Mx*zWU?5dPafkAy~Vs1nBi<`M)|F7FU)8Q|9~2CC2T_FQuOD)
zM{mf?FLAKMB`DY^F>Ao(J-~`(z%pPNSY&|r2M@~V8*DVHtpi3~0e}vwmB8oE1<vsd
z`UV?~Xn_cw3e>5>Trq@BN4;m_e1nZfole4BK7{F6m>Y^vz2o_w3Mb)fwAM0U8Mw&6
zwk~$~{C~9m{(mvamMjC7fsJB7IQ^jC!;s9`x-vLEYdz>2C=16m8dVC6IgXXXNAW&X
a3EDh%fWE;-BWfV_LqO4Bjb-4UGVlko>)MI{

literal 0
HcmV?d00001

diff --git a/01-Fundamentals-Part-1/assignment/assignment.js b/01-Fundamentals-Part-1/assignment/assignment.js
new file mode 100644
index 0000000000..753364784c
--- /dev/null
+++ b/01-Fundamentals-Part-1/assignment/assignment.js
@@ -0,0 +1,112 @@
+// // let country = 'United Arab Emirates'
+// // let continent = 'MEA'
+// // let population = '4 Million'
+
+
+// // console.log(country)
+// // console.log(continent)
+// // console.log(population)
+
+
+// // let javascriptIsFun = true;
+// // console.log(javascriptIsFun);
+
+
+// // console.log(typeof javascriptIsFun);
+// // console.log(typeof country)
+// // console.log(typeof 23)
+// // console.log(typeof "faizan")
+// // console.log(typeof faizan)
+
+// // let year;
+// // console.log(typeof year)
+// // year = 1991;
+// // console.log(typeof year)
+
+// // console.log(typeof null)
+
+// // const now = new Date().getUTCFullYear();
+
+// // console.log(now)
+// // const ageFaizan = now - 1984;
+// // const ageSoubia = now - 1986;
+
+// // console.log(ageFaizan, ageSoubia)
+// // let x = 10 + 15 // answer will be 15
+// // console.log(x)
+
+// // x += 10  // x=x+10  current x value is 25
+// // console.log(x)
+
+
+// // console.log(typeof x)
+
+// // console.log(ageFaizan > ageSoubia)
+
+
+// let massMark;
+// let heightMark;
+// let massJohn;
+// let heightJohn;
+
+
+
+
+// massMark = 78;
+// heightMark = 1.69;
+// massJohn = 92;
+// heightJohn = 1.95;
+
+// let bmiMark = massMark / (heightMark * heightMark)
+
+// let bmiJohn = massJohn / (heightJohn * heightMark)
+
+
+// let markHigherBMI = bmiMark > bmiJohn;
+// console.log(bmiMark);
+// console.log(bmiJohn);
+
+// console.log(markHigherBMI)
+
+
+// const firstName = "Faizan"
+// const job = "Senior Manager"
+// const birthYear = 1984;
+// const year = new Date().getUTCFullYear();
+
+// const faizan = `I'm ${firstName}, a ${year - birthYear} years old ${job}`;
+// console.log(faizan)
+
+
+// console.log(`This is a template literal example \n\with multiple lines`)
+
+// console.log(`we can do 
+//     multiple lines l
+//     ike this also. 
+//     it does not need that \ n  way of 
+//     moving to next line.`)
+
+
+
+
+// const age = 17;
+// const isOldEnough = age >= 18;
+
+// if (isOldEnough) {
+//     console.log(`Sarah can start driving lesson 🚗`)
+// } else {
+//     const yearsLeft = 18 - age;
+//     console.log(`Sarah is still young to drive. wait another ${yearsLeft} years ❌`)
+// }
+
+// // if (!isOldEnough) {
+// //     console.log(`Sarah cannot start driving yet ❌`)
+// // }
+
+
+function getRandomInt(max) {
+    return Math.floor(Math.random() * max);
+}
+let score = getRandomInt(1000)
+
+console.log(score)
\ No newline at end of file
diff --git a/01-Fundamentals-Part-1/assignment/index.html b/01-Fundamentals-Part-1/assignment/index.html
new file mode 100755
index 0000000000..b965d03234
--- /dev/null
+++ b/01-Fundamentals-Part-1/assignment/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>JavaScript Fundamentals – Part 1</title>
+  <style>
+    body {
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      background: linear-gradient(to top left, #28b487, #7dd56f);
+    }
+
+    h1 {
+      font-family: sans-serif;
+      font-size: 50px;
+      line-height: 1.3;
+      width: 100%;
+      padding: 30px;
+      text-align: center;
+      color: white;
+    }
+  </style>
+  <script src='assignment.js'>
+
+  </script>
+</head>
+
+<body>
+  <h1>JavaScript Fundamentals – Part 1</h1>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/01-Fundamentals-Part-1/final/index.html b/01-Fundamentals-Part-1/final/index.html
index 96fbc80614..7bb7d69164 100755
--- a/01-Fundamentals-Part-1/final/index.html
+++ b/01-Fundamentals-Part-1/final/index.html
@@ -1,31 +1,37 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>JavaScript Fundamentals – Part 1</title>
-    <style>
-      body {
-        height: 100vh;
-        display: flex;
-        align-items: center;
-        background: linear-gradient(to top left, #28b487, #7dd56f);
-      }
-      h1 {
-        font-family: sans-serif;
-        font-size: 50px;
-        line-height: 1.3;
-        width: 100%;
-        padding: 30px;
-        text-align: center;
-        color: white;
-      }
-    </style>
-  </head>
-  <body>
-    <h1>JavaScript Fundamentals – Part 1</h1>
 
-    <script src="script.js"></script>
-  </body>
-</html>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>JavaScript Fundamentals – Part 1</title>
+  <style>
+    body {
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      background: linear-gradient(to top left, #28b487, #7dd56f);
+    }
+
+    h1 {
+      font-family: sans-serif;
+      font-size: 50px;
+      line-height: 1.3;
+      width: 100%;
+      padding: 30px;
+      text-align: center;
+      color: white;
+    }
+  </style>
+</head>
+
+<body>
+  <h1>JavaScript Fundamentals – Part 1</h1>
+
+  <script src="script.js">
+    //over here we have called this script file when we have defined the script.js file.
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/01-Fundamentals-Part-1/final/script.js b/01-Fundamentals-Part-1/final/script.js
index c966226c88..2984ba015e 100644
--- a/01-Fundamentals-Part-1/final/script.js
+++ b/01-Fundamentals-Part-1/final/script.js
@@ -1,3 +1,28 @@
+let js = "amazing";
+//if (js === "amazing") alert("Javascript is FUN!")
+console.log(40 + 8 + 23 - 10);
+console.log("Faizan")
+
+let firstName = "faizan aqeel"
+console.log(firstName)
+console.log(firstName)
+
+console.log(firstName)
+console.log(firstName)
+
+//Uncaught SyntaxError: Invalid or unexpected token (at script.js:13:5)Understand this errorAI
+//let 3years = 3; 
+//variable cannot start with a number
+
+//let faian& aqeel = "JM"
+
+//reserved keywords cannot be used as well in Javascript.
+//new is a reserved word
+//but it can still be used by adding a dollar $ Sign as you can see below
+// new , function, name and etc...
+
+let $new = 17;
+
 /*
 ////////////////////////////////////
 // Linking a JavaScript File
diff --git a/01-Fundamentals-Part-1/starter/index.html b/01-Fundamentals-Part-1/starter/index.html
index 59529c7923..78052fa464 100755
--- a/01-Fundamentals-Part-1/starter/index.html
+++ b/01-Fundamentals-Part-1/starter/index.html
@@ -1,29 +1,42 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>JavaScript Fundamentals – Part 1</title>
-    <style>
-      body {
-        height: 100vh;
-        display: flex;
-        align-items: center;
-        background: linear-gradient(to top left, #28b487, #7dd56f);
-      }
-      h1 {
-        font-family: sans-serif;
-        font-size: 50px;
-        line-height: 1.3;
-        width: 100%;
-        padding: 30px;
-        text-align: center;
-        color: white;
-      }
-    </style>
-  </head>
-  <body>
-    <h1>JavaScript Fundamentals – Part 1</h1>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>JavaScript Fundamentals – Part 1</title>
+  <style>
+    body {
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      background: linear-gradient(to top left, #28b487, #7dd56f);
+    }
+
+    h1 {
+      font-family: sans-serif;
+      font-size: 50px;
+      line-height: 1.3;
+      width: 100%;
+      padding: 30px;
+      text-align: center;
+      color: white;
+    }
+  </style>
+  <script>
+    //when script is defined in the same html file, its referred as inline script
+    //the only advantage of inline script is that we dont have to load another file.
+    //and it is also bad for separating the website content from javascript logic
+    //so we should normally move this code to a separate script file.
+    let js = "amazing";
+    if (js === "amazing") alert("Javascript is FUN!")
+    console.log(40 + 8 + 23 - 10);
+  </script>
+</head>
+
+<body>
+  <h1>JavaScript Fundamentals – Part 1</h1>
+</body>
+
+</html>
\ No newline at end of file