Classes In object-oriented programming, class types are templates for creating objects. As we just learned that in prototypal inheritance, objects inherit properties and methods from a prototype. Classes build upon prototypal inheritance. Classes were introduced in ES6 to mimic the class data type found in Java and other object-oriented programming languages. Till now developers used constructor functions to mimic object-oriented design patterns. JavaScript does not
Setters and Getters in JavaScript – part 1
Accessors: Getters and Setters This is part 1 of a brief introduction to getters and setters in JavaScript. Getters and Setters are ES5 features. Objects have two types of properties: Static data property Accessor property So far we have come across static data properties in the objects that we have been making. For example: let blackLivesMatter = { status: true, usecase: ‘daily’ } In this
The break and continue statements in JavaScript
Break and continue statements The break statement is used to exit a loop completely once a condition has been met, or after x number of iterations. As such it is commonly used within an if conditional block. Take as an example the following code: for (let i = 0; i <= 5; i++){ console.log(i); } This will print out the value of variable i from
Pass by reference vs Pass by Value
Pass by value Non-primitive data types are passed by reference compared to primitive data types that are passed by value. As such non-primitive data types are also called reference types. To understand why they’re called reference types, we need to briefly look at how variables are stored in memory. A fixed amount of memory is allocated to a variable after it is declared. For primitive
Execution context in JavaScript for beginners
Introduction Execution context is an abstract concept describing the environment within which JavaScript code is executed. The execution context will dictate if a variable, object, or another block of code is accessible or not. There are two types of execution contexts: global and function. Let’s examine the global execution context first. Global execution context The global execution context is the default execution context. Variables and
Why I wrote The JavaScript Technical Interview Guide
Pre-Launch It’s been a busy 2 days, I pre-launched the JavaScript Technical Interview Guide and have sold 50% of the early bird copies. I made an announcement on Twitter and on Reddit. So far 280 upvotes on Reddit! Anyways keep reading – the juice is down below! So far I’ve emailed subscribers once with 80 practice coding exercises from chapter 1 (The Basics) . Besides
JavaScript technical interview workbook
Introduction Hi devs especially junior devs! For the past 5 months I’ve been super focused on writing a technical interview guide for juniors who want to break into the web-development industry. Since a solid grounding in JavaScript is paramount to clearing interviews focused on web applications, I wanted to write a guide that would help junior developers learn and practice at the same time. Why?
#VR for newbies: Lesson 2
Introduction Since we’re using Unity3D to build our VR experiences, here are the steps to walk through finishing setting up Unity3D for VR. It requires extra components as you’re building for the Quest. Steps Download and install Unity hub here. Unity Hub is like your dashboard to manage your Unity projects and any Unity3D versions that you install Choose the latest version of Unity3D to
💟Astrid learns JavaScript
This past month I’ve been working with an animation studio in Utah to help create a course on JavaScript for kid! It’s been a lot of fun! See the trailer here! https://vimeo.com/storyboxentertainment/review/408998377/d003cca7d9 https://vimeo.com/storyboxentertainment/review/408998377/d003cca7d9
Stream video with getUserMedia()
Request the user to start their webcam stream [code] var video= document.querySelector(“#videoElement”); if(navigator.mediaDevices.getUserMedia){ navigator.mediaDevices.getUserMedia({ video: true }) .then(function (stream) { video.srcObject = stream; }) .catch(function (error) { console.log(“Error streaming”); }); } [/code] Using the getUserMedia() API which allows you to access a user’s camera and mic without any plugins Streams have inputs (video) and outputs (video) The if-conditional checks if the getUserMedia is supported Syntax:
- 1
- 2
- 3
- 4
- Next Page »