Understanding how browsers render pages is the foundation of all web development. This training builds that foundation step by step — from semantic HTML and CSS selectors to JavaScript event handling and working with CSS frameworks. Participants leave with the skills to create, style, and add interactivity to web pages without relying on heavyweight frameworks.

Who is this training for?

Anyone new to frontend development — backend developers who need to understand the browser layer, junior developers, or non-developers who work closely with web teams and want a practical understanding of how web pages are built. Webdevelopers who are working with server side rendered HTML with technologies like Django, Axum, or PHP will also benefit from this course.

Agenda

Hyper Text Markup Language

• HTML tags and their semantics
• Form fields and input elements
• Page structure and document layout

Cascading Style Sheets

• Selectors and specificity
• Essential style properties
• Specificity depth and the cascade
• Pseudo-classes
• CSS animations and transitions
• Responsive design and media queries

JavaScript

• Selecting DOM elements with querySelector
• Attaching and handling events with addEventListener

Bootstrap

• Grid system and layout
• Styling forms with Bootstrap
• Bootstrap UI components

TailwindCSS

• Utility-first layout and styling