Byte-Sized-Chunks : Dynamic Prototypes in Javascript

About Course

•  

  Javascript objects, prototypes and JSON - that's what this course is about.

  This is not a course on Javascript frameworks - its about solid, fundamental Javascript. You'll be surprised by how much more you can get done on your web pages once you learn these technologies the right way.

   What do we mean by that?

  • Relatively few folks formally learn HTML, CSS or Javascript, because its quite easy to get stuff done in these technologies in a "quick-and-dirty way".

  • That "quick-and-dirty" way of learning and doing leads to problems over time, because Javascript and CSS are actually quite complex, so it is easy to do things the wrong way

  • This course will help, because it is entirely built atop examples. Each is self-contained, has its source code attached, and gets across a simple, specific use-case. Each example is simple, but not simplistic.

Topics covered in this course

• Section 1: A Different Take on Objects
  	Lecture 1	You, This Course, and Us!	01:31
  	Lecture 2	Introduction to Javascript objects	10:58
  	Lecture 3	Example 15: Creating an object using JSON	08:12
  	Lecture 4	Example 16: Creating an object using a constructor	15:51
  	Lecture 5	Example 17: Adding properties to objects dynamically	11:58
  	Lecture 6	Example 18: Removing properties from objects dynamically	03:05
  	Lecture 7	Example 19: Object properties can be functions	07:33
  	Lecture 8	Example 20: Object constructors can have property functions	02:46
  	Lecture 9	Example 21: Two ways of accessing object properties	06:40
  	Lecture 10	Example 22: Iterating over all properties in an object	04:54
  	Lecture 11	Example 23: Calling a constructor without new	10:02
  	Lecture 12	Example 24: Understanding the typeof operator	06:12
  	Lecture 13	Example 25: Paternity tests using instanceof	05:36
  	Lecture 14	Example 26: Faking public and private properties	10:24
  	Lecture 15	Introduction to prototypes	06:45
  	Lecture 16	Example 46: Prototypical Inheritance In Action	08:14
  	Lecture 17	Example 47: Dynamic Prototyping	04:24
  	Lecture 18	Example 48: Inheritance hierarchy using chained prototypes	05:44
  	Lecture 19	Example 49: Overriding properties using prototypes	06:58
  	Lecture 20	Example 50: The base object as the ultimate prototype	04:37
  	Lecture 21	Example 51: Overriding properties of built-in objects	02:58
  	Lecture 22	Introduction To JSON	14:35
  	Lecture 23	Example 57: Simple JSON Use Cases	03:05
  	Lecture 24	Example 58: Creating meaningful objects with JSON	03:14

What you will get from this course?

• What's Included:

  • Prototypes are Javascript's way of doing inheritance, and its very different from the C++/Java way of doing it.
  • JSON is not conceptually difficult to use, but it is incredibly important, and you should understand why - because its the glue between backends written in Java or other traditional languages, and front-ends written in Javascript
  • The Document-Object-Model is what ties Javascript back to HTML and CSS. Together with JSON, the DOM ties it all together from server to skin.

  What am I going to get from this course?

  • Master inheritance in Javascript
  • Understand what dynamic prototyping is, and its benefits and pitfalls
  • Understand the use-cases for prototyping and inheritance

Who should buy this course?

• • Please don't enroll for this class if you have already enrolled for our 13-hour course 'Foundations of HTML, CSS and Javascript' course
  • Folks who are seeking to learn Javascript the right way - including folks who may done some Javascript programming, but are not quite confident using advanced features such as dynamic prototyping
  • This class is not right for you if you are looking to learn Javascript frameworks such as JQuery, Angular or Node.js

  What are the requirements?

  • Any modern browser and a simple text editor are all that will be needed for the code examples
  • Some prior programming experience will definitely help!