#beginner

Articles tagged with #beginner

[JavaScript] Object-Oriented Programming (OOP) with JavaScript : ES6 Classes
// class expression // const PersonCl = class{ // } // class declaration class PersonCl { constructor(firstName, birthYear) { this.firstName = firstName; this.birthYear = birthYear; } // Methods will be added to .prototype property ...
Jul 26, 20221 min read23
[JavaScript] Object-Oriented Programming (OOP) with JavaScript : Coding CHallenge #1
Use a constructor function to implement a 'Car'. A car has a 'make' and a 'speed' property. The 'speed' property is the current speed of the car in km/h. Implement an 'accelerate' method that will increase the car's speed by 10, and log the new spee...
Jul 23, 20221 min read26
[JavaScript] Object-Oriented Programming (OOP) with JavaScript : Prototypal Inheritance on Built-in Objects (feat. prototype chain)
console.log(jonas.__proto__); // prototype of jonas console.log(jonas.__proto__.__proto__); // top of the prototype chain console.log(jonas.__proto__.__proto__.__proto__); // null console.dir(Person.prototype.constructor); const arr = [3, 6, 4, 5,...
Jul 22, 20221 min read10
[JavaScript] Object-Oriented Programming (OOP) with JavaScript : Prototypes
// Prototypes console.log(Person.prototype); Person.prototype.calcAge = function () { console.log(2037 - this.birthYear); }; jonas.calcAge(); jayden.calcAge(); console.log(jayden.__proto__); // proto property console.log(jayden.__proto__ === Per...
Jul 22, 20221 min read2
[JavaScript] Object-Oriented Programming (OOP) with JavaScript : Constructor Functions and the 'new' Operator
const Person = function (firstName, birthYear) { // begin with capitalization... // Instance properties this.firstName = firstName; this.birthYear = birthYear; // Never create a method inside constructor function. (terrible performance) /...
Jul 22, 20221 min read15
[JavaScript] Advanced DOM and Events - Lifecycle DOM Events
document.addEventListener('DOMContentLoaded', function (e) { console.log('HTML parsed and DOM tree built!', e); }); window.addEventListener('load', function (e) { console.log('Page fully loaded', e); }); // window.addEventListener('beforeunload...
Jul 21, 20221 min read18