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 |
--------------------------------------------------------------------------------