The first time I wrote a code that contains an import statement, I made literary a stupid mistake. Even though I had an experience of 8 months working with JavaScript, I spent about two nights trying to figure out why the program is not working.

I want to show you the mistake directly, but there’s no mayhem in saying more about the story to make every word I say relevant.

A lot of JavaScript developers still have that kind of perspective of let’s stay old. Why would I learn how to implement new features in JavaScript? And I used to…

Whenever we decide to save information on our web application, we think immediately about the database. If the information we are about to save, let’s say, concerns a piece of data, we may choose to use Session in PHP.

If you decided to use Session or database, you have to get the server in the equation. Using the server requires a backend language like PHP, Python, or a framework like Express.js, and that needs some extra work.

Web Storage API

To avoid storing a small amount of information via Session and database, we can rely on Web Storage API, as defined by our…

Frontend development is the most deceptive field in IT. When you get into it everything seems easy, you spend some time learning HTML, then you move on to CSS, you don’t even understand most of its principles but you move on to JavaScript.

Once you decide to build an interesting thing with HTML, CSS, and JavaScript, reality will hit you with the complexity of these things, especially CSS.

CSS is deceptive; its easy syntax hides the complexity of building a robust layout and responsive interfaces and even dealing with how to name things in CSS.

You may not take naming…

Staying up to date with the latest trends in front-end development and sharpening our skills is one of the liabilities that we have as developers, you are not doing that just to become the cool developer in the room or on Twitter, you’re doing it typically to keep your job alive and your economic value high.

Companies and start-ups will change their stack if that is going to impact the budget of the production, the number of hired engineers, or the product in a good manner, and we can take as example Coinbase and how they switched to building their…

Ajax History

Creating dynamic websites without refreshing the entire page and pop-up windows was the door to celebrity or fame for JavaScript. The fundamental concept behind creating dynamic pages was first developed by Microsoft when they introduced the XMLHttpRequest object in Outlook in 1998.

In 2004 and 2005, Google pushed things to the next level for dynamic websites by introducing Gmail and Google maps, and this time they used Ajax. Jesse James Garrett coined the term Ajax, and it stands for Asynchronous JavaScript and XML.

The major goal for Ajax was loading data from the server to the browser without a visible…

In the first part of this article about native modals or the <dialog> element in Html, we have talked a little about the definition of modals, their underlying utility, plus how they belong to alerts and not to notifications as we may think in the first while.

After that, we have built a simple modal using the dialog element in HTML. If you followed with me to the end of the article, you’ll notice that I mentioned how this modal (the one we have built) is ugly and need to be styled. …

Confirmations or modals are one of the best approaches to get the attention of the user. In fact, they are useful not just for getting their attention but we can go ahead and block their interaction with the website until they acknowledge the modal itself.

Any modern web application should use modal to inform users about important information. However, it’s hard to convince web developers to use modals or notifications. Most of them still think that they are for mobile platforms.

Alerts and Notifications

Modals are a part of alerts though you might think they are a part of notifications. There’s a small…

Objects are the weirdest method of data collection in JavaScript, and they are likely the most used one, even though you might think that it might be arrays. The core of JavaScript and how we treat data is all about objects.

Everything can be treated as an object in JavaScript. Remember how many methods you have used to manipulate strings, how many arrays methods you have worked with, or how you’ve been creating objects through functions.

I’m not saying that in a fancy way. Create a function, array, and an object, then test if they are instances of an object…