Learn

Explore our collection of videos and articles on modern web development and computer science
Browse By
ALL
chrome dev tools
graphs
javascript
material-ui
reactjs
scala
serviceworker
typescript
web development
web security
ALL
What are the properties of a Graph?

What are the properties of a Graph? If you are just starting out with Graphs, you may want to read the first article What is a Graph Data…

What is a Graph Data Structure?

What is a Graph Data Structure? In today's world, we are connected to other people, places, or things in some way or the other. If we step…

How to integrate Material-UI's Tabs with react router?

How to integrate Material-UI's Tabs with react router? In this video, you will learn to integrate Tabs provided by Material-UI with the…

How to perform prop type checking in a Function Component - React with TypeScript?

How to perform prop type checking in a Function Component - React with TypeScript? In this video we will look at how to perform type…

How to get data from Material-UI Dropdown Select?

How to get data from Material-UI Dropdown Select? Learn to use Select dropdown component from Material-UI and get the selected value. Full…

How to create TextArea in Material-UI?

How to create TextArea in Material-UI? Check out the course on Material-UI at http://bit.ly/2SZDYyw Watch the course trailer at https…

How to center a component in Material-UI and make it responsive?

How to center a component in Material-UI and make it responsive? Check out the course on Material-UI at http://bit.ly/2SZDYyw Watch the…

How to get data from Material-UI TextField?

How to get data from Material-UI TextField? Learn how to use TextField Component of Material-UI and use it in your React Projects Full…

How to change border color of Material-UI TextField?

How to change border color of Material-UI TextField? Learn to change the border color of TextField component provided by Material-UI. You…

Creating Custom Service Worker in React Apps

Creating Custom Service Worker in React Apps Learn to add custom service worker code in your react projects created using Create React App…

What is Material-UI? Get an overview of what it has to offer

What is Material-UI? Get an overview of what it has to offer Check out the course on Material-UI at http://bit.ly/2SZDYyw Watch the course…

Drag and Drop Material-UI Component in a React App

Drag and Drop Material-UI Component in a React App Today, we will see how to add drag and drop functionality to the Material-UI components…

Material-UI IconButton remove hover effect

Material-UI IconButton remove hover effect Today’s video is one of the popular questions that comes up when developers are using the…

How to customize AppBar in Material-UI?

How to customize AppBar in Material-UI? If you are looking to learn Material-UI, the course is available at http://bit.ly/2SZDYyw Welcome…

How to add Material Icon to React App with Material-UI?

How to add Material Icon to React App with Material-UI? If you are looking to learn Material-UI, the course is available at http://bit.ly…

How to conditionally render React component?

How to conditionally render React component ? Welcome to the weekly series on JavaScript ecosystem. Today we are going to look at how can…

How to automatically trigger ADD TO HOME SCREEN in a Create React App PWA?

How to automatically trigger ADD TO HOME SCREEN in a Create React App PWA? Welcome to today’s video on how to trigger ADD TO HOME SCREEN…

How to loop through an array in JavaScript?

How to loop through an array in JavaScript? Today we will look at couple of ways to loop through an array in JavaScript. Let's use this…

Creating Instagram Follow Card with Material-UI

Creating Instagram Follow Card with Material-UI The course is available at http://bit.ly/2SZDYyw In this hands-on video, I will demonstrate…

What do these three dots in React do?

What do these three dots in React do? This video will show you how JavaScript object spread syntax works. You will learn its use from…

How to check if a JavaScript object is an array?

How to check if a JavaScript object is an array? This video show you how to check if a JavaScript object is an array . Code Full…

How to loop in React JSX?

How to loop in React JSX? Today, we will look at how to loop over and render a component in React. Full Transcript Today, we look at how to…

JavaScript Fetch API using Async/Await

JavaScript Fetch API using Async/Await In this video we see how JavaScript fetch API can be written using async/await . Code Full…

Where is the Service Worker in a Create React App (CRA)

Where is the Service Worker in a Create React App (CRA) This video covers where and how to find the Service Worker when you spin up a Create…

Interview Question - JavaScript String Substring

Interview Question - JavaScript String Substring This is an interview question on JavaScript String substring() Code Full Transcript In…

Interview Question - JavaScript String Split and map

Interview Question - JavaScript String Split and map This is an interview question on JavaScript String split and map functions. Code…

Interview Question - JavaScript Scope and const keyword

Interview Question - JavaScript Scope and const keyword This is an interview question on JavaScript Scope and const keyword Code Full…

JavaScript Interview Coding Problem - let keyword

JavaScript Interview Coding Problem - let keyword This video covers a programming problem on JavaScript let keyword and its scope. Code…

Interview Question - JavaScript this keyword in object

Interview Question - JavaScript this keyword in object This is an interview question on JavaScript Objects and this keyword. Code Full…

Interview Question - JavaScript Arrow Functions

Interview Question - JavaScript Arrow Functions This is an interview question on JavaScript Arrow Function ( => ) Code Full Transcript In…

Interview Question - JavaScript Strict Equality

Interview Question - JavaScript Strict Equality This video covers a coding problem on JavaScript Strict Equality using triple equals…

Interview Question - JavaScript Functions - Size

Interview Question - JavaScript Functions - Size This is an interview question on JavaScript Objects and Function combined. Code Full…

Interview Question - JavaScript this keyword with apply method

JavaScript Coding Question on this keyword Here is some JavaScript code and we want to get its output. In this piece of code, you will…

Interview Question - JavaScript this - Calling Output

Interview Question - JavaScript this - Calling Output This is an interview question on JavaScript this keyword. Code Full Transcript

Interview Question - JavaScript Map - Delete an element

JavaScript Interview Question on Map Data Structure - Delete an element We need to find the output of this code. mapping is variable that…

Interview Question - JavaScript Map - Delete

Interview Question - JavaScript Map - Delete This is an interview question on JavaScript Map. You will make use of delete method on Map…

Interview Question - JavaScript Arrays - Find Flight at index

Working on JavaScript Arrays Interview Question - Find Flight at index We need to get the output for this piece of code. There is a…

Interview Question - JavaScript Arrays - Find City

Interview Question - JavaScript Arrays - Find City This is an interview question on JavaScript Arrays. You will make use of indexOf…

Find Security Issues on a Web Page using Chrome Dev Tools

How to understand security issues on a Web Page using Chrome Dev Tools This video will teach you how can you quickly find out any potential…

Finding First Matching Element in DOM

Finding First Matching Element in DOM HTML Webpages are represented as a DOM tree. But how do we find elements inside this tree? One of the…

Quickly Manipulate DOM Using Google Chrome

Quickly Manipulate DOM Using Google Chrome Find out how you can quickly modify any web page using Google Chrome Developer Tools. Using the…

How to check for unused JavaScript code using Chrome Dev Tools?

Find unused JavaScript code with Chrome Dev Tools This videos covers how Chrome dev tools can be used to discover unused code in your files…

What are DOM Events?

What are DOM Events? Document Object Model (DOM events) are actions that occurs as a result of the user action or as a result of changes in…

Why Browsers use Cookies?

Why Browsers use Cookies? Cookies are one of the oldest mechanisms of storing the data on the client-side, or browser. But why do they exist…

Where is data stored in the browser?

Where is data stored in the browser? We use browsers all the time, and every time we visit a web page, that domain keeps some data on our…

Blink Rendering Engine in a nutshell

Blink Rendering Engine in a nutshell The course is available at http://bit.ly/39eDgEA This course is designed to help you understand and…

Difference between substring and slice JavaScript String

Difference between substring and slice JavaScript String Today’s video will cover the difference between substring and slice methods…

Default Function Parameters in JavaScript

Default Function Parameters in JavaScript In JavaScript, if the caller does not provide the arguments to the function, the function…

What is Promise.then() and how it works?

JavaScript Promise.then() , how it works and what it returns? This video covers what is then method of a Promise , when to use it and…

Create Function in JavaScript using Function Declaration

Create Function in JavaScript using Function Declaration There are many ways to create functions in JavaScript. In this video, we will look…

How to create a new Promise in JavaScript?

How to create a new Promise in JavaScript? This video covers how to create a new Promise in javaScript. To learn about what are Promise and…

How much time a JavaScript function takes

How much time a JavaScript function takes We all write functions in JavaScript, and when they take a long time to complete, it is not clear…

What is Promise in JavaScript and what are its states?

JavaScript Promise and its States? This video covers what are Promise in JavaScript and learn a bit about the different states of Promise…

Logging JavaScript Objects using console.table

Logging JavaScript Objects using console.table Console.log is a well-known method to log objects on the console. However, if you want to…

How to check if a JavaScript Object is Empty

How to check if a JavaScript Object is Empty This video covers a common question JavaScript developers come across. How do I test for an…

What is Object.freeze in JavaScript

What is Object.freeze in JavaScript The Object.freeze method in JavaScript freezes an object. This means one cannot add or remove any…

Writing JavaScript code in Chrome using Snippets - Chrome Dev Tools

Writing JavaScript code in Chrome using Snippets - Chrome Dev Tools If you frequently write code onto the browser console, this video will…

Is JavaScript const immutable

Is JavaScript const immutable When declaring variable bindings in JavaScript, we can use var , let and const keywords. The let and…

JavaScript timers ECMAScript or HTML?

Are JavaScript timers coming from ECMAScript or HTML? This focus of this video is to answer these questions: 1) Where Javascript timers are…

How setInterval works in JavaScript

How setInterval works in JavaScript JavaScript has timers that developers can leverage to execute the code asynchronously. These are…

How to add a new property to JavaScript object?

Add a new property to JavaScript object This video covers 2 fundamental approaches of adding new property to a JavaScript Object. The first…

What is the ternary operator in JavaScript?

What is the ternary operator in JavaScript? Ternary operators are the only operator in JavaScript that takes 3 operands. They are often used…

How to Split a String in JavaScript

How to Split a String in JavaScript Learn how to split a String in JavaScript. The split method is available on JavaScript strings and it…

How substring method works on a JavaScript String

How substring method works on a JavaScript String This video covers how can you extract a portion of a string using substring() method in…

Add read-only (immutable) property to a JavaScript Object

Add read-only (immutable) property to a JavaScript Object Objects are fundamental to JavaScript. Working with objects is easy as the syntax…

What is the difference between JavaScript Map and Object?

Difference between JavaScript Map and Object Object and Map both allow you to store key value pairs, retrieve values and delete the keys…

Why do we need client-side storage?

Why do we need client-side storage? Learn what is the need to having a client-side or browser storage. In this video, you will learn 2 use…

How to add responsive font sizes in React apps using Material-UI?

Add responsive font sizes in React apps using Material-UI This video covers how to add responsive Typography to your react applications…

Why Learn JavaScript

Why Learn JavaScript JavaScript is the most popular language according to Github as of Nov 2019 (and will continue to rise). This is because…

Insert array in the middle of another array in JavaScript

Insert an array in the middle of another array with ES6 Spread This video covers stepwise approach on how to insert an array in the middle…

Repeat Strings in JavaScript

Repeat Strings in JavaScript Learn how to repeat Strings in JavaScript. This video contains 2 methods to achieve the task. It shows how…

What is Spread in JavaScript

What is Spread Element in JavaScript and how to spread an iterable? This video covers what is a Spread Element in JavaScript (ES6) and how…

Matching Numbers in JavaScript Strings using Regular Expressions

Matching Numbers in JavaScript Strings using Regular Expressions Learn how to match number patterns such as phone numbers and credit cards…

JavaScript String toLowerCase and toUpperCase

JavaScript String toLowerCase and toUpperCase In this short video, you will learn how to change the JavaScript String to lower and upper…

Convert JavaScript array into an object using reduce

Convert JavaScript Arrays to Objects using reduce In this video we will learn how to convert a given array into a JavaScript object using…

Programming problems on JavaScript array reduce

Hands On Programming with Javascript array reduce This video covers use cases and programming problems where reduce higher order function…

Search a String by matching against a regex in JavaScript

Search a String by matching against a regex in JavaScript Learn to match a String pattern inside another String using Regular Expression in…

How Strict Mode works in JavaScript

How Strict Mode works in JavaScript Learn how Strict mode in JavaScript works. The Strict has different semantics that the non-strict…

How reduce works on JavaScript arrays

How reduce works on JavaScript Arrays? In this video we will learn what is reduce higher order function available as a method on JavaScript…

How to find and replace all occurrences of a String in JavaScript

How to find and replace all occurrences of a String in JavaScript Learn how to find and replace all occurrences of a String in JavaScript…

How to filter elements from an array in JavaScript

Filter elements from array This video covers how to filter elements from a JavaScript Array using a higher order function called filter…

Type checking in JavaScript with typeof operator

JavaScript type checking with typeof operator This video covers what all built-in types exist in JavaScript and how to perform type checking…

Programming DOM (Document Object Model) in JavaScript

Programming DOM (Document Object Model) in JavaScript Learn to work with your Browser and Document Object Model (DOM). In this video, we…

What is DOM (aka Document Object Model)

What is DOM (aka Document Object Model) Learn what a Document Object Model aka DOM in JavaScript is. This video will help you gain…

What is the difference between JavaScript String Primitives vs String Objects

What is the difference between JavaScript String Primitives vs String Objects? Learn about the difference between Javascript String…

How for loops work in JavaScript

How for loops work in JavaScript There are 3 most common ways of using a for loop in JavaScript. This video demonstrates how for, for..in…

How includes method works in JavaScript String?

How includes method works in JavaScript String In this video, we will learn when and how to use includes() method on Strings. string…

Working with Grid System in Material-UI

Working with Grid System in Material-UI Check out the course trailer at https://youtu.be/hhZ6yFvCWho Check out the course at http://bit.ly…

Material-UI Styling with CSS in JS

Material-UI Styling with CSS in JS Check out the course trailer at https://youtu.be/hhZ6yFvCWho Check out the course at http://bit.ly…

Overview of ES6 Syntax

Overview of ES6 Syntax Check out the course trailer at https://youtu.be/hhZ6yFvCWho Check out the course at http://bit.ly/2SZDYyw Learn…

Comparison of Material UI with Google Material Design and what is Material-UI used for?

Comparison of Material UI with Google Material Design and what is Material-UI used for? Check out the course trailer at https://youtu.be…

What is Referential Transparency?

What is Referential Transparency? Referential Transparency seems like a complex topic, however, it is a simple concept that is fundamental…

Understanding Immutability in Scala

Understanding Immutability in Scala Do you know what immutability is? Immutability is not specific to any programming language, instead, it…

Is Scala Relevant For Me?

Is Scala Relevant For Me? Are you wondering whether Scala could be relevant to your work? Do you primarily work with front-end, back-end…

What Are some of the Scala Features?

What Are some of the Scala Features? Are you wondering what features #scala has? This video shares some of the key benefits of Scala…

Working with Scala REPL mode

Working with Scala REPL mode One of the key benefits of working with Scala is to experiment with ideas using Scala's Read-Eval-Print-Loop…