About Me

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.

  1. July 09, 2021

    HTML form is used to collect user input data. We can validate the input data from the client side (JavaScript) before sending to the server.

  2. June 28, 2021

    SVG (Scalable Vector Graphics) is a two-dimension vector based graphic, support animation and interaction.

  3. May 12, 2021

    The react hook is the function that allows you to use the state and react feature from the function base component (FOC).

  4. May 06, 2021

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

  5. April 30, 2021

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

  6. April 29, 2021

    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.

  7. April 27, 2021

    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.

  8. April 24, 2021

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

  9. April 15, 2021

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

  10. April 02, 2021

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

  11. January 31, 2021

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

  12. January 29, 2021

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

  13. January 22, 2021

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

  14. January 21, 2021

    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.

  15. January 18, 2021

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

  16. January 18, 2021

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

  17. January 13, 2021

    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.

  18. January 12, 2021

    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.

  19. January 11, 2021

    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.

  20. January 05, 2021

    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.

  21. December 30, 2020

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

  22. December 27, 2020

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

  23. December 26, 2020

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

  24. November 30, 2020

    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.

  25. April 03, 2020

    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.