JavaScript Essentials for Modern Web Development

Getting Started with JavaScript 9 lectures 36:59 Course Overview This video will give you an overview about the course. Objects and Types in JavaScript Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Scopes and Closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Constants and Block Scoped Variables With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const Context and `this` The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding Arrow Functions Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Prototypal Inheritance Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Classes ES6 brought the class keyword to the JavaScript world. ES6 classes simulate class-based inheritance that most developers may be used to. • Repeat the class hierarchy of the previous video with ES6 classes Single-Threaded JavaScript The JavaScript single-threaded non-blocking I/O model is sometimes hard to understand for newcomers. • Explain how JavaScript is built under the cover Getting Started with JavaScript - Quiz Getting Started with JavaScript. 9 lectures 36:59 Course Overview This video will give you an overview about the course. Objects and Types in JavaScript Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Scopes and Closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Constants and Block Scoped Variables With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const Context and `this` The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding Arrow Functions Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Prototypal Inheritance Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Classes ES6 brought the class keyword to the JavaScript world. ES6 classes simulate class-based inheritance that most developers may be used to. • Repeat the class hierarchy of the previous video with ES6 classes Single-Threaded JavaScript The JavaScript single-threaded non-blocking I/O model is sometimes hard to understand for newcomers. • Explain how JavaScript is built under the cover Getting Started with JavaScript - Quiz Course Overview This video will give you an overview about the course. Course Overview This video will give you an overview about the course. Course Overview This video will give you an overview about the course. Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Objects and Types in JavaScript Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Objects and Types in JavaScript Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Objects and Types in JavaScript Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Objects and Types in JavaScript Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Everything in JavaScript is an object. There is also the misconception that JavaScript is not typed. That does not mean that there aren’t any types in JavaScript at all. • Describe types in JavaScript • Introduce typeof Scopes and Closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Scopes and Closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Scopes and Closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Scopes and Closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Most bugs in JavaScript originate from a lack of understanding about those two basic concepts.: Scopes and closures. • Explain scopes • Explain how a function can create a new scope • Demonstrate IIFEs and closures Constants and Block Scoped Variables With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const Constants and Block Scoped Variables With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const Constants and Block Scoped Variables With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const Constants and Block Scoped Variables With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const With ES6 came the possibility to declare a variable as a constant or block scoped. • Explain var • Explain let • Explain const Context and `this` The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding Context and `this` The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding Context and `this` The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding Context and `this` The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding The `this` keyword is extremely important but hard to grasp for most developers. • Describe the priorities the runtime has, when assigning value to `this` • Demonstrate.call() and.apply() • Use hard binding Arrow Functions Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Arrow Functions Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Arrow Functions Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Arrow Functions Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Arrow functions offer convenience and they also maintain the `this` binding. They also speed up the coding process. • Demonstrate arrow functions • Demonstrate how the `this` binding is kept Prototypal Inheritance Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Prototypal Inheritance Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Prototypal Inheritance Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Prototypal Inheritance Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Inheritance in JavaScript works on the prototype level. Even with ES6 classes, prototypal inheritance does not go away, so it’s important to know how to use it to your advantage. • Demonstrate Object.create • Create a prototype chain Classes ES6 brought the class keyword to the JavaScript world. ES6 classes simulate class-based inheritance that most developers may be used to. • Repeat the class hierarchy of the previous video with ES6 classes Classes ES6 brought the class keyword to the JavaScript world. ES6 classes simulate class-based inheritance that most developers may be used to. • Repeat the class hierarchy of the previous video with ES6 classes Classes ES6 brought the class keyword to the JavaScript world. ES6 classes simulate class-based inheritance that most developers may be used to. • Repeat the class hierarchy of the previous video with ES6 classes Classes ES6 brought the class keyword to the JavaScript world. ES6 classes simulate class-based inheritance that most developers may be used to ism that drives private properties, experimental decorators, and getters/setters. • Read the...