JavaScript Prototypes: Ultimate Course (2024)

Focused View

Clyde Matthew

8:56:01

381 View

1 - Introduction

1 - Prototypal Inheritance.html

1 - Prototypal Inheritance.mp4

13:23

2 - What is JavaScript.html

3 - IDE and text editors.html

4 - All objects have a Prototype.mp4

05:38

5 - All objects have a prototype.html

6 - There are different Prototype objects.mp4

04:23

7 - Functions are special.mp4

03:50

8 - Why objects and prototypes are so important.html

9 - In JavaScript objects rule the roost.mp4

03:03

10 - JavaScript is an object oriented programming language.html

11 - Hypothetical project example.mp4

09:16

12 - Use prototypes when creating objects with a similar type.html

2 - The Prototype object

2 - Prototype quiz.html

13 - Section intro.mp4

00:41

14 - Why understanding prototypes matter.html

15 - All objects have a Prototype property.mp4

07:01

16 - The Prototype is hidden.mp4

02:56

17 - Why is the Prototype an internal property.mp4

06:53

18 - Hidden Property vs Internal Property vs Internal Slot.html

19 - Getting and setting prototypes.html

20 - Almost everything in JavaScript inherits from the Object interface.mp4

06:35

21 - Primitive data types have no direct prototype.html

22 - Is null a primitive or object.html

23 - Primitive values and object wrappers.mp4

08:39

24 - Bottom line primitives are not objects but indirectly inherit from the Object.html

25 - Creating an object primitive using a constructor.mp4

02:48

26 - Primitives taking a step back.mp4

02:22

27 - Creating a custom Prototype.mp4

06:08

28 - Setting prototypes.html

29 - Setting prototypes example.mp4

06:09

30 - The prototype of an object literal will point to its constructors prototype.mp4

05:39

31 - Developers jargon.mp4

01:33

32 - Inherited methods.mp4

02:21

33 - The prototype chain.mp4

08:08

34 - A prototype chain example.mp4

05:21

35 - The prototype will eventually point to null.mp4

02:49

36 - A quick recap on Prototype.html

37 - The prototype has limitations.mp4

03:14

38 - Shadowing inherited properties and methods.mp4

03:29

39 - Shadowing summary.html

40 - The prototype does not affect the value of THIS.mp4

02:41

41 - Looping through objects.mp4

02:58

42 - Enumerable properties.mp4

07:25

43 - Iterating methods.mp4

11:51

44 - Warning dont change the prototype on the fly.mp4

02:01

45 - Warning dont mess with inbuilt prototype objects.mp4

08:31

46 - I am only talking about pure objects.html

47 - Modifying the prototypes of builtin objects.html

48 - Summary.mp4

04:29

3 - Instantiation Patterns

3 - Instantiation Patterns Quiz.html

49 - Section intro.mp4

00:40

50 - Object Literals.mp4

09:43

51 - This section is crucial.html

52 - Instantiation Patterns.mp4

02:47

53 - Instantiation patterns youll be learning about in this section.html

54 - Functional Instantiation.mp4

08:24

55 - Shortcomings of functional instantiation.mp4

06:44

56 - Functional Instantiation closing comments.html

57 - Functional Shared Instantiation.mp4

11:24

58 - Functional Shared instantiation closing comments.html

59 - Prototypal Instantiation Introduction.mp4

01:58

60 - Objectcreate.mp4

05:01

61 - Prototypal Instantiation example.mp4

06:34

62 - Prototypal Instantiation explained.mp4

05:09

63 - Prototypal Instantiation closing comments.html

64 - Pseudoclassical Instantiation intro.mp4

02:49

65 - Pseudoclassical Instantiation example.mp4

02:37

66 - Pseudoclassical Instantiation closing comments.html

67 - Warning you cant add everything to the prototype.mp4

05:54

68 - Combining inheritance and constructors.mp4

03:16

69 - Arrow syntax cannot be used as a constructor.mp4

03:34

70 - Arrow syntax has no binding of THIS.html

71 - Class Instantiation.mp4

07:16

72 - Class Instantiation closing comments.html

73 - Code.html

73 - instantiation-patterns.zip

74 - BAM POW youve done it.html

4 - Prototypes and Instantiation Patterns Test

1 - Prototypes and Instantiation Patterns Test.html

5 - proto aka dunder proto

4 - proto quiz.html

75 - Section intro.mp4

00:58

76 - proto introduction.mp4

11:50

77 - What is ECMAScript and how was proto introduced.html

78 - Lets define our own proto getter and setter.html

78 - dunder.zip

79 - How to pronounce proto.html

80 - Dunder proto is not an internal property.mp4

02:14

81 - Tennis Analogy.html

82 - proto is partly deprecated in Annex B.mp4

06:57

83 - Modern alternatives to getting setting an objects prototype.mp4

13:56

84 - When should you use setPrototypeOf.html

85 - Take a step back.mp4

03:31

86 - Problem 1 proto is easily configurable.mp4

07:04

87 - Problem 2 proto is a special keyword.mp4

05:33

88 - Setting an objects prototype to null.mp4

02:51

89 - My overall thoughts on dunder proto.html

90 - MDNs warning.html

91 - Summary of proto.mp4

04:03

92 - Hang the Dunder on the wall.html

6 - The prototype property

5 - Function prototype quiz.html

93 - Only functions have a prototype property.mp4

08:06

94 - Some functions do not have a prototype property.mp4

10:10

95 - Why developers get confused with the word prototype.mp4

03:49

96 - Prototype is not the same as the prototype.html

97 - The prototype only matters for constructor functions.mp4

03:18

98 - There are exceptions to the rule.html

99 - A constructor function is defined by the Call and Construct properties.html

100 - The prototype property is an object.mp4

00:43

101 - The objects Prototype is assigned to the functions prototype.mp4

04:53

102 - Almost all functions have both a Prototype and prototype property.mp4

13:09

103 - Why is the Functions prototype property a function and not an object.mp4

05:12

104 - Functions in JavaScript are also objects.html

105 - There are multiple prototypes in the chain.mp4

03:15

106 - What is the constructor property.mp4

05:06

107 - A fun test.mp4

07:14

108 - The prototype property can be overwritten.mp4

06:41

109 - The entire prototype chain revealed.mp4

11:17

110 - The Objectprototype rules the roost.mp4

05:01

111 - Differences between Prototype and prototype.mp4

01:43

112 - Prototype and prototype serve two different purposes.html

113 - Summary of the prototype property.mp4

04:32

114 - Functions have a prototype property.html

7 - Practical Application building your own prototype chains

115 - Course project overview.mp4

08:13

116 - Using the new keyword to set up a prototype chain prior to 2011.mp4

05:21

117 - 1.prior-2011.zip

117 - Creating the prototypal chain using the new keyword.mp4

06:40

118 - The problems with using the new keyword.html

119 - 2.prior-2011.zip

119 - Fixing the constructor reference problem.mp4

03:14

120 - 3.after-2011-es5.zip

120 - Using Objectcreate to set up a prototype chain after ES5 2011.mp4

05:17

121 - Using Objectcreate is still not ideal.html

122 - 4.post-2015-es6.zip

122 - Using ObjectsetPrototypeOf to set up a prototype chain after ES6 2015.mp4

07:41

123 - Using Classes to set up a prototype chain after ES6 2015.mp4

06:01

124 - 5.post-2015-es6-class.zip

124 - Using the extends keyword to build our classbased prototype chain.mp4

07:05

125 - 6.post-2015-es6-3-levels.zip

125 - Building a 3 level custom prototype chain using Constructor Functions.mp4

04:54

126 - 7.post-2015-es6-class.zip

126 - Building a 3 level custom prototype chain using Classes.mp4

04:52

127 - Problems with our code duplication.mp4

03:03

128 - Solution using the call method with constructor functions.mp4

09:53

129 - 8.post-2015-es6-3-levels-call.zip

129 - Completing 3 levels of prototype inheritance Constructor Functions.mp4

04:08

130 - 9.post-2015-es6-class.zip

130 - Completing 3 levels of prototype inheritance Class Syntax.mp4

02:43

131 - Summary.mp4

03:54

132 - Adding more levels and siblings.html

133 - Youve beaten prototypes.html

8 - Prototypal languages vs Classical languages

6 - Prototypes vs Classes.html

134 - What is an OOP language and how do classes and prototypes fit into the picture.mp4

05:06

135 - How classbased languages and prototypebased languages deal with inheritance.mp4

08:14

136 - Hello World example classes vs prototypes.mp4

04:49

137 - Java Console vs JavaScript Console.html

138 - Inheritance code with Java a classbased language.mp4

07:18

139 - Testing code on JDoodle.mp4

02:24

140 - Comparison between classes and prototypes.mp4

04:17

141 - Section Summary.mp4

04:05

142 - Use this knowledge.html

9 - Prototypes vs Composition

7 - Writing code prototypesinheritance vs composition.html

143 - Intro into composition.mp4

05:49

144 - Composition code converting our prototypalbased model to composition.mp4

07:07

145 - Inheritance vs Composition summary.html

146 - Summary when to use composition vs prototypes.mp4

02:16

10 - Outro

147 - Outro.mp4

02:26

Description

Excel in JavaScript Prototypes, Instantiation Patterns, [[Prototype]], proto, & beyond! Become a JavaScript Grandmaster

What You'll Learn?

Learning prototypes and become a JavaScript grandmaster
Learn what a prototype is, and how to use prototypes to create complex objects
Master the differences between [[Prototype]], __proto__ and the .prototype objects
Learn how to use prototypes to implement inheritance in JavaScript
Learn how to use the power of prototypes in your own code
Learn how to get and set an object’s prototype
Learn how to create your own object constructors
Learn the 5 main ways to create objects in JavaScript
Learn the advantages and disadvantages of prototype-based languages vs classes
Become a PRO JavaScript developer, and earn more money
Learn how to extend existing objects
Learn how to create objects in the most optimal way in JavaScript
Learn the 5 most popular advanced instantiation patterns in JavaScript
Learn how to create object chains using prototypes
Learn why the [[Prototype]] property is hidden
Learn why JavaScript is a prototypal-based language
Learn about hidden properties vs internal slots in JavaScript
Practical examples comparing Java and JavaScript to help you grasp advanced prototype concepts
Learn how to create object chains using composition
Learn the difference between classical-based languages and JavaScript
Learn why __proto__ is partially deprecated by ECMAScript
Learn why __proto__ is referred to as “dunder”
Understand why the .prototype property is on almost every function
Learn why functions in JavaScript are considered to be objects
Understand the different approaches to creating objects in JavaScript
Practical – build objects with multiple levels of prototypes with me
I am here to support you, step-by-step
Have fun mastering web development
From intermediate to expert (advanced +)
You will emerge an expert
Gives you depth of knowledge to boost your ability and confidence

Who is this for?

Anyone interested in learning the art and science behind JavaScript prototypes

BUSY PEOPLE who want to become certified and confident about what “prototypes” mean in the shortest time possible

Freelancers who want to learn how to become an effective JavaScript developer

Anyone who has completed my JavaScript Complete Grandmaster course

YES: This course is for intermediates. It’s aimed at people who have some knowledge of JavaScript, but want to dig deeper

NO: This course is NOT only for intermediate beginners. It is a complete course that goes from basics to advanced.

YES: This course is for someone wanting to be a professional, to be expert and confident in knowing how to create objects and structure their code

Those who want to learn modern coding without third party libraries and frameworks

Those interested in building their own frameworks, or being better able to learn from the source code of other well-known frameworks and libraries

Those who have some knowledge of OOP-based languages and JavaScript, but little knowledge about how prototype inheritance works behind the scenes, and how to practically implement best practices in their websites

What You Need to Know?

Basic JavaScript is recommended

If you don’t know what JavaScript is, you can check out my JavaScript Grandmaster Course

Desire to master object-oriented programming languages

Desire to understand prototypes and JavaScript in more detail

Desire to become a Grandmaster developer

A computer is required as you need to code alongside me to learn effectively

More details

Description
Stop wasting time following so called â€œdevelopersâ€ that do not practice what they preach

ALWAYS UPDATED
+ Get instant access to 9 hours of high quality videos
+ Get access to downloaded resources
+ Instructor support

LET ME SHARE MY KNOWLEDGE WITH YOU
Iâ€™ve been coding for a long time. At the age of 7, in the early 90â€™s, I got my first pc and a few days later I became an avid gamer. I have always surrounded myself with coders. I remember at 10 years old my cousin managed to hack into a bankâ€™s system. I still recall the days of floppy disks and playing â€œDoomâ€, â€œDuke Nukemâ€ and of course one of my all-time favorites, â€œRed Alertâ€.
Iâ€™ve always been around computers, and thatâ€™s what makes my teaching style direct, to-the-point, and powerful!
Now, why did I create a course on prototypes?
Prototypes are a fundamental concept of JavaScript. They are used to implement inheritance, object creation, and other important features. It is therefore crucial that you understand prototypes â€“ what they are, why they are there, how to use them, how to create them, and when to use them!
Understanding JavaScript is ongoing process. To give you a foot up, Iâ€™ve structured an all-encompassing, focused course on JavaScript prototypes, which I deliver to you in a way that will benefit you the most. My course teaches you "why" things work and not just "how" to do something mindlessly.

What this course covers?
It starts at the beginner level of what JavaScript prototypes are
It then goes more in-depth by teaching you how to leverage the power of prototypes to create objects with multiple levels of inheritance
Youâ€™ll learn how to create objects, starting from the basics of object literals to more complex pseudo-classical inheritance patterns
Learn the difference between class-based languages (like Java, C#, C++) and prototypal-based languages like JavaScript
Learn the different instantiation patterns, such as functional instantiation, functional-shared, prototypal, pseudo-classical and pure classical
Master the differences between [[Prototype]] and proto and the .prototype property
Literally this course everything you need to know about prototypes in JavaScript, all in one place :)
All the strategies I teach follow timeless coding principles and tactics.

WHAT ARE PROTOTYPES?
JavaScript was created by a guy called Brendan Eich in the mid-1990s. Eich decided to make JavaScript a prototype-based language because he wanted to create a language that was easy to learn and use. He wanted to create a language that was powerful and flexible, and he believed that prototypes were the best way to achieve this.
Prototypes are a powerful feature of JavaScript, because they allow you to reuse code, create complex object hierarchies, and implement inheritance in a simple and efficient way. However, prototypes can also be confusing, and they can make it difficult to understand how JavaScript works.
Despite the challenges, the benefits of prototypes outweigh the drawbacks.
Q:Â The million dollar question is "why does learning about prototypes matter?"Â
A:Â It matters because EVERY object in JavaScript has a [[Prototype]] property. It is this [[Prototype]] property that is often referred to as the â€œprototypeâ€. By mastering prototypes, you can create complex objects that are extremely memory efficient - improving your website's speed.
The prototype itself is also an object â€¦ which means that it also has a [[Prototype]] property. Can you begin to see that thereâ€™s a prototype â€œchainâ€ forming? You can think of the prototype chain as a linked list of objects, where each object in the list has a pointer to the next object in the chain.
This is the reason why all objects you use and create have inbuilt properties and methods that you can access. This is why:
strings have toUpperCase() and toLowerCase()
arrays have sort(), map(), push() and filter()
numbers have toFixed(), toPrecision(), parseFloat()
...
You get the idea.
Why is learning about prototypes useful?
By understanding how prototypes work, how they are created, and how to set them up yourself, youâ€™ll be able to create objects that inherit properties and methods from other objects, without having to explicitly define them.
This makes it possible to reuse code and create complex object hierarchies in a simple and efficient way.
Can you begin to see how powerful prototypes are and how essential it is today?
Knowing the power of how to use prototypes in JavaScript is crucial if you want to become a serious fullstack developer, as it will allow you to build complex data types and web apps.
Creating objects can get tricky at times, and I donâ€™t dispute this, but with correct training which includes explaining the fundamentals of prototypes and object creation in a simple way, you will, like me, learn to master and love JavaScriptâ€™s dynamic approach to object creation.
If you want to become a full stack web developer, you need to know about prototypeâ€™s and thatâ€™s what this course is all about.

WHY IS UNDERSTANDING PROTOTYPES IMPORTANT?
JavaScript is built on prototypes
To master JavaScript, you need to master prototypes
Prototypes is a way to implement object-oriented programming
Prototypes allow you to extend existing objects
Prototypes allow you to implement inheritance in JavaScript
Prototypes allow you to create custom object constructors
Prototypes allow you to understand the JavaScript engine better
Ultimately, by understanding how prototypes work, you can write more efficient and reusable code.
After completing this ultimate prototypes course, you will certainly be knowledgeable, confident and able to manage or help others create objects in the most optimal way.

WHAT THIS COURSE COVERS
This course is comprehensive, covering the fundamentals of prototypes, composition and class-based languages.
Simple enough.
The only problem is that in order to truly understand JavaScript, you need to move beyond the basics. Thatâ€™s why this course covers the basics, and more advanced concepts.
First, this course teaches you basics:
Learn what prototypes are
Learn why everything in JavaScript is considered to be an object
Learn how to set and get an objectâ€™s prototype
Learn how to create custom prototypes
Learn about the instantiation patterns in JavaScript
Understand class instantiation introduce by ECMAScript
Master the prototype chain
Learn about the proto property
Lean about the functionâ€™s .prototype property
Understand why everything in JavaScript is considered to be an object
and a whole bunch more!
This course also teaches you the advanced concepts:
Learn why itâ€™s not good practice to amend the prototype during runtime
Why you shouldnâ€™t add everything to an objectâ€™s prototype
Learn the limitations of prototypes
Lean the modern ways to get and set an objectâ€™s prototype
Learn why proto has been partly deprecate by ECMAScript
Understand why the [[Prototype]] is a hidden property
Learn why the ".prototype" property only matters for constructor functions
Practical example of setting up a prototype chain by using the new keyword, using Object.create() versus setPrototypeOf(), and comparing this to the new class syntax
Understand the differences between prototypal languages vs classical languages
Understand composition vs prototypes
And yes, we will code examples in a fun way, and look at how objects work under the hood.

## The most comprehensive JavaScript Prototype course on Udemy ##
Successful programmers know much more than memorizing a few lines of code. They also know the fundamentals of how a programming langauge works under the hood.Â Because the JavaScript creators decided to build JavaScript on prototypes, it becomes crucial to understand what prototypes are, how they work, when to use them and why they are so powerful.

IS THIS COURSE FOR YOU?
Yes. If you fit in any of these categories then this course is perfect for you:
#1: BUSY PEOPLE who want to become certified in JavaScript in the shortest time possible.
#2: PROGRAMMING DESIRE. You want to advance in the world of programming.
#3: FREELANCERS who want to know how successful developers build complicated objects
#4: EMPLOYEES who want to gain a solid understanding of why JavaScript is a prototypal-based language and how you can use prototypes in your own projects
#5: CODERSÂ who wants to be TOPÂ OFÂ THEÂ GAME.

WHY START NOW?
Right this second, your competitors are learning how to become better developers.
Web development is a blazing hot topic at the moment. But you have a distinct advantage. This course offers memorable learning topics, actionable tactics and real-world examples.
Lets get started!

MONEY-BACK GUARANTEE
I donâ€™t want you to be disappointed.
If you donâ€™t like this course for any reason, you can get a full refund in the first 30 days, which is backed by Udemyâ€™s 30-day guarantee, with no questions asked!
Invest in yourself today and never look back.

Enrol now.
Who this course is for:
Anyone interested in learning the art and science behind JavaScript prototypes
BUSY PEOPLE who want to become certified and confident about what â€œprototypesâ€ mean in the shortest time possible
Freelancers who want to learn how to become an effective JavaScript developer
Anyone who has completed my JavaScript Complete Grandmaster course
YES: This course is for intermediates. Itâ€™s aimed at people who have some knowledge of JavaScript, but want to dig deeper
NO: This course is NOT only for intermediate beginners. It is a complete course that goes from basics to advanced.
YES: This course is for someone wanting to be a professional, to be expert and confident in knowing how to create objects and structure their code
Those who want to learn modern coding without third party libraries and frameworks
Those interested in building their own frameworks, or being better able to learn from the source code of other well-known frameworks and libraries
Those who have some knowledge of OOP-based languages and JavaScript, but little knowledge about how prototype inheritance works behind the scenes, and how to practically implement best practices in their websites

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Clyde Matthew

Instructor's Courses

It's easy to come up with an idea. The hard part is execution. Harsh reality: most people never carry tasks to completion. A few words about me:· I’ve had to learn things the old-fashioned way, through hard slog· No one is a master of everything· I don’t care about titles· Understanding means less mistakes later, and mistakes waste time· Everything should be as simple as it can be Oh, and one last thing … dreams remain dreams until you take action. Remember to do something with your skills. Do you know what the Bible teaches us about the rich man who gave talents ( ?? money) to 3 of his workers? The first 2 servants used the talents to trade and gain profit. This is good. The third servant, however, was fearful and hid the talent. Don’t be like this third worker. Instead, use your talents to build websites and apps, start businesses, and make an extraordinary impact on people's lives. What are you waiting for? riddle: if (10<9<8) {take_my_course} else {better_luck_next_time};

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.