• Develop Animated Bubbles with HTML5 Canvas and JavaScript. A Step-by-Step Tutorial

    Discover how to make enjoyable Canvas animations using just JavaScript, without CSS.

    August 30, 2023

  • Tips for Creating Powerful Conference Talks

    In this blog post, I will share effective tips for crafting compelling conference talks that captivate your audience and leave a lasting impact.

    July 31, 2023

  • Build a beautiful fireworks animation using only HTML5 Canvas Element and JavaScript - JSByte

    In this tutorial, I'll show you how to use JavaScript and the HTML Canvas element to create a firework animation.

    April 30, 2023

  • March 31, 2023JavaScript

    Introduction to HTML Canvas and Canvas APIs

    HTML Canvas is a powerful tool for creating dynamic graphics and animations using JavaScript on web pages. It can be used to create data visualizations, augmented reality experiences, games, simulations, process images, manipulate videos on the fly and create digital art. The possibilities are endless! In this short post, we will look at how a basic HTML shape, and create an animating ball

  • March 8, 2023Career

    8 Women in Tech who have shaped the tech world

    There are many talented and successful women who have made significant contributions in technology. Here are 8 women who have inspired generations of women in technology

  • January 30, 2023Goals

    6 Steps to Setting Smart Goals that you will actually achieve.

    Setting your goals can be a daunting task. Whether you have already set your goals for the year or have yet to do so, this guide will provide you with the tools and resources you need to set goals that truly matter to you and help you to achieve them.

  • December 31, 2022Goals

    2022 - The Year in Review

    As we say goodbye to 2022, let's take this as an opportunity to reflect on the past 12 months. For me personally, this has been a year of great professional growth, exploring new ventures, taking a break from my side-hustle and spending beautiful moments with friends and family.

  • December 14, 2022Accessibility

    5 things to remember when building an app to make it accessible.

    Accessibility is often overlooked during the development process. This can lead to the need for quick, hacky fixes just before a feature is shipped. In this post, we'll discuss 5 things to consider while building your app to avoid these last-minute accessibility issues.

  • Oct 1, 2022General

    Stuff to install when setting up a new computer from an existing computer

    Setting up a new computer for development can be a time-consuming process. Here's a list of everything you need to get your dev environment up and running

  • May 12, 2022Conference

    What I learnt at Reactathon

    Last week I had the pleasure of attending and speaking at Reactathon 2022 in Berkeley. Here is a recap of what I learnt at Reactathon 2022.

  • April 27, 2022Career

    How to stay motivated as a developer and stop procrastinating.

    Do you ever find it difficult to work on your project, your side hustle, or even your hobby? In this article, I want to discuss what to do when you feel you have no motivation to do anything, or can not collect yourself to focus on your task at hand.

  • April 6, 2022React

    React 18 Quick Guide & Core Concepts Explained

    React 18 sets the foundation for concurrent rendering APIs that future React features will be built on top of. This release focuses on performance improvements and updating the rendering engine.

  • July 1, 2021GraphQL

    What is GraphQL?

    In technical terms, a GraphQL is a query language - a syntax for querying for data from any data source - be it an API or database. GraphQL is an alternative to REST APIs and provides a new way of asking for data. GraphQL lets you specify what data fields you need, and delivers exactly those fields. GraphQL specification defines the set of rules for implementing a GraphQL API.

  • June 16, 2021React

    What's new in React 18?

    Let's take a look at the major updates of React 18

  • April 27, 2021Career

    Becoming a front end web developer in 2021

    In this article, I will dive into the resources, a proposed plan of getting started, and a list of resources to help you learn to become a web developer. This plan is going to be focused on getting you a job, and therefore project-heavy.

  • April 13, 2021Career

    Useful free and paid resources for web developers to stay updated in 2021

    There's tons of resources out there to learn from. Here are some of my favourite free resources

  • Feb 8, 2021Career

    7 tips on how to deal with imposter syndrome and how to prepare for it

    If you have been feeling like this, you are not alone. 70% of the population feels the imposter phenomenon - feeling of anxiety, fear of failure and dissatisfaction with life.

  • January 20, 2021JavaScript

    JavaScript Form Validation – How to Check User Input on HTML Forms with JS Example Code

    We need form validation anytime we are accepting a user input. We must ensure that the data entered is in correct format, lies within a valid range of data (such as for date fields) and does not contain malicious code that could lead to SQL injections. Malformed or missing data can also causes erroneous results from API.

  • August 26, 2020JavaScript

    JSByte - JavaScript optional chaining `?.` - how does it work and when to use?

    Optional chaining in javascript is a new feature introduced in ES2020. Optional chaining changes the way properties are accessed from deeply nested objects. It fixes the problem of having to do multiple null checks when accessing long chain of object properties in javascript.

  • August 12, 2020JavaScript

    JSByte – JavaScript Array Slice vs Splice - the Difference Explained with Cake

    This could be translated to - `how to not get confused between splice and slice` because, I can never remember the difference between the two. So I am hoping this trick will help me and you in the future.

  • August 5, 2020JavaScript

    JavaScript URL Encode Example – How to Use encodeURIcomponent() and encodeURI()

    You might think that encodeURI and encodeURIComponent do the same thing, at least from their names. And you might be confused which one to use and when. In this article, I will demystify the difference between encodeURI and encodeURIComponent.

  • July 20, 2020JavaScript

    Access-Control-Allow-Origin header explained- What is it used for and how to use it?

    Access-Control-Allow-Origin is a CORS header. CORS is a mechanism for browsers to let a site running at origin A to request resources from origin B. Origin is not just the hostname, but a combination of port, hostname and scheme.

  • June 26, 2020JavaScript

    JSByte - How to use fetch API to make AJAX requests in JavaScript?

    Fetch is an interface for making an AJAX request in JavaScript. It is implemented widely by modern browsers and is used for calling an API.

  • June 16, 2020JavaScript

    JSByte - How to check falsy values with null or undefined in JavaScript

    An important rule of checking type with null or undefined is that in the equality equation above, the result will be true only if both sides are either null or undefined.

  • June 11, 2020JavaScript

    JSByte - JavaScript Event handlers

    Common event handlers and their usage.

  • June 11, 2020JavaScript

    JSByte - How to handle events in JavaScript

    Events are actions that happen when a user interacts with the page. The browser notifies the system that something has happened, and it needs to be handled. It gets handled by registering a function, called `event handler`, that listens for a particular type of event.

  • June 8, 2020JavaScript

    JsByte - DOM layout - How to get the width and height of DOM elements.

  • June 1, 2020JavaScript

    Type conversion in JavaScript

    JavaScript will perform type coercion - convert types to match each other, for these operations. It will try to make sense of the operands, try to convert them to string or number, and when something doesn't seem intuitive to convert to number, such as `five`, it gives back `NaN`.

  • Apr 20, 2020GraphQL

    Getting started with GraphQL

    GraphQL is essentially a query language for your API. It is a way of asking for data from API. It offers a flexible way of asking for data, and you can get as much or as little data as you need.

Get latest blog articles in your inbox.

I will not spam. I will not sell your data. Ever.

All rights reserved.