**React** is a free open-source Javascript library used for building user interfaces. It is used to build single-page applications. It is easy to learn. To learn it, you must know the basics of **HTML** , **CSS** and **Javascript**.

> ### Below are few useful websites to learn React Js:-
 >1.[https://www.w3schools.com/REACT/DEFAULT.ASP](https://www.w3schools.com/REACT/DEFAULT.ASP)                                                                                               
 >2.[https://www.javatpoint.com/reactjs-tutorial](https://www.javatpoint.com/reactjs-tutorial)                                                                             
 >3.[https://www.tutorialspoint.com/reactjs/index.htm](https://www.tutorialspoint.com/reactjs/index.htm)                                                           
 >4.[https://www.freecodecamp.org/news/react-tutorial-build-a-project/](https://www.freecodecamp.org/news/react-tutorial-build-a-project/)                                                                                
 >5.[https://www.geeksforgeeks.org/reactjs-tutorials/](https://www.geeksforgeeks.org/reactjs-tutorials/)                                                

> ### Below are few useful youtube videos to learn React Js:-
 > 1.[https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3](https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3)
 > 2.[https://www.youtube.com/watch?v=tiLWCNFzThE&list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ](https://www.youtube.com/watch?v=tiLWCNFzThE&list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ)
 > 3.[https://www.youtube.com/watch?v=-mJFZp84TIY&list=PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt](https://www.youtube.com/watch?v=-mJFZp84TIY&list=PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt)
 > 4.[https://www.youtube.com/watch?v=IcwiDCSWI-Y&list=PLbGui_ZYuhignjLLXTJWkRJKN-SgAqClL](https://www.youtube.com/watch?v=IcwiDCSWI-Y&list=PLbGui_ZYuhignjLLXTJWkRJKN-SgAqClL)                                                                                                                                           
 > 5.[https://www.youtube.com/watch?v=j942wKiXFu8&list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d](https://www.youtube.com/watch?v=j942wKiXFu8&list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d)

_**Interview Questions coming soon**_

How to learn React Js

**Next Js** is a open-source React based framework used for web development. It is famous for server-side rendering and static generation of webpages. It is easy to learn. To learn it, you must know the basics of **React** and **Javascript**.

> ### Below are few useful websites to learn Next Js:-
 >1.[https://www.tutorialspoint.com/nextjs/index.htm](https://www.tutorialspoint.com/nextjs/index.htm)                                                                                               
 >2.[https://www.freecodecamp.org/news/nextjs-tutorial/](https://www.freecodecamp.org/news/nextjs-tutorial/)                                                                             
 >3.[https://www.educative.io/blog/nextjs-tutorial-examples](https://www.educative.io/blog/nextjs-tutorial-examples)                                                           
 >4.[https://welearncode.com/beginners-guide-nextjs/](https://welearncode.com/beginners-guide-nextjs/)                                                                                                                              

> ### Below are few useful youtube videos to learn Next Js:-
 > 1.[https://www.youtube.com/watch?v=9P8mASSREYM&list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH](https://www.youtube.com/watch?v=9P8mASSREYM&list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH)                                                   
 > 2.[https://i.ytimg.com/vi/DZKOunP-WLQ/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDyJYI0-xTInWWie8sEKg8D-Ou6uw](https://i.ytimg.com/vi/DZKOunP-WLQ/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDyJYI0-xTInWWie8sEKg8D-Ou6uw)   
 > 3.[https://www.youtube.com/watch?v=2OaAbSgmIWo&list=PLwGdqUZWnOp2rDbpfKAeUi9f8qZMS7_cv](https://www.youtube.com/watch?v=2OaAbSgmIWo&list=PLwGdqUZWnOp2rDbpfKAeUi9f8qZMS7_cv)                                              
 > 4.[https://www.youtube.com/watch?v=A63UxsQsEbU&list=PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw](https://www.youtube.com/watch?v=A63UxsQsEbU&list=PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw)

_**Interview Questions coming soon**_

How to learn Next Js

**JavaScript** is the world's most popular programming language used for web development. It is used to make websites interactive. It is easy to learn. To learn it, you must know the basics of **HTML** and **CSS**.

> ### Below are few useful websites to learn Javascript:-
 >1.[https://www.w3schools.com/js/](https://www.w3schools.com/js/)                                                                                               
 >2.[https://www.programiz.com/javascript](https://www.programiz.com/javascript)                                                                             
 >3.[https://www.javatpoint.com/javascript-tutorial](https://www.javatpoint.com/javascript-tutorial)                                                           
 >4.[https://javascript.info/](https://javascript.info)                                                                                
 >5.[https://developer.mozilla.org/en-US/docs/Web/JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)                                                

> ### Below are few useful youtube videos to learn Javascript:-
 > 1.[https://www.youtube.com/playlist?list=PLwGdqUZWnOp1hqyT6h7pY0RlXIIGlE5U0](https://www.youtube.com/playlist?list=PLwGdqUZWnOp1hqyT6h7pY0RlXIIGlE5U0)
 > 2.[https://www.youtube.com/playlist?list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD](https://www.youtube.com/playlist?list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD)
 > 3.[https://www.youtube.com/playlist?list=PLu0W_9lII9ajyk081To1Cbt2eI5913SsL](https://www.youtube.com/playlist?list=PLu0W_9lII9ajyk081To1Cbt2eI5913SsL)
 > 4.[https://www.youtube.com/playlist?list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP](https://www.youtube.com/playlist?list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP)
 > 5.[https://www.youtube.com/watch?v=PkZNo7MFNFg](https://www.youtube.com/watch?v=PkZNo7MFNFg)

```
Sample Javascript Code:- 

function javascript() {
    console.log('Hello from javascript');
}

javascript() 

// It will print Hello from javascript in console
```
_**Interview Questions coming soon**_

How to learn Javascript

**Apply():-**                                                                                                                             
apply(this [, [arg1, arg2,...]]): Calls a function with a provided this value. Further arguments are provided as a single array.

**Call():-**                                                                                                                                      
call(this [, arg1, arg2...]): Calls a function with a provided this. Further arguments are provided as a comma separated list

**Bind():-**                                                                                                   
bind(this): Returns a new function whose this value is bound to the provided value.

In Simple Terms:- 

1. Call invokes the function and allows you to pass in arguments one by one.
2. Apply invokes the function and allows you to pass in arguments as an array.
3. Bind returns a new function, allowing you to pass in a this array and any number of arguments.

Apply vs. Call vs. Bind Examples:- 

```
Apply

var person1 = {firstName: 'Jon', lastName: 'Kuperman'};
var person2 = {firstName: 'Kelly', lastName: 'King'};

function say(greeting) {
    console.log(greeting + ' ' + this.firstName + ' ' + this.lastName);
}

say.apply(person1, ['Hello']); // Hello Jon Kuperman
say.apply(person2, ['Hello']); // Hello Kelly King

```

```
Call

var person1 = {firstName: 'Jon', lastName: 'Kuperman'};
var person2 = {firstName: 'Kelly', lastName: 'King'};

function say(greeting) {
    console.log(greeting + ' ' + this.firstName + ' ' + this.lastName);
}

say.call(person1, 'Hello'); // Hello Jon Kuperman
say.call(person2, 'Hello'); // Hello Kelly King

```

```
Bind

var person1 = {firstName: 'Jon', lastName: 'Kuperman'};
var person2 = {firstName: 'Kelly', lastName: 'King'};

function say() {
    console.log('Hello ' + this.firstName + ' ' + this.lastName);
}

var sayHelloJon = say.bind(person1);
var sayHelloKelly = say.bind(person2);

sayHelloJon(); // Hello Jon Kuperman
sayHelloKelly(); // Hello Kelly King
```