gopal1996

Console

Console is an Object that provides access to browser’s console. Console Object has different method to display information in browser dev tool.

• Logging
• Tracing
• Clearing
• Asserting
• Counting
• Timing
• Grouping

gopal1996

VAR

The var statement declares a function-scoped or globally-scoped variable, optionally initializing it to a value. Variables declared with var can be reassigned and redeclared in the same scope.

var name = 'Devkode'; // Global Scope
function greet() {
    var message = 'Hello!!'; // Function Scope
 console.log(name); // Output: Devkode

gopal1996

Map

• The Map object holds key-value pairs and remembers the original insertion order of the keys
• Any value (both objects and primitive values) may be used as either a key or a value

const map = new Map([
    ['1', 'string'],
    [1, 'number'],
 [true, 'boolean']

gopal1996

VAR vs LET vs CONST

VAR

In Javascript, when you declare variable using var keyword

• The variable declared using var keyword outside the function are global scope.
• The variable declared using var keyword within the function are function scope
• The variable declared using var keyword will get hoisted

console.log(instagramId) // undefined

gopal1996

Hoisting

Quiz 1

console.log(boo);
var boo = "boo";

var boo;
console.log(boo);
boo = "boo";

gopal1996

Set

Sets are a new object type which allow to create collections of unique values. The values in a set can be either primitives like strings or integers and non-primitives like object literals or arrays.

const set = new Set([10, 10, 20, 30, 'Tom', {name: 'Mike'}]);
console.log(set);

Output:

gopal1996

Recently I came to know about Reflow and Repaint. How it's affecting web performance. I am writing this post to give insights about reflow and repaint. Before Jumping into the topic, let's understand how the browser renders the website.

• When the user enters the URL, It will fetch the HTML source code from the server
• Browser Parse the HTML source code and convert into the Tokens (<, TagName, Attribute, AttributeValue, >)
• The Tokens will convert into the nodes and will construct the DOM Tree
• The CSSOM Tree will generate from the CSS rules
• The DOM and CSSOM tree will combine into the RenderTree

gopal1996

Devkode CSS Session

Challenge 1

Create a below design without modifing HTML elements

<div class="wrapper">
  <div class="box a">A</div>
  <div class="box b">B</div>
 C

gopal1996

Install Hadoop on Ubuntu

• Install ubuntu OS
• Login to ubuntu
• Switch to root

Create user

# adduser hadoop

gopal1996

OpenStack (DevStack) Installation

• Install ubuntu OS
• Login to ubuntu

Add User

sudo useradd -s /bin/bash -d /opt/stack -m stack