Media is too big
VIEW IN TELEGRAM
15. Object prototype
Anjana explains that every object in JavaScript has a prototype. Prototypes are the mechanism by which JavaScript objects inherit features from one another. The prototype chain can be followed to examine an object's inheritance.
#lesson
Anjana explains that every object in JavaScript has a prototype. Prototypes are the mechanism by which JavaScript objects inherit features from one another. The prototype chain can be followed to examine an object's inheritance.
#lesson
👍1
Media is too big
VIEW IN TELEGRAM
16. Object hasOwnProperty
Anjana demonstrates how to access properties and methods from an object's prototype. The hasOwnProperty method can determine if a property belongs to the object or if it's inherited through the prototype chain.
#lesson
Anjana demonstrates how to access properties and methods from an object's prototype. The hasOwnProperty method can determine if a property belongs to the object or if it's inherited through the prototype chain.
#lesson
👍1
Media is too big
VIEW IN TELEGRAM
17. Iterable Objects
Anjana defines the requirements for an object to be iterable. There are many ways to iterate over objects, such as using map, for of/in loops, filter, and forEach. An object becomes iterable by implementing the iterator and the next methods on the returned object.
#lesson
Anjana defines the requirements for an object to be iterable. There are many ways to iterate over objects, such as using map, for of/in loops, filter, and forEach. An object becomes iterable by implementing the iterator and the next methods on the returned object.
#lesson
👍1
Media is too big
VIEW IN TELEGRAM
18. Generators
Anjana compares iterable objects with generator functions. The yield keyword in generator functions allows the function to pause and resume execution. Generator functions can be used to implement iterables, and an example of using a generator as an iterator in a for-of loop is shared.
#lesson
Anjana compares iterable objects with generator functions. The yield keyword in generator functions allows the function to pause and resume execution. Generator functions can be used to implement iterables, and an example of using a generator as an iterator in a for-of loop is shared.
#lesson
👍1
Media is too big
VIEW IN TELEGRAM
19. Date & Iterators Summary
Anjana discusses the limitations and problems with the JavaScript Date object and mentions that the TC39 standards body is working on a new alternative to address these issues. A few additional examples of iterable objects in JavaScript are also shared.
#lesson
Anjana discusses the limitations and problems with the JavaScript Date object and mentions that the TC39 standards body is working on a new alternative to address these issues. A few additional examples of iterable objects in JavaScript are also shared.
#lesson
Media is too big
VIEW IN TELEGRAM
20. new Operator & Constructors
Anjana introduces classes in JavaScript and compares the syntax to other object-oriented languages. In JavaScript, the class keyword is a syntactic convenience and doesn't fundamentally change the object's behavior under the hood. Class constructors are also introduced in this lesson.
#lesson
Anjana introduces classes in JavaScript and compares the syntax to other object-oriented languages. In JavaScript, the class keyword is a syntactic convenience and doesn't fundamentally change the object's behavior under the hood. Class constructors are also introduced in this lesson.
#lesson
Media is too big
VIEW IN TELEGRAM
21. Class Constructor & Properties
Anjana reviews the syntax for creating a class and explores other object-oriented topics, including getters, setters, method overriding, and encapsulation with private methods.
#lesson
Anjana reviews the syntax for creating a class and explores other object-oriented topics, including getters, setters, method overriding, and encapsulation with private methods.
#lesson
Media is too big
VIEW IN TELEGRAM
22. Class Inheritance
Anjana explains how to extend a class to create a subclass. The subclass inherits the properties and methods of the parent class. The super() method allows the subclass to call the parent class's constructor to run any initialization code.
#lesson
Anjana explains how to extend a class to create a subclass. The subclass inherits the properties and methods of the parent class. The super() method allows the subclass to call the parent class's constructor to run any initialization code.
#lesson
Media is too big
VIEW IN TELEGRAM
23. Dark Modal Exercise
Students are instructed to create a modal dialog containing the settings for switching between dark and light modes.
- https://anjana.dev/vanilla-js-projects/dark-modal/index.html
#lesson
Students are instructed to create a modal dialog containing the settings for switching between dark and light modes.
- https://anjana.dev/vanilla-js-projects/dark-modal/index.html
#lesson
Media is too big
VIEW IN TELEGRAM
24. Dark Modal: Form Constructor
Anjana begins coding the solutions to the Dark Modal exercise by implementing the Form class constructor.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Anjana begins coding the solutions to the Dark Modal exercise by implementing the Form class constructor.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Media is too big
VIEW IN TELEGRAM
25. Dark Modal: Submit Button
Anjana continues the solution to the Dark Modal exercise by explaining the functionality of the submit button. The default functionality of a button with type submit inside a dialog element is to close the dialog.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Anjana continues the solution to the Dark Modal exercise by explaining the functionality of the submit button. The default functionality of a button with type submit inside a dialog element is to close the dialog.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Media is too big
VIEW IN TELEGRAM
26. Dark Modal: Final Code
Anjana continues the solutions to the Dark Modal exercise by walking through the code in the Modal class.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Anjana continues the solutions to the Dark Modal exercise by walking through the code in the Modal class.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Media is too big
VIEW IN TELEGRAM
27. Dark Modal: preventDefault Method
Anjana debugs and has an issue with the Dark Modal where the selected theme is not saved when the Modal is closed. This is due to the form refreshing the page on submission. The preventDefault method will prevent the refresh from happening.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Anjana debugs and has an issue with the Dark Modal where the selected theme is not saved when the Modal is closed. This is due to the form refreshing the page on submission. The preventDefault method will prevent the refresh from happening.
- https://github.com/vakila/vanilla-js-projects/blob/main/dark-modal/finished.html
#lesson
Media is too big
VIEW IN TELEGRAM
28. Introduction to Node.js
Anjana introduces Node.js as a way to run JavaScript outside of the browser. Developers can write JavaScript that runs server-side or in the command line. While some APIs are similar, Node-based applications can access system-level resources and other APIs not available in the browser. The Node.js REPL (Read-Evaluate-Print Loop) is also demonstrated in this lesson.
#lesson
Anjana introduces Node.js as a way to run JavaScript outside of the browser. Developers can write JavaScript that runs server-side or in the command line. While some APIs are similar, Node-based applications can access system-level resources and other APIs not available in the browser. The Node.js REPL (Read-Evaluate-Print Loop) is also demonstrated in this lesson.
#lesson
Media is too big
VIEW IN TELEGRAM
29. Running Node Scripts
Anjana demonstrates how to run JavaScript in a JS file by creating a file and executing it with the
#lesson
Anjana demonstrates how to run JavaScript in a JS file by creating a file and executing it with the
node command. Differences between browser and Node JavaScript APIs are also discussed in this lesson.#lesson
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
31. Creating a Node Package
Anjana creates a new npm package using the npm command line tool. A default package.json file contains the details about the module and scripts available for running, testing, and building the project.
#lesson
Anjana creates a new npm package using the npm command line tool. A default package.json file contains the details about the module and scripts available for running, testing, and building the project.
#lesson
Media is too big
VIEW IN TELEGRAM
32. Creating Custom Scripts
Anjana modifies the package.json file to create a new custom npm script. Custom scripts are key-value pairs. The key is the script's name, and the values are the commands to run. Scripts are executed with npm on the command line.
#lesson
Anjana modifies the package.json file to create a new custom npm script. Custom scripts are key-value pairs. The key is the script's name, and the values are the commands to run. Scripts are executed with npm on the command line.
#lesson
Media is too big
VIEW IN TELEGRAM
33. Installing Dependencies
Anjana demonstrates how to add third-party dependencies to a project with the
#lesson
Anjana demonstrates how to add third-party dependencies to a project with the
npm install command. Packages are downloaded from the npm registry and installed in a node_modules directory. Any dependencies of these packages are also installed.#lesson
Media is too big
VIEW IN TELEGRAM
34. Importing Modules
Anjana introduces JavaScript modules and compares the CommonJS and ECMAScript syntax. When a module is imported, Node looks to see if that module is installed globally or locally in the node_modules directory.
#lesson
Anjana introduces JavaScript modules and compares the CommonJS and ECMAScript syntax. When a module is imported, Node looks to see if that module is installed globally or locally in the node_modules directory.
#lesson