├── .gitattributes ├── JavaScript_Stater_Files ├── 01_JS_Basics_JS │ ├── 01_Basics.html │ └── 01_script.js ├── 02_JS_Variable_Declaration │ ├── 02_Variables.html │ └── 02_script.js ├── 03_JS_Data_Types │ ├── 03_Datatypes.html │ └── 03_script.js ├── 04_JS_Operators │ ├── 04_Operators.html │ └── 04_script.js ├── 05_JS_Conditional_Statements │ ├── 05_Conditional_Statements.html │ └── 05_script.js ├── 06_JS_Objects │ ├── 06_JS_Objects.html │ └── 06_script.js ├── 07_JS_Arrays │ ├── 07_JS_Arrays.html │ └── 07_script.js ├── 08_JS_Functions │ ├── 08_JS_Functions.html │ └── 08_script.js ├── 09_JS_Math_Date_Objects │ ├── 09_JS_Math_Date_Objects.html │ └── 09_script.js ├── 10_JS_DOM_Manipulation │ ├── 10_JS_DOM_Manipulation.html │ └── 10_script.js ├── 11_JS_DOM_Events │ ├── 11_JS_DOM_Events.html │ └── 11_script.js ├── 12_JS_Form_Validation │ ├── 12_Form_Validation.html │ ├── 12_script.js │ └── 12_styles.css ├── 13_JS_Number_App │ ├── 13_NumberApp.html │ ├── 13_script.js │ ├── 13_styles.css │ └── img │ │ ├── image1.jpeg │ │ ├── image2.jpg │ │ ├── image3.jpeg │ │ └── image4.jpeg ├── 14_JS_TypingTester_App │ ├── 14_Mini_Project.html │ ├── 14_script.js │ ├── 14_styles.css │ └── sounds │ │ ├── clap.wav │ │ └── congrats.wav ├── 15_JS_Calculator_App │ ├── index.html │ ├── script.js │ └── styles.css ├── 16_JS_CallBack_Functions │ ├── 16_Callbacks.html │ └── 16_app.js ├── 17_JS_Promises │ ├── 17_Promises.html │ └── 17_app.js ├── 18_JS_Scopes_Closures │ ├── 18_Scopes_Closures.html │ └── 18_app.js ├── 19_ES6_TemplateStrings │ ├── 19_ES6_TemplateStrings.html │ └── 19_script.js ├── 20_ES6_Let_Consts │ ├── 20_Let_Const.html │ └── 20_script.js ├── 21_ES6_For_Of_Loops │ ├── 21_For_Of_Loops.html │ └── 21_script.js ├── 22_ES6_Lambda_Arrow_Functions │ ├── 22_ES6_Lambda_Arrow_functions.html │ └── 22_script.js ├── 23_ES6_Destructuring │ ├── 23_Destructuring.html │ └── 23_script.js ├── 24_ES6_Spread_Operator │ ├── 24_Spread_Operator.html │ └── 24_script.js ├── 25_ES6_Classes │ ├── 25_Classes.html │ └── 25_Script.js ├── 26_ES6_Collections │ ├── 26_Collections.html │ └── 26_Script.js ├── bootstrap │ ├── css │ │ ├── bootstrap.css │ │ ├── bootstrap.min.css │ │ ├── font-awesome-5.6.3.css │ │ ├── mdb.css │ │ ├── mdb.min.css │ │ └── style.css │ ├── font │ │ └── roboto │ │ │ ├── Roboto-Bold.eot │ │ │ ├── Roboto-Bold.ttf │ │ │ ├── Roboto-Bold.woff │ │ │ ├── Roboto-Bold.woff2 │ │ │ ├── Roboto-Light.eot │ │ │ ├── Roboto-Light.ttf │ │ │ ├── Roboto-Light.woff │ │ │ ├── Roboto-Light.woff2 │ │ │ ├── Roboto-Medium.eot │ │ │ ├── Roboto-Medium.ttf │ │ │ ├── Roboto-Medium.woff │ │ │ ├── Roboto-Medium.woff2 │ │ │ ├── Roboto-Regular.eot │ │ │ ├── Roboto-Regular.ttf │ │ │ ├── Roboto-Regular.woff │ │ │ ├── Roboto-Regular.woff2 │ │ │ ├── Roboto-Thin.eot │ │ │ ├── Roboto-Thin.ttf │ │ │ ├── Roboto-Thin.woff │ │ │ └── Roboto-Thin.woff2 │ ├── js │ │ ├── bootstrap.js │ │ ├── bootstrap.min.js │ │ ├── holder.min.js │ │ ├── jquery-3.3.1.min.js │ │ ├── mdb.js │ │ ├── mdb.min.js │ │ └── popper.min.js │ └── webfonts │ │ ├── fa-brands-400.eot │ │ ├── fa-brands-400.svg │ │ ├── fa-brands-400.ttf │ │ ├── fa-brands-400.woff │ │ ├── fa-brands-400.woff2 │ │ ├── fa-regular-400.eot │ │ ├── fa-regular-400.svg │ │ ├── fa-regular-400.ttf │ │ ├── fa-regular-400.woff │ │ ├── fa-regular-400.woff2 │ │ ├── fa-solid-900.eot │ │ ├── fa-solid-900.svg │ │ ├── fa-solid-900.ttf │ │ ├── fa-solid-900.woff │ │ └── fa-solid-900.woff2 ├── css │ ├── font-awesome.min.css │ └── styles.css └── img │ ├── image1.jpg │ ├── image2.jpg │ ├── image3.jpeg │ ├── image4.jpeg │ ├── image5.jpeg │ ├── image6.jpeg │ └── image7.jpeg └── README.md /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /JavaScript_Stater_Files/01_JS_Basics_JS/01_Basics.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 |Thanks for Learning UI Technologies.
18 |Congratulations !!
45 |