#1:00:42 Here, I have to add an important point. Example #1 const person = { name: "John", country: "USA", city: 'New York', dispaly: () => { console.log(`This is ${this.name} from ${this.city}, ${this.country}`) }, } person.display() output: This is from undefined, undefined Example #2 const person2 = { name: "John", country: "USA", city: 'New York', dispaly() { console.log(`This is ${this.name} from ${this.city}, ${this.country}`) }, } person2.display() output: This is John from New York, USA In JavaScript, regular functions (like display() in the second example) have their own this binding that depends on how they are called. When we call person.display(), this inside the function refers to the person object. However, arrow functions behave differently. They don't have their own this binding, instead, they inherit it from the surrounding context where they are defined. In the first example, the arrow function is defined within the object literal. At that point, this refers to the global object (usually window in browsers). And here this.name will return an empty string because it is the windows' property which gets/sets the name of the window's browsing context. That is why the output of first example is "This is from undefined, undefined", instead of "This is undefined from undefined, undefined". So, don't use an arrow function as a method of an object. Instead, use a regular function. Thanks
00:01 Understanding classes, objects, and inheritance in JavaScript. 02:07 Creating and working with objects in JavaScript 06:07 Understanding prototype and object creation in JavaScript 08:34 Understanding prototypes and inheritance in JavaScript 12:43 Classes and objects allow for creating reusable functions and properties for multiple instances. 14:39 Understanding classes, objects, and prototypes in JavaScript 18:52 Understanding class, methods, and properties in JavaScript 23:00 Understanding class properties and creating objects 26:48 Custom constructors can be created in JavaScript to perform specific tasks. 30:04 Understanding the role of constructor in object creation 34:42 Classes create a blueprint to define and reuse objects, reducing code repetition. 36:27 Understanding classes and objects in JavaScript 40:51 Using super keyword to call parent class constructor 42:46 Calling super constructor is essential in JavaScript inheritance 47:04 Super keyword is important for inheritance and method invocation in JavaScript 48:57 Creating a User Class in JavaScript 53:08 Creating a new class and implementing inheritance in JavaScript. 55:22 Classes and objects in JavaScript with error handling 59:08 Understanding classes, objects, inheritance, and error handling in JavaScript
maam you are the best teacher found on youtube to make students understand easily by answering some easy practice questions, where students can understand the real use of the concept you taught in the class
Every one in this world love you ❤❤❤❤❤.u know why.becz you gave us normal line path track to remove small Resistor in front of my path,to strong skills ❤❤❤❤❤❤
Didi lecture 4 tak bohot easy tha Lecture 5 se thoda tough laga but apka explanation itna acha ha ap bina samjhaye koye bhe part chodte nhe ho... Thanks for your valuable efforts for us...
Because of this chapter I was stuck in JS, the Udemy instructor could not explain the way you have explained. Thank you so much for explaining OOP in easiest way : )
Very fantastic, Honestly speaking never found any clear video than this, your teaching skill is phenomenal. Thank you so much for making such super quality lectures❤❤❤❤
Once again Shradha at her best. You made this godforsaken and complicated topic very easy to understand. Wish there was another lecture just to cover errors. That said I really enjoyed this entire lecture. Took almost 2 hours to code along and follow the lecture. Very impressive!
bhai ma pakistan sa hn or mujhy kuku fm ka premium membership lana ha jo pakistan sa ni lag raha agar ap laga do to bhoot mehar bani ho ge please bhai ma ap ko phely pasy send kar do ga please bhai kar do@@ravindrakumarmaurya7809
Doubt: When we inherit we can use parent methods on objects. For example, 38:05 We used eat() on Engineer; here eat() was a Person Class Method. Bur, Later we are told that we need to use super to access Parent Class Methods?? Can you please explain this further.
I have a question at 54:50 Why do we need to create a constructor in Admin class? I am able to pass the argument of name and email without creating a constructor in Admin class and without calling the constructor using super keyword. I am new in javascript, am I missing something here ? Ex : let admin1 = new Admin("Div", "div@123");
Thanks for the lecture Didi! It was really very helpful. It would be great if you also share the code snippets alongwith the slides in the google docs.
Thanks for wonderful video. You explain the topic in easy manner. And if you share the code which you write in your video. it's more beneficial for learners.
@@motivateyourself212 sir g ma Pakistan sa hn or mujhy kuku fm ka premium membership chayia yaha sa purchase ni ho raha kaya koi asa traiqa ha jo ma Pakistan ma rha kar usy subscribe kar sakhyo please bta do bhai
Hope you enjoy learning about object oriented programming using JS ❤
Note - at 13:32 I meant to say object, not class.
Yes mam
❤️❤️❤️
BIG FAN YOUR TEACHING IS SO NICE 😍
First reply 😅
Thank you for your dedication..... huge respect mai aur Mera Bhai dono coding Sikh rhe... kucch din baad admission bhi lunga
#1:00:42
Here, I have to add an important point.
Example #1
const person = {
name: "John",
country: "USA",
city: 'New York',
dispaly: () => {
console.log(`This is ${this.name} from ${this.city}, ${this.country}`)
},
}
person.display()
output:
This is from undefined, undefined
Example #2
const person2 = {
name: "John",
country: "USA",
city: 'New York',
dispaly() {
console.log(`This is ${this.name} from ${this.city}, ${this.country}`)
},
}
person2.display()
output:
This is John from New York, USA
In JavaScript, regular functions (like display() in the second example) have their own this binding that depends on how they are called. When we call person.display(), this inside the function refers to the person object.
However, arrow functions behave differently. They don't have their own this binding, instead, they inherit it from the surrounding context where they are defined. In the first example, the arrow function is defined within the object literal. At that point, this refers to the global object (usually window in browsers). And here this.name will return an empty string because it is the windows' property which gets/sets the name of the window's browsing context. That is why the output of first example is "This is from undefined, undefined", instead of "This is undefined from undefined, undefined".
So, don't use an arrow function as a method of an object. Instead, use a regular function.
Thanks
Added an important point bro! thanks
0:40----Start
16:42---Classes
25:35-----Constructor
32:00--Inheritance in JS
40:42----Super Keyword
48:30----Practice set
56:00---Error handling
thanks it really helped me!
Kisi ne poocha?
@zohaibmanzoor3173 hn bhe mene pucha
Please REACT.JS ka aisa hi course bana do 🙏🏼 you’ve helped me alot. Jaisa aap samjhaate ho, Vaisa TH-cam pe aur koi nhi karr paa rha. Huge respect.
Haa didi
Han didi ,please react.js course aur bna do
yes
150 rupee's lungi
React please!!!!!!!
00:01 Understanding classes, objects, and inheritance in JavaScript.
02:07 Creating and working with objects in JavaScript
06:07 Understanding prototype and object creation in JavaScript
08:34 Understanding prototypes and inheritance in JavaScript
12:43 Classes and objects allow for creating reusable functions and properties for multiple instances.
14:39 Understanding classes, objects, and prototypes in JavaScript
18:52 Understanding class, methods, and properties in JavaScript
23:00 Understanding class properties and creating objects
26:48 Custom constructors can be created in JavaScript to perform specific tasks.
30:04 Understanding the role of constructor in object creation
34:42 Classes create a blueprint to define and reuse objects, reducing code repetition.
36:27 Understanding classes and objects in JavaScript
40:51 Using super keyword to call parent class constructor
42:46 Calling super constructor is essential in JavaScript inheritance
47:04 Super keyword is important for inheritance and method invocation in JavaScript
48:57 Creating a User Class in JavaScript
53:08 Creating a new class and implementing inheritance in JavaScript.
55:22 Classes and objects in JavaScript with error handling
59:08 Understanding classes, objects, inheritance, and error handling in JavaScript
sutiye ye etna sab kyu likh raha he
React Js par Full Course kon kon chahtha hai ?
🫵Like and comments for REACT.JS Course form Shradha didi. Students are very excited ❤❤❤
8 months hogayay still waiting
you guys should move on to other React courses on youtube. If you keep waiting, all your peers will advance and you guys will still be waiting
This is best video on classes and inheritance on youtube. I have watched many videos. But none of them explain with such clarity. Thank u shradha mam
React js ka course bana dein please aap bht acha samjhati hain
Thank you
We make exact timestamp this lecture,
1:15 __ 16:35 Prototype,
16:35__25:34 Basics about class.
25:35__32:00 Constructor in Js
32:01_40:41 Inheritance
40:43_ 48:31 Super keyboard
After JavaScript please start ReactJs.
Topic covered in this video
Class
Object
Methods
Constructor
Inheritance
Method overriding
Error handling
Super
super
Now we all are master in java script🎉
Not now abhi advance topics baki hai hope didi uspe video bna de
@@jhonsnow534 mtlb jitna padhaya h usme to hogye na
@@shivangrana2006abhi jab API ke baare me padhayengi vo thoda hard ho jata he smghne me
@@nomatterff8918 yes bro
Mujhe to kuch samjh nai aaya 😢
maam you are the best teacher found on youtube to make students understand easily by answering some easy practice questions, where students can understand the real use of the concept you taught in the class
Every one in this world love you ❤❤❤❤❤.u know why.becz you gave us normal line path track to remove small
Resistor in front of my path,to strong skills ❤❤❤❤❤❤
Didi lecture 4 tak bohot easy tha Lecture 5 se thoda tough laga but apka explanation itna acha ha ap bina samjhaye koye bhe part chodte nhe ho...
Thanks for your valuable efforts for us...
Her way of teaching is very simple and clear.If anyone just starting to code or complete beginner just follow her. Excellent teacher💯❤
yes
Thanks🙏 Because you explain the programming language in very simple language.
I watched this video 😊❤ thankyou mam you are doing really. Great things for us ❤
mam apne bohat ache se sikhaya sab kuch samajh me aya sab douts clear hogay THANKS❤
After javascript please start React js❤🎉
Yes
ok
Yes didi,we enjoy while learning via ur lectures. Thank you so much for your efforts. It means a lot to us ✨😇.
Because of this chapter I was stuck in JS, the Udemy instructor could not explain the way you have explained. Thank you so much for explaining OOP in easiest way : )
Which Udemy instructor?
everyone could not explain as good as shradha Mam can😅
MARVELLOUS video... bohat accha samjhaya hai Shradha sister... I enjoyed it a lot
Hi mam, thank you for creating an easily understandable JavaScript playlist😊
you are among the best teachers on youtube.the way in which you explain concepts is really amazing.
Easiest js tutorial ever ❤ Thanks mam
Very fantastic, Honestly speaking never found any clear video than this, your teaching skill is phenomenal. Thank you so much for making such super quality lectures❤❤❤❤
Miss your content is really one of best even better than many course content on Java script, May you flourish and be more versatile and successful.
Didi you are hope for me lot of love from pak
Once again Shradha at her best. You made this godforsaken and complicated topic very easy to understand. Wish there was another lecture just to cover errors. That said I really enjoyed this entire lecture. Took almost 2 hours to code along and follow the lecture. Very impressive!
I understood the actual concept of error handling properly for the first time. Thank you so much ma'am.
Very very nice shraddha bonu, I learned a lot...
This massege is very motivated me
"KEEP LEARNING AND KEEP EXPLORING"
ok
Thankyou mam for explaining in a simple and clear way🤝
❤❤❤❤❤❤Thank U Ma'am for this JavaScript series ❤❤❤❤❤❤❤❤
Please complete every concept mam your teaching style is on another level
Hi can you help me please
Thank you Mam for your valuable time and lecture ❤
didi you were the giving best explanation in every part of the video and topic or clear explanation .
Very nice series Shraddha Mam..!!! Thanks!!!
Thanks a lot maam for teaching us complete js
you are so nice ❤thanks for teaching us ❤❤❤
Nice mm thanks I learn deep slowly slowly
Mam please start React.js❤
I am happy... learning javascript here with happily
Hi
kaya ap mari ak choti se help kary ga bhai g please
@@raoabubakkar sorry yaar! Maine dekha nhi message btao kya krna hai.
bhai ma pakistan sa hn or mujhy kuku fm ka premium membership lana ha jo pakistan sa ni lag raha agar ap laga do to bhoot mehar bani ho ge please bhai ma ap ko phely pasy send kar do ga please bhai kar do@@ravindrakumarmaurya7809
plss Mam Start React After This we are Waiting For this Course
Your way of teaching is very clear and straight to the point. Are you not covering advance topics. If not, please do the needful.
Good Evening ma'am
Hi Shraddha Mam, i m really big fan of your, Can you please create a playlist of react js as well. Aap Bhut hi accha samjhati hai
Doubt:
When we inherit we can use parent methods on objects. For example, 38:05 We used eat() on Engineer; here eat() was a Person Class Method.
Bur, Later we are told that we need to use super to access Parent Class Methods??
Can you please explain this further.
Awesome video😎😎👍👍
Thanks.... Mam this video is very helpfull❤
you are the best teacher for finacial weak students..thanks alot from dept of my heart
React js bhi esa bnado..complete ReactJs
Present mam 🙋
Thanks for sharing valueable content
You're a great teacher, thanks
I have a question at 54:50
Why do we need to create a constructor in Admin class?
I am able to pass the argument of name and email without creating a constructor in Admin class and without calling the constructor using super keyword.
I am new in javascript, am I missing something here ?
Ex : let admin1 = new Admin("Div", "div@123");
Thanks shraddha ❤
23:01 par brand naam ka Variable to ToyotaCar class me hai hi nhi phir this.brand kaise kaam kar raha h
Requesting for React JS video from your side
Didi aap bahut hi achha padate ho. Hum chahate hai app hum sabhi ko isi tarah se padate, sekhate raho.
Thank you so much didi ji.❤❤
What is prototype ? Why it is used ? How it is helpful in clean code ?
Hack to access any element properties officially using console ?
Didi thanks for giving your precious time for making the series. Didi please also add DSA in this series.
Apki channel baki sab channels ko pichhe chhorne wali hain mam❤ best wishes🥰
Thank You .
Through practice questions , classes inheritance and super etc makes more sense
hme jarurat hai apki lecture ki
ap bhot acha padhati hai
best coder Shradha Khapra
thank u so much madam for the exceptional lecture love from pk
Setting the prototype is alternate of inheritance, right? Ex:- childClass.__proto__ = parentClass;
Beautiful concept !!🤩🤩🤩🤩🤩🤩🤩
Thanks for the lecture Didi! It was really very helpful. It would be great if you also share the code snippets alongwith the slides in the google docs.
cathch error problem solved mare pach bohoti valo lagrahahai . may bangladesh se hoo 🥰
Glad to be the first one ☺️
Concept is really confusing for me yet ,but really good explanation ma`am
Mam please make the complete playlist of node js like javascript its reallg need and helpful for us please
object oriented programming is much more understandable in C# than in javascript
Thanks for wonderful video. You explain the topic in easy manner.
And if you share the code which you write in your video. it's more beneficial for learners.
check discription
Thank you very much....
Please make a course on Springboot 🙏
Ma'am kindly zoom the screen for looking properly all code
Finally understood ❤❤❤
Didi i love this series ❤❤❤
Hi
mujhy ap sa ak choti se help chayia please
@@raoabubakkar yes tell me..
@@motivateyourself212 sir g ma Pakistan sa hn or mujhy kuku fm ka premium membership chayia yaha sa purchase ni ho raha kaya koi asa traiqa ha jo ma Pakistan ma rha kar usy subscribe kar sakhyo please bta do bhai
@@raoabubakkar Haa bolo kya help chahiye?
Thank You mam❤
Mam could u make a daily base detailed dsa videos for placement just like js after this js course, pls humble request. Thank you.
@shradhaKD Mam We want to learn to react in detail as well next js.........I hope you will make a tutorial for that 😊
Excellent 👌
Thank you very much, didi.
16:30 apne apne hote hain
ma pakistan sa hn mam ap ka students bhoot acha padhati ha ap mam
Thank you very much Madam ..
Mam react js video please
We want all lesson in one full video
instead of using try/ catch , do we have any library in javascript like Lombok from which we use sneakythrows annotation instead
mam proto ke badle me agar hum har new objet me caltax ko call kare toh bhi same he na?
Didi, after JS, please start React JS.
didi kya aap javascript me dsa ka course TH-cam me laa dakti ho kya?
love from Bangladesh
❤
From where we can practice javascript..?
what are the best free resorces..??
Didi please advance JavaScript pr bhi banao na😊
Love from Pakistan 😊