├── JavaScript Essential Training ├── Part 01 │ ├── img │ │ └── favicon.png │ └── index.html ├── Part 02 │ ├── img │ │ ├── battery.png │ │ ├── favicon.png │ │ ├── fully_charged_battery.png │ │ └── low_battery.png │ └── index.html ├── Part 03 │ ├── img │ │ ├── battery.png │ │ ├── favicon.png │ │ ├── fully_charged_battery.png │ │ └── low_battery.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 04 │ ├── img │ │ ├── battery.png │ │ ├── favicon.png │ │ ├── fully_charged_battery.png │ │ └── low_battery.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 05 │ ├── img │ │ ├── battery.png │ │ ├── favicon.png │ │ ├── fully_charged_battery.png │ │ └── low_battery.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 06 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 07 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 08 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 09 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 10 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 11 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 12 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 13 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 14 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js ├── Part 15 │ ├── img │ │ └── favicon.png │ ├── index.html │ └── js │ │ └── script.js └── Part 16 │ ├── img │ └── favicon.png │ ├── index.html │ └── js │ └── script.js └── README.md /JavaScript Essential Training/Part 01/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 01/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 01/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 15 | 16 | 17 | 18 |

Learn With Ali Hossain

19 | 20 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 02/img/battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 02/img/battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 02/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 02/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 02/img/fully_charged_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 02/img/fully_charged_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 02/img/low_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 02/img/low_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 02/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 |

Learn With Ali Hossain

13 | 14 | 15 |
16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 03/img/battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 03/img/battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 03/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 03/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 03/img/fully_charged_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 03/img/fully_charged_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 03/img/low_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 03/img/low_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 03/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Suntax 9 | 10 | 11 | 12 |

13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 03/js/script.js: -------------------------------------------------------------------------------- 1 | // JavaScript Literals 2 | document.getElementById('demo').innerHTML = 50; 3 | 4 | // JavaScript Variables 5 | var x; 6 | x = 10; 7 | x = 100; 8 | document.getElementById('demo').innerHTML = x; 9 | 10 | // JavaScript Operators 11 | var x, y; 12 | // x = 10; 13 | x = 100; 14 | y = 50; 15 | // z = x + y; 16 | // z = x - y; 17 | // z = x * y; 18 | z = x / y; 19 | document.getElementById('demo').innerHTML = z; 20 | 21 | // JavaScript is case sansitive 22 | var lastName, lastname; // They are not same 23 | 24 | 25 | // This is single line comment 26 | 27 | /* 28 | This is multiple comment 29 | */ -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 04/img/battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 04/img/battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 04/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 04/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 04/img/fully_charged_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 04/img/fully_charged_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 04/img/low_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 04/img/low_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 04/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Variables 9 | 10 | 11 | 12 |

13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 04/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Variables 3 | */ 4 | 5 | 6 | 7 | /* 8 | let x = 10; 9 | document.getElementById('demo').innerHTML = firstName; 10 | */ 11 | 12 | 13 | // "var" and "let" is changable but "const" is not changable 14 | // You can not use reserved keyword 15 | // Your variables name should be meaningful 16 | // Your variables name can not start with number 17 | // Always follow a rule like if you use camel notation(i.e firstName) then use camel notation or if you use snake notation (i.e firstname) then use only snake notation but I recommend you to use camel notation. 18 | // JavaScript is case sensitive 19 | 20 | /* 21 | let firstName; //undefined 22 | let lastName = 'Hossain'; // String 23 | let age = 29; // Number 24 | document.getElementById('demo').innerHTML = firstName; 25 | */ 26 | 27 | let firstName = 'Ali'; // String 28 | let lastName = 'Hossain'; // String 29 | let age = 29; // Number 30 | let price1 = '100'; // String 31 | let price2 = 200; // Number 32 | let price3 = 300; // Number 33 | 34 | let total = price1 + price2; 35 | document.getElementById('demo').innerHTML = total; //it will not work as you want because JavaScript can not calculate number and string at a time -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 05/img/battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 05/img/battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 05/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 05/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 05/img/fully_charged_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 05/img/fully_charged_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 05/img/low_battery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 05/img/low_battery.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 05/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Operators 9 | 10 | 11 | 12 |

13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 05/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Operators 3 | */ 4 | 5 | /* 6 | 7 | let x = 10; 8 | // x += 5; // Add extra number 9 | // x **= 2; // Add power if need 10 | let y = 20; 11 | let z = x + y; // You can use any one +, - , *, / 12 | */ 13 | 14 | let firstName = 'Ali'; 15 | let lastName = 'Hossain'; 16 | let age = 29; 17 | age += 5; 18 | 19 | 20 | document.getElementById('demo').innerHTML = firstName + " " + lastName + " " + age; 21 | 22 | // To show the length you can add variable then . then lenght, like firstName.length 23 | // To show the all text in uppercase you can add variable then . then toUpperCase(), like firstName.toUpperCase() 24 | // To show the all text in lowercase you can add variable then . then toLowerCase(), like firstName.toLowerCase() 25 | // To show the all text in substring firstName.substring(0, 4) 26 | // To show the all text in split firstName.split('') -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 06/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 06/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 06/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Operators 9 | 10 | 11 | 12 |

13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 06/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Data Types 3 | */ 4 | 5 | // let name = 'Ali Hossain'; 6 | // let lastName = 'Shovo'; 7 | // let age = 29; 8 | // let phone = 'iPhone' + 11; // Output => iPhone11 9 | // let phone2 = 11 + 12 + 'iPhone' + 11; // Output => 23iPhone11 10 | // name = "My name is 'Ali Hossain'"; 11 | 12 | 13 | // console.log(typeof phone2); 14 | 15 | // document.getElementById('demo').innerText = name; 16 | 17 | 18 | /* 19 | JavaScript boolean 20 | */ 21 | 22 | // let phone = 11; 23 | // let mobile = 7; 24 | 25 | // document.getElementById('demo').innerHTML = phone == mobile; // Output => false 26 | 27 | 28 | 29 | 30 | /* 31 | JavaScript array 32 | */ 33 | 34 | // let phone = ['Samsung', 'Apple', 'Oneplus']; 35 | // phone[3] = 'Nokia' 36 | 37 | // document.getElementById('demo').innerHTML = phone[1]; 38 | // console.log(phone); 39 | 40 | 41 | /* 42 | JavaScript Object 43 | */ 44 | 45 | let brand = 'Apple'; 46 | let model = 'iPhone 11 pro max'; 47 | let storage = '256 GB'; 48 | let color = 'Black'; 49 | 50 | 51 | document.getElementById('demo').innerHTML = brand + " " + model + " " + storage + " " + color; 52 | 53 | let phone = { 54 | brand: 'Apple', 55 | model: 'iPhone 11 pro max', 56 | storage: '256 GB', 57 | color: 'Black', 58 | }; 59 | 60 | document.getElementById('demo').innerHTML = phone.model; 61 | 62 | console.log(phone); -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 07/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 07/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 07/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Operators precedence 9 | 10 | 11 | 12 |

13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 07/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Operator Precedence 3 | */ 4 | 5 | let now = 2020; 6 | let yearAli = 1990; 7 | let fullAge = 21; 8 | 9 | 10 | let isFullAge = now - yearAli >= fullAge; 11 | 12 | let aliAge = now - yearAli; 13 | let shovoAge = 32; 14 | let average = (aliAge + shovoAge) / 2; 15 | 16 | 17 | document.getElementById('demo').innerHTML = isFullAge; 18 | 19 | 20 | console.log(average); 21 | 22 | let x; 23 | x = (10 + 5) * 15 - 16; 24 | console.log(x); 25 | 26 | 27 | 28 | // Reference https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 08/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 08/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 08/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Functions 9 | 10 | 11 | 12 |

13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 08/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Functions 3 | */ 4 | 5 | 6 | // Function Name ( Function parameter) 7 | function name(firstName, lastName) { 8 | console.log('Hello ' + firstName + ' ' + lastName); 9 | } 10 | name('Ali', 'Hossain'); 11 | 12 | // Function as Variable 13 | let sayHello = function () { 14 | return ('Hi'); 15 | } 16 | 17 | console.log(sayHello()); 18 | 19 | 20 | 21 | function math(number) { 22 | return number + number; 23 | } 24 | 25 | console.log(math(6)); -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 09/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 09/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 09/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Events 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 09/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Events 3 | */ 4 | 5 | function hi() { 6 | document.write('Hello World'); 7 | } 8 | 9 | hi(); -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 10/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 10/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 10/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Math 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 10/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Math 3 | */ 4 | 5 | console.log(Math.PI); // PI Value 3.141592653589793 6 | console.log(Math.round(4.499999)); // Round Value 4 7 | console.log(Math.pow(3, 2)); // Power Value 3 8 | console.log(Math.sqrt(144)); // Square Root Value 144 9 | console.log(Math.abs(-9)); // Always positive 10 | console.log(Math.ceil(4.1111)); // Maximum Value 11 | console.log(Math.floor(4.1111)); // Lowest Value 12 | console.log(Math.sin(90 * Math.PI / 180)); // Sin 90 degree = 1 13 | console.log(Math.max(0, 5, 8, 9, 55)); // Highest Value 14 | console.log(Math.min(0, 5, 8, 9, 55)); // Lowest Value 15 | console.log(Math.random()); // Random Number -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 11/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 11/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 11/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Math (RANDOM) 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 11/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Math (RANDOM) 3 | */ 4 | 5 | console.log(Math.random().toFixed(3)); // Random Number 6 | console.log(Math.random().toFixed(3) * 10 + 1); // 0 to 10 Random Number 7 | 8 | 9 | let upperValue = 6; 10 | let lowerValue = 0; 11 | 12 | let randomNumber = Math.floor(Math.random() * (upperValue - lowerValue) + 1); 13 | 14 | console.log(randomNumber); -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 12/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 12/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 12/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Boolean 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 12/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Boolean 3 | */ 4 | 5 | let numOne = -0; 6 | console.log(Boolean(numOne)); //Output false 7 | console.log(typeof Boolean(numOne)); //Output boolean -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 13/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 13/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 13/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Conditional Statements 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 13/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Conditional Statements 3 | */ 4 | 5 | // Time 6 | // 6am to 12am "Good Morning" 7 | // 12am to 6pm "Good Afternoon" 8 | // Otherwise "Good Evening" 9 | 10 | 11 | let time = new Date().getHours(); 12 | 13 | if (time >= 6 && time < 12) { 14 | console.log('Good Morning'); 15 | } else if (time >= 12 && time < 18) { 16 | console.log('Good Afternoon'); 17 | } else { 18 | console.log('Good Evening'); 19 | } -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 14/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 14/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 14/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Switch 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 14/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Switch 3 | */ 4 | 5 | let x = 9; 6 | 7 | switch (x) { 8 | case 0: 9 | x = 'Off'; 10 | break; 11 | case 1: 12 | x = 'On'; 13 | break; 14 | default: 15 | x = 'No Value Found' 16 | } 17 | console.log(x); 18 | 19 | 20 | let day; 21 | 22 | switch (new Date().getDay()) { 23 | case 0: 24 | day = 'Sunday'; 25 | break; 26 | case 1: 27 | day = 'Monday'; 28 | break; 29 | case 2: 30 | day = 'Tuesday'; 31 | break; 32 | case 3: 33 | day = 'Wednesday'; 34 | break; 35 | case 4: 36 | day = 'Thusday'; 37 | break; 38 | case 5: 39 | day = 'Friday'; 40 | break; 41 | default: 42 | day = 'Saturday' 43 | } 44 | console.log(day); 45 | 46 | 47 | 48 | let offDay; 49 | 50 | switch (new Date().getDay()) { 51 | case 0: 52 | offDay = 'Its weekend'; 53 | break; 54 | case 1: 55 | case 2: 56 | case 3: 57 | case 4: 58 | case 5: 59 | offDay = 'Its Office Day'; 60 | break; 61 | default: 62 | offDay = 'No value Found' 63 | } 64 | console.log(offDay); -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 15/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 15/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 15/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript Loops 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 15/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript Loops 3 | */ 4 | 5 | 6 | // Increment 7 | for (let i = 0; i < 8; i++) { 8 | console.log('Hello World', i); 9 | } 10 | 11 | 12 | //Decrement 13 | for (let i = 8; i >= 0; i--) { 14 | console.log('Hello World', i); 15 | if (i === 5) break; 16 | } 17 | 18 | const cars = ['Bus', 'car', 'Bike', 'Cycle']; 19 | 20 | for (let i = 0; i < cars.length; i++) { 21 | console.log(cars[i]); 22 | } 23 | 24 | 25 | // its easy is code but a bit slow 26 | for (car of cars) { 27 | console.log(car); 28 | } -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 16/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/JavaScript-Essential-Training/e282462978ead3db029e4395e436b44376daf1bf/JavaScript Essential Training/Part 16/img/favicon.png -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 16/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | JavaScript While Loop 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /JavaScript Essential Training/Part 16/js/script.js: -------------------------------------------------------------------------------- 1 | /* 2 | JavaScript While Loop 3 | */ 4 | 5 | let num = 1; 6 | while (num < 10) { 7 | console.log('Your Number is less then 10', num); 8 | num++ 9 | } 10 | document.write('

Your number is now over 10

'); -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # JavaScript-Essential-Training 2 | Recently I published a series tutorial about JavaScript and people asked me the source code. So I made this repository. 3 | Here is the playlist link 4 | https://www.youtube.com/watch?v=4pkGempsfsA&list=PLesWFabdvinGfLQRhxrx839N9khd3l0T7 5 | --------------------------------------------------------------------------------