What problems does react solve? Back in the day, we had HTML files for each page and every time we moved from one page to another, the browser would have to send requests to the server each time. But in single-page applications, like React.js, the Javascript files just update the…

Positioning elements side by side the old way… Hey folks, today we will learn the old fashion way to style layouts and basically the key thing here is to learn why we are using these CSS properties. Thanks to Brad Schiff ( youtuber) whose Udemy course and YouTube videos has…

Few important rules that will make our lives easier! — Things you will learn: CSS Selectors Specificity CSS box model CSS Selectors: Type Selectors: It is the name of the element. You simply select the element and add CSS to it. h1 { color: orange; text-align: center: } p { color: green; } Descendant Selectors: Getting access to elements inside…

HTML simple table for collecting data. Let’s make a grocery list together :) <table> <thead> <tr> <th>Name</th> <th>Aisle</th> <th>Price</th> <th>Quantity</th> </tr> </thead>…

Today we will learn about basic HTML forms. We can literally copy-paste any form from Google but understanding the basics is very important when you are about to apply for a front-end position. One of the ways a user can interact with a web browser is through Forms. Let's practice…

In this blog, we will learn about HTML elements that I use on daily basis. Contents: Structural Elements Navigation Element Non-semantic Elements HTML Comments Section Element Structural Elements: The purpose of these structural elements is to gove additional semantic meaning and organization. <header> </header> <footer> </footer> <artcle> </article> Self-contained item of content <aside>…

Using a simple counter form to go over this concept I will assume before jumping into this topic that you have worked with React before and know at least some of it! We have built applications with React, but often times we do not question why and how these things…

Integrating Zomato API step by step process. When I was a Software Engineering Bootcamp Student, I had a hard time incorporating external APIS to my Rails App. It required me to read the documentation, get the API key, and what not! Oh well, that's every engineer’s life. …

Oh well! It did take me a while to wrap my head around how Javascript, being a single-threaded language (meaning it has only one execution path), handles asynchronous calls. Asynchronous Behaviour is possible through Callback Queue! I will be explaining this in a bit.