├── AJAX
├── index.html
├── index.js
└── info.txt
├── API Calls
├── index.html
└── index.js
├── Arrays
├── ArraysMethods.html
└── index.html
├── Closure
├── index.html
└── index.js
├── Coercion
├── datatypes.html
├── index.html
└── objects.html
├── Currying
├── index.html
└── index.js
├── DOM
├── dom.html
└── dom.js
├── Error Handling
├── index.html
└── index.js
├── Functions
├── functions.html
└── index.js
├── Hoisting
├── index.html
└── index.js
├── JS-Loops
├── index.html
└── index.js
├── Jquery
├── index.html
├── index.js
└── info.txt
├── Numbers in JS
├── calculator.html
└── index.html
├── Practise Questions
├── questions.html
└── questions.js
├── Promises
├── index.html
└── index.js
├── Regular Expression
├── index.html
└── index.js
├── Srtings
├── String Basics
├── index.html
├── input.html
├── operator.html
├── practice1.html
└── switch.html
├── Strings
└── index.html
└── index.html (Basics of JS)
/AJAX/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | AJAX (Aync JS & XML) in JS
8 |
9 |
10 |
11 |
Example of AJAX
12 | Click here for magic
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/AJAX/index.js:
--------------------------------------------------------------------------------
1 | function loaddynamic(){
2 | //alert();
3 | var xhttp = new XMLHttpRequest();
4 | xhttp.onreadystatechange = function(){
5 | if(this.readyState == 4 && this.status == 200){
6 | document.getElementById("demo").innerHTML = this.responseText;
7 | }
8 |
9 | };
10 | xhttp.open("GET","info.txt",true);
11 | xhttp.send();
12 | }
--------------------------------------------------------------------------------
/AJAX/info.txt:
--------------------------------------------------------------------------------
1 | AJAX in JS
2 | AJAX by Jayesh Vyas in JS lecture
--------------------------------------------------------------------------------
/API Calls/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | API Calls
7 |
8 |
9 |
10 |
11 | API calls in JS
12 |
13 |
14 |
15 | API Calls
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/API Calls/index.js:
--------------------------------------------------------------------------------
1 | // const numbers = [200,75,50,50,50];
2 | // document.getElementById("para").innerHTML = numbers.reduce(demo);
3 |
4 | // function demo(total,num){
5 | // return total-num;
6 |
7 | // }
8 |
9 | // const num = [100,50,25,10];
10 | // const newNum = num.map(demoNew);
11 |
12 | // document.getElementById("para").innerHTML = newNum;
13 |
14 | // function demoNew(num){
15 | // return num*2;
16 | // }
17 |
18 |
19 | //arr1 = [3,2,1,4,5,8,7,6,5];//9
20 | //arr2 = [5,4,6,7,3,2,1,8,9,1];//10
21 |
22 | //merge this array
23 | //remove the duplicate
24 | //sort the array but without using any inbuild function
25 |
26 | function demo(){
27 | const obj = new XMLHttpRequest();
28 | obj.open('GET','https://jsonplaceholder.typicode.com/users');
29 |
30 | obj.onload = function(){
31 | if(obj.status === 200){
32 | const data = JSON.parse(obj.responseText);
33 |
34 | console.log(data);
35 | document.getElementById("para1").innerHTML = data[0].email;
36 |
37 | }
38 | else{
39 | console.error(`Error: ${obj.status}`)
40 | }
41 | };
42 |
43 | obj.onerror = function(){
44 | console.error('Errors');
45 | };
46 | obj.send();
47 | }
48 |
--------------------------------------------------------------------------------
/Arrays/ArraysMethods.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Arrays Methos in JS
7 |
8 |
9 | Arrays Methos in JS
10 |
38 |
39 |
--------------------------------------------------------------------------------
/Arrays/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Arrays in JS
7 |
8 |
9 | Arrays in JS
10 |
11 |
12 |
49 |
--------------------------------------------------------------------------------
/Closure/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Closure in JS
9 |
10 |
11 |
12 | Uses of the closure.
13 | 1. Currying
14 | 2. iterators
15 | 3. memoization
16 | 4. setimeout
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Closure/index.js:
--------------------------------------------------------------------------------
1 | function x(){
2 | var a = 10;
3 | function y(){
4 | console.log(a);
5 | }
6 | return y;
7 | }
8 | var z = x();
9 | z();
--------------------------------------------------------------------------------
/Coercion/datatypes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Data Types in JS
7 |
8 |
9 | Data Types in JS
10 |
24 |
25 |
64 |
--------------------------------------------------------------------------------
/Coercion/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Coericion in JS
7 |
8 |
9 | Coericion in JS
10 |
16 |
17 |
37 |
--------------------------------------------------------------------------------
/Coercion/objects.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Objects in JS
7 |
8 |
9 | Objects in JS
10 |
15 |
16 |
47 |
--------------------------------------------------------------------------------
/Currying/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Currying in JS
7 |
8 |
9 | Currying in JS
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/Currying/index.js:
--------------------------------------------------------------------------------
1 | function addition(arg1,arg2,arg3){
2 | return arg1+arg2+arg3;
3 | }
4 |
5 | console.log(addition(3,4,5));
6 |
7 |
8 | function additionCurrying(arg1){
9 | console.log("arg1",arg1);
10 | return function (arg2){
11 | console.log("arg2",arg2);
12 | return function(arg3){
13 | console.log("arg3",arg3);
14 |
15 | return arg1+arg2+arg3;
16 | }
17 | }
18 | }
19 |
20 | console.log("Using Currying addition is",additionCurrying(3)(4)(5));
--------------------------------------------------------------------------------
/DOM/dom.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Dom in JS
7 |
8 |
9 |
10 |
11 | DOM in JS
12 |
13 |
Hello Jayesh
14 |
15 |
Error Handling in JS
7 |
8 |
9 |
10 | Error Handling in javaScript
11 | Please input values between 5 and 10
13 | Enter Value
14 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Error Handling/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Try block - we will write the code that we want to run.
3 | * Catch - if in any code thay should be handled (errors).
4 | * finally - it will run the code anyhow.
5 | * throw - if I want to design my custom error then we can use throw
6 | */
7 | function myDemo(){
8 | const msg = document.getElementById("para");
9 | msg.innerHTML = "";
10 | let x = document.getElementById("demo").value;
11 | try{
12 | if(x.trim()==""){
13 | throw "is Empty";
14 | }
15 | if(isNaN(x)){
16 | throw "is not a number";
17 | }
18 | if(x > 10){
19 | throw "is too high";
20 | }
21 | if(x < 5){
22 | throw "is too low";
23 | }
24 | }
25 | catch(err){
26 | msg.innerHTML = "Input "+err;
27 | }
28 | finally{
29 | document.getElementById("demo").value = "";
30 | }
31 | }
--------------------------------------------------------------------------------
/Functions/functions.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Functions in JS
7 |
8 |
9 |
10 |
11 |
12 | Function in JS
13 |
14 |
18 |
19 |
--------------------------------------------------------------------------------
/Functions/index.js:
--------------------------------------------------------------------------------
1 | // function demo(){
2 | // var a = parseInt(document.getElementById("a").value);
3 | // var b = parseInt(document.getElementById("b").value);
4 |
5 | // let c = document.getElementById("sum");
6 | // c.innerHTML ="Sum of a and b is => "+(a+b);
7 | // }
8 |
9 | // function demo1(){
10 | // var a = 10;
11 | // var b = 20;
12 | // console.log(a+b);
13 | // function demo2(){
14 | // var c = 10;
15 | // var d = 20;
16 | // console.log(a+b);
17 | // console.log("demo2()",c+d);
18 | // }
19 | // // console.log("Outside of demo2",c+d);
20 | // demo2();
21 | // return demo2;
22 | // }
23 |
24 |
25 | // var z = demo1();
26 | // console.log(z);
27 | // z();
28 |
29 | var x = 10;
30 | function demo(){
31 | var a = 20;
32 | console.log(a);
33 | }
34 | demo();
--------------------------------------------------------------------------------
/Hoisting/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hoisting in JS
7 |
8 |
9 |
10 |
11 | Hoisting in JS
12 |
13 |
--------------------------------------------------------------------------------
/Hoisting/index.js:
--------------------------------------------------------------------------------
1 | /** Hoisting in JS
2 | * default behavior of the JS of moving declarations to the top.
3 | */
4 | demo();
5 |
6 | function demo(){
7 | console.log("I am in Function Demo()");
8 | }
9 |
10 | console.log("Value of x", x);
11 | var x = 10;
12 |
13 |
14 | x=10;
15 | console.log("XYZ=",x);
16 | var xyz;
17 |
18 | c="Nano";
19 | console.log(c);
20 | let c;
21 |
22 |
23 | console.log(b);
24 | const b = "10";
25 | b="20";
26 |
--------------------------------------------------------------------------------
/JS-Loops/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Loops in JavaScript
7 |
8 |
9 |
10 | Loops in JS
11 |
12 | console.log(val));
72 |
73 | function foreachloop(){
74 | const demo = [100,300,500];
75 | const tempArr = [];//10000,
76 | demo.forEach(function(demo){
77 | tempArr.push(demo*demo);
78 | })//iteration 1 = 100*100
79 | console.log("demo",demo);
80 | console.log("tempArr",tempArr);
81 | }
82 |
83 | foreachloop();
84 | //array.forEach(callback(element, index, arr), thisValue)
85 |
86 | /**
87 | * Map Loop in JS
88 | */
89 |
90 | const arr1 = [2,4,6];
91 | const temparr = arr1.map(v => v*2);
92 | console.log("temparr",temparr)
--------------------------------------------------------------------------------
/Jquery/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Jquery in JS
7 |
8 |
60 |
65 |
66 |
67 |
71 |
72 |
73 |
74 |
79 |
81 |
82 |
83 |
98 | Heading of CSS
99 | Jquery CSS Begins
100 | classes JS
101 |
102 | Click here to add CSS
103 |
104 |
105 |
--------------------------------------------------------------------------------
/Jquery/index.js:
--------------------------------------------------------------------------------
1 | /** lightweighted = it will not take much time in the compilation process.
2 | * DOM manipulation
3 | * Style or CSS manipulation
4 | * Animation in JS
5 | * Special Effects
6 | * Special effects or events
7 | * to use with AJAX calls
8 | */
--------------------------------------------------------------------------------
/Jquery/info.txt:
--------------------------------------------------------------------------------
1 | AJAX in JS
2 | AJAX by Jayesh Vyas in JS lecture
3 | AJAX-Jqeurry by Jayesh Vyas in JS lecture
--------------------------------------------------------------------------------
/Numbers in JS/calculator.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Calculator
7 |
8 |
9 | Calculator in HTML
10 |
11 |
12 |
46 |
--------------------------------------------------------------------------------
/Numbers in JS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Numbers in JS
7 |
8 |
9 |
10 | Numbers in JS
11 |
12 |
62 |
63 |
--------------------------------------------------------------------------------
/Practise Questions/questions.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Practice Question - JS
7 |
8 |
9 |
10 |
11 |
12 | Practice Question - JS
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Practise Questions/questions.js:
--------------------------------------------------------------------------------
1 | /**
2 | *
3 | * Fibonnacci Series
4 | * 0, 1, 1, 2, 3, 5, 8, 13
5 | *
6 | * 4 = > 0 1 1 2
7 | */
8 |
9 | // const number = parseInt(prompt('Enter number for n'));//4
10 | // let n1 = 0, n2 = 1, nextNum;
11 |
12 | // console.log("Fibbonacci Series of ",number);
13 | // for(let i = 1; i <= number ; i++){
14 | // console.log(n1);//0 1
15 | // nextNum = n1+n2;//2
16 | // n1 = n2;//n1=2
17 | // n2 = nextNum;//n2=1
18 | // }
19 |
20 |
21 | // let nums = [2, 7, 11, 15];
22 | // let target = 9;
23 |
24 | // function twoSum (nums, target) {
25 | // let m = new Map();
26 |
27 | // for (let i = 0; i < nums.length; i++) {
28 | // let temp = target - nums[i];
29 | // if (m.has(temp)) {
30 | // return i, m.get(temp);
31 | // }
32 | // m.set(nums[i], i);
33 | // }
34 | // };
35 |
36 | // console.log(twoSum(nums,target));
37 | /**
38 | * write a program to find out a factorail of a number
39 | *
40 | * 5! = 5*4*3*2*1 = 120
41 | * 4! = 4*3*2*1 = 24
42 | * 3! = 3*2*1 = 6
43 | * 0! = 1
44 | */
45 |
46 | const num = parseInt(prompt('Enter a Positive number'));
47 |
48 | function factorial(num){
49 |
50 | if(num < 0){
51 | console.log("Error, Number should be positive");
52 | }
53 | else if(num === 0){
54 | console.log("Factorial Result is",1);
55 | }
56 | else{
57 | let fact = 1;
58 |
59 | for(let i = 1; i <= num ; i++){
60 | fact = fact * i;
61 | }
62 | console.log("Factorial Result is",fact);
63 |
64 | }
65 | }
66 | factorial(num);
67 |
68 |
69 | /**
70 | * write a program in JS to find a number is armstrong or not in a given range?
71 | * n1 = 8 n2 = 200
72 | * armstrong b/w n1 and n2 = 8,9,153
73 | * 153 = 1*1*1 + 5*5*5 + 3*3*3 = 153
74 | * 1634 = 1*1*1*1 + 6*6*6*6 + 3*3*3*3 + 4*4*4*4 = 1634
75 | */
76 |
77 | const n1 = parseInt(prompt('Enter lower range')); //8
78 | const n2 = parseInt(prompt('Enter higher range'));//200
79 |
80 | for(let i = n1 ; i<=n2 ; i++){
81 | let digits = i.toString().length; //3
82 |
83 | let sum = 0;
84 |
85 | let tmp = i; //15
86 |
87 | while(tmp > 0){
88 |
89 | let rem = tmp % 10; //153%10 = 3;15%10 = 5 ; 1%10 = 1
90 | sum += rem ** digits;//3^3+0 = 27;27+(5^3) = 125+27 = 152; 152+1^3 = 153
91 |
92 | tmp = parseInt(tmp/10);// 153/10 = 15;15/10 = 1 ; 1/10 = 0
93 |
94 | }
95 |
96 | if(sum == i){
97 | console.log(i);
98 | }
99 | }
100 |
--------------------------------------------------------------------------------
/Promises/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Promises in JS
7 |
8 |
9 |
10 | Promises in JS
11 |
12 |
--------------------------------------------------------------------------------
/Promises/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * let promise = new Promise(function(resolve,reject){
3 | * do something
4 | * })
5 | *
6 | * states of the promise in JS
7 | * 1. fullfileed - successfully completed promise.
8 | * 2. rejected - promise not completed it is failed.
9 | * 3. pending - pending (neigher successful nor rejected )
10 | * 4. settled - promise is either fullfilled or rejected
11 | *
12 | * syntax of the then
13 | *
14 | * .then(function(result){
15 | //handle success
16 | }, function(error){
17 | //handle error
18 | })
19 | */
20 |
21 | // let promise = new Promise(function(resolve,reject){
22 | // let a = 123;
23 | // let b = "123";
24 |
25 | // if(a === b){
26 | // resolve();
27 | // }
28 | // else{
29 | // reject();
30 | // }
31 | // });
32 |
33 | // promise.
34 | // then(function(){
35 | // alert("Resolved");
36 | // }).catch(function(){
37 | // alert("Rejected")
38 | // });
39 |
40 | // let promise = new Promise(function(resolve,reject){
41 | // //resolve('Hey! I am in Resolve State()');
42 | // var err = "Error in Rest API, check internet connection";
43 | // reject(err);
44 | // })
45 |
46 | // promise.then(
47 | // function(msg){
48 | // alert("Promise is Successful",msg);
49 | // },function(errMsg){
50 | // console.log("Promise is Failed",errMsg);
51 | // }
52 | // );
53 |
54 |
55 | // let promise_first = new Promise((resolve,reject)=>{
56 | // setTimeout(()=>{
57 | // let msg = "Hey Success";
58 | // if (msg == "Hey Success")
59 | // resolve(msg);
60 | // else
61 | // reject("Error Occurred");
62 | // },3000);
63 |
64 | // var a = 10
65 | // var b = 20
66 | // console.log("Sum is",a+b);
67 | // })
68 | // .then((msg)=>{
69 | // console.log(msg);
70 | // return new Promise((resolve,reject)=>{
71 | // setTimeout(()=>{
72 | // resolve(msg + " Are You there?");
73 | // },5000);
74 | // console.log("Hi I am Jayesh Vyas in promise second")
75 |
76 | // })
77 | // .then((msg)=>{
78 | // console.log(msg);
79 | // });
80 | // });
81 |
82 | /**
83 | * write 1,2,3,4,5 with gape of 1 seconds
84 | */
85 |
86 | function demo(){
87 | for(let i = 1 ; i <= 5 ; i++){
88 | setTimeout(function(){
89 | console.log(i);
90 | },i*1000);
91 | }
92 | }
93 | demo();
--------------------------------------------------------------------------------
/Regular Expression/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Regular Expression in JS
7 |
8 |
9 | Regular Expression
10 |
11 | Jayesh vyas "is" an engineer;
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Regular Expression/index.js:
--------------------------------------------------------------------------------
1 | function regex(){
2 | let str1 = "Edyoda is a online learning Edyoda platform Edyoda";
3 | let regex = /Edyoda/g;
4 | let outputstr = str1.match(regex);
5 |
6 | console.log("Found Edyoda " + outputstr.length);
7 | }
8 |
9 | regex();
10 |
11 | function regex1(){
12 | let str1 = "Jayesh Vyas is a Mechanical Engineer Mechanical";
13 | console.log("before Modification",str1);
14 | let regex = new RegExp("Mechanical","g");
15 | let newStr = "Software";
16 | let outputstr = str1.replace(regex,newStr);
17 | console.log("After Modification",outputstr);
18 |
19 | }
20 | regex1();
21 |
22 | function regex2(){
23 | let str1 = "edyoda is the online teaching platform Edyoda"
24 | let regex = /edyoda/gi;
25 | let outputstr = str1.match(regex);
26 |
27 | console.log(outputstr);
28 | }
29 |
30 | regex2();
31 |
32 | function regex3(){
33 | let str1 = "Jayesh vyas is a software enginner"
34 | let pattern = /[a]/g;
35 | let outputstr = str1.match(pattern);
36 |
37 | console.log(outputstr);
38 |
39 | let text = "123456789";
40 | let pat = /[1-5]/g;
41 | let res = text.match(pat);
42 | console.log(res);
43 |
44 | // let str1 = `edyoda vyas is reaching at edyoda
45 | // edyoda
46 | // edyoda`;
47 |
48 | // let regex = /^edyoda/m;
49 | // let outputstr = str1.match(regex);
50 | // console.log(outputstr);
51 | }
52 | regex3();
--------------------------------------------------------------------------------
/Srtings:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/String Basics/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | JS Strings
7 |
8 |
9 | JS String Basics
10 |
11 |
29 |
--------------------------------------------------------------------------------
/String Basics/input.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | JS Input
7 |
8 |
9 |
10 | Inputs in JS using prompt
11 |
12 |
13 | Click for Magic!!
14 |
15 |
16 |
24 |
--------------------------------------------------------------------------------
/String Basics/operator.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Operators in JS
7 |
8 |
9 |
40 |
41 |
71 |
--------------------------------------------------------------------------------
/String Basics/practice1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Document
7 |
8 |
9 | Practice Question
10 |
13 |
14 |
24 |
--------------------------------------------------------------------------------
/String Basics/switch.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Switch Statement in JS
7 |
8 |
9 | Switch Statement in JS
10 |
11 | Try It...
13 |
14 |
15 |
61 |
--------------------------------------------------------------------------------
/Strings/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | JavaSript Strings
7 |
8 |
9 | JavaSript Strings
10 |
11 |
12 |
13 |
14 |
15 |
64 |
--------------------------------------------------------------------------------
/index.html (Basics of JS):
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | JS first Class
7 |
8 |
9 |
10 | JavaScript By Jayesh Vyas
11 |
12 | JavaScript classes at Edyoda will be taken
13 | by Jayesh Vyas from udaiput city of lakes.
14 |
15 | OK
16 |
17 | Click Here to see the time.
18 |
19 | Current Timing is =
20 |
27 |
28 |
29 |
--------------------------------------------------------------------------------