Design Patterns in JavaScript

Selen Gora — Mon, 10 Feb 2020 14:06:22 +0000

Just started course, Design Patterns in JavaScript on Udemy.

Here is summary from first section by @nesteruk from course.

Day 1 of #100DaysOfCode

Selen Gora — Thu, 02 Jan 2020 18:36:17 +0000

Asynchronous and OOP JavaScript practice.

Rust or Go for web development?

Selen Gora — Thu, 05 Sep 2019 11:15:58 +0000

Liquid error: internal

Javascript hoisting note to myself

Selen Gora — Wed, 21 Aug 2019 22:11:11 +0000

A variable can be used before it has been declared.*

x = 24; // Assign 24 to x
console.log(x); // 24
var x; // Declare x

var, let, const Differences

var declaration phase and initialization phase are same level. var variables are hoisted.

let declaration phase after uninitialized state after comes initialization phase.

Hoisting is not valid for a let variable (including for const and class).
Before initialization, the variable is in temporal dead zone and is not accessible. *

Little bit deeper on let, const variables, actually they are hoisting but…

It will throw an exception if you access the variable before the initialisation even if the accessing code is below the declaration (e.g. in a hoisted function declaration that is called too early).

user Bergi has the explanation on stackoverflow

Jul 4 '15

464

@thefourtheye is correct in saying that these variables cannot be accessed before they are declared. However, it's a bit more complicated than that.

Are variables declared with let or const not hoisted? What is really going on here?

All declarations (var, let, const, function, function*…

Open Full Answer

Function hoisting?

Function declarations are hoisted

helloFunction(); // Hello hoisting
// function declaration
function helloFunction() {
    console.log('Hello hoisting');
}

Assignment functions(Function expressions) are not hoisted

myNewFunction(); //Uncaught TypeError: myNewFunction is not a function
// function expression
let myNewFunction = function(){
    console.log('Hello hoisting expression');
}

References:
w3schools
YDKJS
@freecodecamp
@freecodecamp

Kawaii Cat with pixel art + css

Selen Gora — Wed, 21 Aug 2019 12:54:47 +0000

Setting the box in container to full width with CSS Grid

Selen Gora — Wed, 21 Aug 2019 12:46:13 +0000

I made fixed width box and full width box in grid container.
It was new about me and wanted to share 😍

DEV Community: Selen Gora