I'm Taimoor Sattar, full-stack developer.
My name is Taimoor Sattar. I've experienced in developing UI/UX for modern websites and populate the data from the back-end to visualize in the front-end.
I've written a book about JAMstack. JAMstack is the modern way to build the websites as the front-end is decoupled from the back-end. You can read more about it below.
SVG (Scalable Vector Graphics) is a two-dimension vector based graphic, support animation and interaction.
To create a responsive text, we can adjust font properties based on the browser size..
To start a career in web development, the first thing you need to choose is the programming language.
We can use table to structure data in column and rows. Table is the HTML way to layout the data.
The react hook is the function that allows you to use the state and react feature from the function base component (FOC).
Flexbox is one-dimensional layout that allow the content to sit side-by-side.
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..
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.
CSS (cascading style sheet) is used to style HTML elements.
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.
In the monolithic approach, all the application data sits on the same server.
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.
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.
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.
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.