Event listeners and DOM interactions in modern Javascript explained with examples

Event listeners and their interaction with DOM is a very important part of Javascript. There has been many solutions and ways to deal with…

Continue reading

CSS custom properties for image backgrounds explained

We have talked about CSS custom properties or CSS variables in a few articles before. Here we explain how we can use them for background…

Continue reading

Use FlexBox or Grid in a simple layout design with reordering elements

We all heard about where to use FlexBox and grid everywhere and still might wonder about it. One of the many use cases and real word…

Continue reading

It is all about User Interface, stop the fight and build the web

If you still don’t know ( which is good actually) there has been a lot of talk about the front end divide I call it. About the huge…

Continue reading

Destructuring nested objects explained with some examples

One of the most useful and yet advanced aspects that ES6 introduced was destructuring objects and arrays. But it is most interesting when we…

Continue reading

Using map method in real world use cases; mostly in React

As we know the map() method creates a new array with the results of calling a provided function on every element in the calling array…

Continue reading

Similarities and differences between rem and em CSS units explained with examples

One of the most important take over in CSS is units. Understanding how units and specifically rem and em work make a huge difference on how…

Continue reading

How to use positon : sticky in CSS to create awesome sticky header and flexible sticky elements without Javascript

Creating sticky elements on the page and specifically sticky header has always been a Javascript thing. We used to create a class with…

Continue reading

React fundamentals to build real world applications: how React renders elements

This article is inspired by the very informative site called Egghead.io which I enjoy so much. Where I learnt things from deeply. Therefore…

Continue reading

React Context API and how to use it explained in simple steps with examples

React Context API is getting a lot of attention after the latest updates. Because in some cases that the application is not too complicated…

Continue reading
© 2020
Azadeh Faramarzi

This site is created and maintined by Azadeh Faramarzi , A passionate developer, sport and code lover who loves to share and write when she has some time.