Modern Web Development

A friendly, hand-drawn introduction to how the web really works. This visual guide uses cartoons, metaphors, and simple projects to take beginners from zero knowledge to building and launching real modern websites—all without jargon, stress, or intimidation.

Modern Web Development turns the confusing world of HTML, CSS, and website deployment into something visual, understandable, and genuinely fun. Using hand-drawn diagrams, stick-figure guides, simple metaphors, and colorful illustrations, author Tobias Scharl demystifies what happens when you load a webpage, how browsers and servers talk to each other, and how modern sites are actually structured and styled.

Instead of overwhelming beginners with frameworks and tooling, the book focuses on what truly matters:

• understanding how the web works
  
• learning the essential HTML and CSS rules
  
• building clean, modern layouts
  
• making sites responsive
  
• getting a website online so others can visit it
  

Along the way, readers are introduced to AI tools as helpful, practical assistants for writing, debugging, and exploring code—an essential skill for the next generation of web creators.

By the final chapter, readers have the confidence, mental model, and hands-on experience to build and launch real websites, and a clear sense of what they can learn next.Tobias Scharl is a software developer with professional experience in the automotive industry, where he has worked as a software engineer at an automation company. He is in the final year of his apprenticeship as a Fachinformatiker für Anwendungsentwicklung (software developer) and has spent several years self-teaching through online courses and resources. Outside of his day job, he has built and operated multiple SaaS projects, including the virtual try-on platform tryiton.now, giving him firsthand experience with the full lifecycle of modern web applications.