Web Development Notes

A Visual Journey Through Hand-Sketched Wisdom.

Why you should consider getting it?

1. It's absolutely free

2. You can print these sheets and paste them at your workplace
3. It will motivate me to keep sharing content
4. Share it with your friends in the bar
   
   

What will you get?

You'll get a bunch of sketch notes which can help you understand complex web topics easily.

• CORS
  
  CORS is a nightmare for developers. Stands for Cross-Origin Resource Sharing. It is a security feature implemented by web browsers to restrict web pages from making requests to a different domain than the one that served the web page. In simpler terms, it's a mechanism that allows web servers to declare which origins (domains) are allowed to access their resources, such as APIs, images, fonts, etc., on the server.
• Box-Model
  
  The web box model is a fundamental concept in web development and refers to the way elements on a web page are structured and spaced. It defines how the content, padding, border, and margin of an HTML element are calculated and displayed.
  
• REST API
  
  REST API stands for Representational State Transfer Application Programming Interface. It is an architectural style for designing networked applications, primarily web services, that use HTTP as the communication protocol. RESTful APIs are designed to be simple, stateless, and easily scalable, making them widely used for building web and mobile applications.
• Structure of a URL
  
  The structure of a URL typically consists of several components — scheme, host, port, path, etc.
• CSS Positioning
  
  CSS positioning is a fundamental concept in web development that allows developers to control the layout and placement of HTML elements on a web page. With CSS positioning, elements can be moved, overlapped, or aligned relative to their normal position in the document flow, giving designers greater control over the visual presentation of their web pages.
• Semantic HTML
  
  Semantic HTML refers to the use of HTML elements that carry meaningful and descriptive tags to define the structure and content of a web page in a way that is meaningful to both browsers and developers. In other words, it involves choosing HTML elements that convey the intended meaning of the content they enclose, making the code more readable, maintainable, and accessible.
• Git Workflow
  
  Git is a distributed version control system (VCS) that enables developers to track changes, collaborate, and manage the source code of their software projects efficiently.
• 13 most used Git commands
  
  Git is confusing but we don't need to learn all the commands. A few commands are there which we will use 99% of the time.
  
  

Sneak Peak!

CORS explained in a creative interactive way.

What's next?

I share a lot of web development and AI content on X (formerly Twitter). Make sure to follow me there. It helps me stay motivated to produce free content.