DEV Community: codeWithNithin

Intro to Node.JS

codeWithNithin — Mon, 19 Aug 2024 06:19:21 +0000

Episode - 01 - Introduction to NodeJS

NodeJS

official website says Run JS everywhere.
Its a JS runtime built on chrome's v8 JS Engine.
IT is a cross-platform means, it can run on any operating systems (windows, linux, MAC).
NodeJS is open source and maintained by OpenJS foundation.
NodeJS helps JS execute or run outside of the browser.
We can not only create servers, we can create lot more thing from it.
some keyword: event-driven architecture, non-blocking I/O (asynchronous I/O).

History of NodeJS

NodeJS developed by Ryan Dahl in 2009 - 1st version of it.
It is so popular even today.
It also had controversy.
There was a chance, where NodeJS could have been buried.
To run a JS, we need JS engine.
So, wherever u see JS code, there will JS engine to execute that JS code.
When NodeJS developed function SpiderMonkey is JS engine used which is the Firefox JS engine.
google chrome has a engine called v8.
Firefox has SpiderMonkey.
In just 2 days he, decied to start NodeJS with google v8 engine.
later on nodejs build with spidermonkey also.
But official doc, is using Google's v8 engine.
Company name called Joyent, working on something similar to NodeJS.
Earlier name of NodeJS was web.js.
There was a apache server, which is kind of blocky.
In 2010, NPM happend.
In 2011, support for Windows os also came up, that was led by Joyent
- MS.

How to be a Front-end dev in 2022?

codeWithNithin — Mon, 06 Sep 2021 05:08:39 +0000

To become a front-end dev, first you need to learn HTML,CSS,JS.
Before learning to code in HTML,CSS,JS. Know there roles in web development or in web page.
1.What to learn in HTML?
1.HTML semantic layouts, some of the basic tags like ,

, , etc....
2.difference between block level and inline tags or elements.

div and span elements 5.how to structure the document.

2.What to learn in CSS?
1.How to Use CSS in web development (inline, internal, external) styling
2.Then learn the CSS box model (this is a must learn for everyone)

Then the selectors (class, id, universal, etc...)
Learn the combinators(+, ~,>, ).
learn about display property (block, inline, inline-block) 6.Positon property (absolute, relative, fixed, sticky)
Flex and grid
build a website using HTML and CSS without JS.

3.What to learn in JS?

JS basics (data types, variables, functions, for, while, do-while loop, arrays, objects etc...)

after learning the above concepts. start practicing it at https://edabit.com/challenges, only for beginners, who just started to learning to code.
DOM concepts, if u are using a framework (its not a must)
now go through the concepts like hoisting, closure and all the concepts.

Bonus tips,

u should learn HTML and css, as you work on the real-world projects
In JS, practice try to practice array and object structure most often
in arrays must know methods are filter, map, reduce, push, pop, shift, unshift, slice, findIndex, indexOf and etc..

At last pick one framework or library of JS. (Angular, vue, React ).

Nodejs or Python which one is good for backend development?

codeWithNithin — Thu, 02 Sep 2021 04:51:48 +0000

I think as a front-end developer, i should go with the Nodejs. what about you?

Edabit challenge 4 | strings | very easy | Miserable Parody of a Calculator

codeWithNithin — Fri, 27 Aug 2021 05:53:56 +0000

Create a function that will handle simple math expressions. The input is an expression in the form of a string.

Examples
calculator("23+4") ➞ 27

calculator("45-15") ➞ 30

calculator("13+2-5*2") ➞ 5

calculator("49/7*2-3") ➞ 11

function calculator(exp) {
return eval(exp);
}

console.log(calculator("23+4"));
console.log(calculator("45-15"));
console.log(calculator("13+2-5*2"));
console.log(calculator("49/7*2-3"));

Edabit challenge 3 | strings very easy | Boolean to String Conversion

codeWithNithin — Fri, 27 Aug 2021 05:47:46 +0000

Create a function that takes a boolean variable flag and returns it as a string.

Examples
boolToString(true) ➞ "true"

boolToString(false) ➞ "false"

function tipOne(val) {
return val + '';
}

function tipTwo(val) {
return val.toString();
}

function tipThree(val) {
return String(val);
}

//you can also write using arrow functions

console.log(tipOne());
console.log(tipTwo());
console.log(tipThree());

from let, var and const keyword, which one you use the most in JS?

codeWithNithin — Fri, 27 Aug 2021 05:33:58 +0000

I only use let and const. mostly const when i know that the variable value doesnt change in the future and let only when i know that the variable value change in the future.

Which one you use the most in JS for strings, template literals or old string concept?

codeWithNithin — Fri, 27 Aug 2021 05:29:54 +0000

I do use template literals almost all the time

which is your favourite programming language?

codeWithNithin — Thu, 19 Aug 2021 14:48:58 +0000

mine is JS

How to create a variable in JS?

codeWithNithin — Wed, 18 Aug 2021 13:28:39 +0000

To create a variable in JS, we have 3 keywords, let, var and const.
where let and const is introduced in ES6, and var is the old keyword used to declare the variables.

For Example:

let firstName = 'Nithin';
const age = 23;
var lastName = 'kumar';

here let and var behaves in the same way, that is, we can change the value of the variable which is declared as let or var.

For example:

let firstName = 'Nithin';
var lastName = 'kumar';

firstName = 'Varsha';
lastName = 'kumari';

But const is a keyword, which doesnt change its variable value once it is being assigned.

For example:

const age = 23;
age = 24; // will give error

How to prepare for front-end interview for 2022?

codeWithNithin — Mon, 16 Aug 2021 08:28:38 +0000

As a front-end developer, 80% of the interview is based on JavaScript, then 15% of HTML and CSS. 5% on JS frameworks, am i right?

what's your deepest desire?

codeWithNithin — Mon, 16 Aug 2021 07:19:42 +0000

mine, is to become a expert in full stack dev, and also a millionare soon.

Edabit challenge 2 | strings | very easy | Return Something to Me!

codeWithNithin — Mon, 16 Aug 2021 07:14:32 +0000

Write a function that returns the string "something" joined with a space " " and the given argument a.
giveMeSomething("is better than nothing") ➞ "something is better than nothing"

giveMeSomething("Bob Jane") ➞ "something Bob Jane"

giveMeSomething("something") ➞ "something something"

// solutions

// method 1

// with regular
function giveMeSomething(str) {
  return `Something ${str}`;
}

// with arrow
const giveMeSomething = (str) => `something ${str}`;

// method 2

// with regular
function giveMeSomething(str) {
  return "Something " + str;
}

// with arrow
const giveMeSomething= (str) => "something " + str;


// conclusion
// always use template literal to concat a string, since its easier to use, so use the below code

function giveMeSomething(str) {
  return `something ${str}`;
}

// with arrow
const giveMeSomething= (str) => `something ${str}`;