Sometimes we are looping through arrays to do some work. Often we don’t need to loop all the way through. Then we need to stop looping or break out of the loop. In this article, I will show you different kinds of JavaScript loops and examples of how you can break the loop. How to…
In this article, I will show you 6 different ways of adding elements to an array in JavaScript. I will also include ES6 methods. Here are the different JavaScript functions you can use to add elements to an array: #1 push – Add an element to the end of the array #2 unshift – Insert…
In this post, we will fetch a random integer between two numbers we define. I.E. let’s say we want a random number between 1 and 100. We will use methods from the MATH object to achieve this. More specifically the Random and Floor methods. Let’s first see what the random method does: We don’t want…
Vue.js is a very popular JavaScript frontend framework that is experiencing tremendous growth because of its simplicity, minimalism, and good performance. JavaScript frameworks help us create not only modern web apps but also desktop and mobile apps. During the creation of an app, we find that we need ways to persist data so that users…
Angular is one of the most popular JavaScript frameworks out there, notably with enterprise systems. In this article, you’ll learn how to create a custom searchable dropdown component which can search through an array of data and return the particular item a user searches for. At the end of this article, you’ll create a real-world…
Like Vue and React, Angular remains one of the most popular JavaScript frameworks or libraries. With Angular, it’s easier to write reusable, easy to maintain, readable code; hence, Angular is known for speeding up development time. In this article, you’ll learn how to get JSON data from an API and display in HTML, in quick…
What are web components? Technology keeps changing every day, and the growth of the web is something we can all witness directly through millions of devices that can connect to the internet. Decades ago, front-end development only involved simple tech stacks to deliver user interfaces. This method wasn’t as efficient because front-end developers could not…
The world of virtual reality is a technological marvel, no doubt. Virtual reality is the term that indicates the creation of an artificial environment with the power of specialized software and hardware to provide user experiences in such a way that the user would believe that the artificial creation is real. Now, the concept of…
In this tutorial we will: Create a simple weather app by fetching data from a local JSON file using the fetch API. We will create the app from scratch using Vue CLI. Use CSS with flexbox to make the design look good. Replace the fetch API with axios This is what the final result will…
A lot of skills are needed to make a good software developer: management, communication, teamwork, coding skills, etc. While it takes time and experience to improve all these skills; impressive coding skills are required from software developers at all levels. It is expected of all software developers to be good coders regardless of the years…
