Masoom’s Dev Blog

- Articles, Blog Series & more -

Focus

It doesn’t matter what career you may choose-whether you may experience or fresher, but you can achieve massive success by dedication, hard work, and commitment in the time frame that gives values to your life goals. The blogs and examples are made for beginners as well as experts in the IT industry. suggestions, feedback is always happy to receive. Happy Coding ..!

Latest Writings

How I Imported all the missing imports with 1 hidden option?

I was working on one of my new angular projects, I have to create a copy of the existing component and I have to do this multiple times.

All-in-One Angular 9 Directives Cheatsheet

Angular Directives are used to manipute DOM based on the conditions provided. This article gives you the list of all built-in directives (attribute & structural) in Angular.

Best Practices to Avoid Nested Grid Hell in CSS

If you’re a UI developer, you might have heard about girds & grid structure during the development process. Most of the developers get confused about when to use & when not to use grids.

How to add any PWA Website in your Android & iOS Devices

PWA is one of the latest trending technology from Google. Most of the websites and web applications are adapting to PWA as it gives superpowers to any common website.

Catch the role of Environment Variables in Vue JS

When we are developing an application, we always have different application settings based on the development stages or environment we are in.

Layman Understanding of Git Terminology

If you’re a developer, you probably have heard about GIT or SVN. Also might be heard someone say “Clone that repo” or “Create a new branch from develop” or even “Create a PR once you finish your feature”.

7 Most Common Beginner Mistakes in CSS

During the learning stage, we all face a few difficulties in understanding, implementing, stuck while trying out new things, etc., It happens with most of us.

Debug Your Website in Chrome Browser in Andriod Devices

As a developer, debugging is a terrible nightmare and also the most crucial part of the development. Especially, when we had to debug in real-time devices.

The CSS Way: 3 Tricks to Resolve Image Stretching Issues in your Website

Landing pages, banners, blog posts, cards. Well, we use images mostly everywhere to bring life to our site and we also issue with an aspect ratio of the images. In this article, we will be writing some CSS to prevent images from stretching in our web pages.

Articles

Dev Tutorials / Series

Overriding Components using 'cxOutletRef' Directive | Spartacus

If you have come here, it means you know a bit or two about SAP’s Spartacus Angular Framework. In the last article, I have given a basic context required to start the development with Spartacus.

UI Ready | Alarm Clock App with Angular - #2

This article (Part 2) comes with the creation of a User interface for alarm clock and with basic handling with different scenarios.

Spartacus Framework Walkthrough | Pilot #0

Hi Folks! Welcome to my new blog-series on Spartacus a new framework designed by SAP for their Commerce Cloud applications.

Project Setup | Alarm Clock App with Angular - #1

In this tutorial, we will set up our angular project, customize and install the necessary dependencies.

Build an alarm clock application using Angular | Pilot #0

We all know Angular is a platform for building mobile and desktop web applications. It’s always popular and booming since the release of version 2. So, here I am with the tutorial on Angular to cover the basics by building an alarm clock application, which will help beginners to get a grasp of it.

Series

Be the first to know about my upcoming writings.