Semantic Code

12/02/2021

For more articles, subscribe your email here.
hashnode: https://semantic-code.hashnode.dev/
dev.to: https://dev.to/ahmedibrahimgalal

https://semantic-code.hashnode.dev/javascript-array-methods-part-2-1

Hello everyone in this article, we will know some of Javascript Array Methods. Before, we learned about push, unshift, splice. Javascript array methods part 1 slice method slice method is used for get some elements form an array, but not remove any...

10/02/2021

Simplified explanation of Javascript Array methods.
For more articles. subscribe with your email here
https://semantic-code.hashnode.dev/

Javascript Array Methods Arrays in Javascript provide a lot of methods, To make things easier. Add Items There are many ways to add items in an array Like: push unshift We use push method to add items to the end of an array. let arr = [1,2,3,4];...

01/02/2021

The getComputedStyle() method returns an object containing the values of all CSS properties of an element, after applying active stylesheets and resolving any basic computation those values may contain.
________________________________________________________________
الداله getComputedStyle هي داله تابعه لل window object وتاخذ منا argument وهو عباره عن عنصر html يوجد بالصفحه ومن ثم ترجع لنا الداله مصفوفه بها كل خصائص ال css الخاصه بهذا العنصر. كما هو موضح بالمثال في الاسفل.
References:
https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
https://www.w3schools.com/jsref/jsref_getcomputedstyle.asp

01/02/2021

"higher-order functions in Javascript''

Higher-order functions are functions that receive other functions as arguments or return functions as their results. They are extensively used in JavaScript like in .filter(), .map(), .reduce() or .forEach() functions.
هذا المفهوم بكل بساطه هو انه يوجد لدينا Function تقبل منا function اخري ك argument فتسمي ال function الاولي ب higher order function كما هو موضح في المثال التالي :
const myArray = [1,2,3,4];
const myMultiplyFuncion = n => n*2;
newArray = myArray.map(myMultiplyFuncion);
console.log(newArray);
//[2, 4, 6, 8]
في المثال السابق ال higher-order function هي ال map.
وفي الكومنتات صور توضح هذا المفهوم.

01/02/2021

JavaScript Variable Hoisting
وهذا المفهوم في الجافا اسكربت بكل بساطه هو استخدام المتغير قبل تعريفه كما موضح في المثال التالي

```
firstName = "Ahmed";
console.log(firstName); //Ahmed
var firstName;
```
ولكن اذا استخدمنا ال keyword let سوف يعطي ايرور ReferenceError كما موضح في المثال التالي

```
firstName = "Ahmed";
console.log(firstName); //Reference Error: cannot access 'firstName' before initialization
let firstName;
```

31/01/2021

Every element that can be displayed on a web page is comprised of one or more rectangular boxes. CSS box model typically describes how these rectangular boxes are laid out on a web page. These boxes can have different properties and can interact with each other in different ways, but every box has a content area and optional surrounding padding, border, and margin areas.
____________________________________________________________
مختصر مفهوم ال box model في ال HTML ان اي عنصر في الويب له مساحه المحتوي بتاعه وهي ال width , height وله ازاحه داخليه وهي ال padding وله border وله ازاحه خارجيه وهي ال margin

13/01/2021

خسر ايلون ماسك 14 مليار دولار فى يوم واحد ليتراجع للمركز الثاني ويصبح ثان اغنى رجل في العالم

11/01/2021

Developer life