Taimoor Sattar

CSS grid is the most powerful layout system available. It makes life easy to layout content in 2-dimension.

SAAS (software-as-a-service) products are the software that makes customer life/work easy and could be accessed via the Internet or offline..

React is the most popular JavaScript library for building the user interface. In React, we create reusable UI components and render these components based on the logic operation.

The float CSS property places an element on the left or right side with respect to other elements, allowing text and inline elements to wrap around it.

Layout in CSS makes your content sit in a row or column. A Flexible layout helps to fit more content in less space.

API is the route (URL) where we can send the request to retrieve and manipulate the data based on the information we provide.

We can respond on page scroll with JavaScript e.g. navigate to the top of the page, reveal content, progress bar on Scroll.

CSS (cascading style sheet) is used to style HTML elements.

GitHub pages is used to host your static files like HTML, CSS and JavaScript.

Javascript is a language that's understood by the browser. You need to make your JavaScript code more readable in fewer lines of code.

The CSS animation is the smooth transition of an object from one style to another.

You can customize the scrollbar in CSS using pseudo-elements with WebKit browsers

HTML forms are used for user input/interaction. We can style the HTML form using CSS. In this blog, we style the HTML form with a search icon wrap inside it.

HTML elements are considered as boxes that take some area. We can explain the HTML element area in CSS as box model.

Images are visuals that display on the browser. Responsive image responds to different screen size and pixel ratio.

There are millions of websites on the internet, struggling to rank on the first page of Google for traffic keywords. Ranking in Google is a long-term strategy, not a short-term strategy.

HTML Link in the website is used to navigates from page to page. We can define an attribute on the HTML link to make it more meaningful.

React is a UI library that helps you manage a lot of things easier with features like Virtual DOM(normal DOM updates are slow), handling data with states, component-based structure, etc.

To learn about web development in 2021, you have to understand what makes up the websites.

setTimeout and setInterval functions can schedule the task. setInterval executes the function repeatedly while setTimeout execute the function once.

Javascript is an object-oriented programming language and was designed to add interactivity to HTML pages.

We can use the blob object in JavaScript to preview an image. It is useful in scenarios when you want your user to preview the image post before uploading it to the server.

In the monolithic approach, all the application data sits on the same server.

The blob object in javascript used to represent the raw data with different media types (MIME Type).

Javascript is used for dynamic content appearing without refreshing the page and interactivity to HTML pages.

Data attribute allows storing/embed an extra bit of information private in HTML elements.

The disabled attribute is used to disable the user from interaction (e.g. typing and selecting) of HTML elements.

CSS variables are the value that can be reused throughout the entire document and it saves from the reputation of values.

CSS is used to style the HTML elements. Also, we can use Javascript to style the HTML elements.

Media queries used to assign custom styling based on browser width.

We can define regular expressions to match the patterns in strings. To validate the email address, we can define the regex expression.

In JavaScript, we use the loop to iterate over an array. We will discuss about Traditional and forEach loop method in Javascript

Break the word JAMstack as JAM and stack. JAM means javascript, API, and markup. JAMstack is the modern way for application development.

In JavaScript, Conditional Statements executes certain operations based on logic.

Data in an object defined as key/value pair. In JavaScript, Object has multiple values and can also define the function inside of it.

Combine arrays in Javascript using concat and Spread operation

Create the environment variable that is accessible to both the client and server-side function in Next.js

I have mentioned some of the recommended sites to find assets for your content

This article cover steps to be more productive at work.

create-react-app is not good for SEO. For SEO friendly create-react-app, you need to prerender it.

This course bundles with learning the core concept of website development and a way to earn passive income.

On the internet, there are plenty of resources and too many disciplines that might confuse you at first. You have to spend a lot of time figuring out what is bad or good for your career.

Environment Variable works differently in create-react-app. To access the environment variable in your app, you have to add the prefix REACT_APP_ before defining your variable.

Documentation of your repo will help you in many aspects. When you link your repo to the hiring team, they will better understand what your code is doing.

Remote Jobs helps you to eliminate the 9-5 working hours of the office and you can earn extra money.

Searching for remote jobs is a good option to work remotely at home. Eliminate the 9-5 office job timing in remote work.

Javascript have a built in object called `Date`. `Date` object in javascript is used to work with Date and Time.

NodeJs is open sources, cross platform run-time environment for writing server side application.

Effective blog post can enhance the engagement of reader to take action. Good writing is about explaining the reader the exact scenario of the scene.

Google is one of the most popular search engines. We use Google to search for different queries.

Markdown is the light weight, plain text language that you can use to add formatting to your document.

SEO helps to reach a better ranking in search engines. SEO is getting better and better days after days and this guide will help to understand SEO better.

WordPress is a free CMS(Content Management System), power up most of the website and is used by many web community.