DEV Community: Ebrahim Hasan

How do you deal with imposter syndrome?

Ebrahim Hasan — Mon, 20 Apr 2020 05:07:10 +0000

I think this is a topic for discussion, How do you deal with imposter syndrome, when you feel that everyone knows more than you or you are not "that" good, did you feel like that before? and Are you still facing it?

How do you manage your time between Projects?

Ebrahim Hasan — Sun, 02 Feb 2020 01:15:49 +0000

As the title says, how do you manage your time between Projects? and how do you keep a life work balance? Any advice is appreciated!

Getting started with ES6

Ebrahim Hasan — Sun, 26 Jan 2020 12:17:17 +0000

1. Introducing let and const

What are let and const? let and const are new variables that were introduced in ES6, so what's the difference between var, const and let?

var can still be used, however it could be more used in global variables.

"let" in the other side, are local variables that can be changed after assigning them, while "const" are local variables that are actually CONSTANT and have to be assigned when you declare them.

Both "let" and "const" are block scoped, while var isn't.

let's see an example:


function testVariables(){
  
  if(1 === 1){
    var es5 = "testing";
    let es6 = "test2";
    const es6_const = "test3";
  }
    console.log(es5);
    console.log(es6);
    console.log(es6_const);
}

In the above code, you may think that es5, es6, and es6_const are actually not defined, so it will cause an error, and this is partially true.

both es6 and es6_const should throw a ReferenceError, however es5 was able to prent "testing" even if it was outside the if statement scope.

An other very helpful example are defining variables inside and outside a conditional scope.


function testVariables(){
   var es5 = "testing_outside";
   let es6 = "test2_outside";
   const es6_const = "test3_outside";

  if(1 === 1){
    var es5 = "testing";
    let es6 = "test2";
    const es6_const = "test3";

    console.log("inside es5: "+es5);
    console.log("inside es6: "+es6);
    console.log("inside es6_const: "+es6_const);
  }
    console.log(es5);
    console.log(es6);
    console.log(es6_const);
}

In the above function, an expected output would be

inside es5: testing
inside es6: test2
inside es6_const: test3
testing_outside
test2_outside
test3_outisde

But it is wrong. the actual output is:

inside es5: testing
inside es6: test2
inside es6_const: test3
testing
test2_outside
test3_outisde

so what has changed in the actual output? the outside "es5" variable was overwritten by the new declared var variable outside the if statement,
while es6 and "es6_const" (let and const) was able to actually maintain the variable as it is from outside the if statement.

More info can be found here:

let

const

2. Template literals

In the previous two examples, we had to use + sign to join two strings together, but not anymore! with ES6 you now have a template literals, to know what they are and how they help, let's look at this simple add string function.


function add_strings(string1,string2){
 return string1 + " " + string2;
}

You may be very fimiliar with the above string joining method, but is there a better way? the answer is YES!


function add_strings(string1,string2){
   return `${string1} ${string2}`;
}

This above function does the exact same as the first one, but it looks much more easier is it?

What about adding integers together then adding them to the string? in ES5:


function add_strings(string1,string2,num1,num2){
 return string1 + " " + string2 + " " + (num1+num2);
}

in ES6:


function add_strings(string1,string2,num1,num2){
   return `${string1} ${string2} ${num1+num2}`;
}

more info can be found here:

Template literals

3. arrow functions

Arrow functions are a different way to create functions. let's take a look at our add_strings function:


function add_strings(string1,string2,num1,num2){
   return `${string1} ${string2} ${num1+num2}`;
}

the arrow function would be:


(arguement1,arguement2,....) => {
  //Method here
};

so in our case:


let add_strings = (string1,string2,num1,num2) => {
   return `${string1} ${string2} ${num1+num2}`; 
};

or even better for one line functions:


let add_strings = (string1,string2,num1,num2) => `${string1} ${string2} ${num1+num2}`;

More info can be found here:

Arrow functions

That's it for this article! I hope you found this helpful! if you have any questions, or any feedback, feel free to comment or message me!

Interested in learning a new technology? Read this

Ebrahim Hasan — Sat, 25 Jan 2020 00:46:40 +0000

In today's world, tech are changing everyday, programming fields included, new tech comes to the light, and you may be pressured to learn it because others are using it, but should you really learn it too?

I have been wondering that myself for a long time, and I actually felt bad for not knowing the new tech or the new programming languages, but I found out that it really doesn't matter.

If you don't need it, don't learn it.

Is this new tech going to make your life easier? Are your clients interested in using it? does it have a potential market?

If all of the above questions are no, then you shouldn't really bother learning it, at least right now.

Take a grip of your current tech first.

How good are you in using the tech you have? Are you really ready to add a new tech to your list of skills?

Don't rush it.

You may be inclined to learn any new tech that comes to light, but if you decided to learn every new tech that comes out, you won't be able to concentrate on the current ones you have. so before learning a new tech make sure to take it slow first.

This is the end of the post, this is my first post ever, so I am sorry if it isn't that organized, with that being said, what do you guys think? have you ever been in a situation were you felt inclined to learn new tech to find out that you didn't really need it? All comments and discussions are appreciated!