
Discover how HTML5 reshapes web development with semantic elements like header, nav, section, article, and canvas, while enabling built-in video and geolocation and deprecating frames.
Explore HTML5 form elements and input types, from text and autocomplete to date, color, and range, and learn how browser support, placeholders, validation, and form attributes affect rendering and submission.
Explore canvas in HTML5 using JavaScript to draw 2D graphics with fill and stroke, arcs, patterns and images, and learn about gradients, shadows, text, and transforming the canvas.
Explore scalable vector graphics (SVG), a vector-based, resolution-independent format that differs from raster and canvas, and learn to create shapes, gradients, and DOM-driven styling.
Learn how HTML5 video and audio tags enable cross-browser playback, support formats like mp4 and webm, and manage mime types, subtitles, and server configuration.
Learn how web storage uses localStorage and sessionStorage to persist key-value data on the client, offering persistent origin storage and per-session storage without sending data to the server.
Learn to implement geolocation in HTML5 with navigator.geolocation, obtain the current position via getCurrentPosition, and use latitude and longitude for maps and nearby places.
Examine how the app cache uses a cache manifest to enable offline browsing, designate files to cache, specify fallbacks, and update cached content when the manifest changes.
Learn how web workers enable true non-blocking multi-threading in the browser, letting background tasks post messages to the main thread without freezing the UI.
This course is designed to help you learn HTML5 and CSS3 from the fundamentals to advanced concepts, enabling you to build modern, responsive, and interactive web pages using the latest web standards. It is suitable for beginners as well as learners who want to strengthen their front-end development skills.
The course begins with HTML5 fundamentals, covering semantic elements and the structure of modern web pages. You will then explore powerful HTML5 features such as forms, canvas, SVG, audio and video, and drag-and-drop functionality, which allow you to create rich and interactive user experiences.
Advanced HTML5 topics such as web storage, geolocation, application cache, web workers, and server-sent events are explained to help you understand how modern browsers support offline access, background processing, and real-time communication.
The second half of the course focuses on CSS3, starting with selectors and moving into borders, backgrounds, text and fonts. You will learn how to style modern web pages using CSS3 transformations, transitions, and animations to create smooth and engaging UI effects.
Responsive design is covered using CSS3 media queries, helping you build layouts that adapt to different screen sizes and devices. By the end of the course, you will understand how HTML5 and CSS3 work together to create visually appealing and standards-compliant websites.
Practice tests are included to reinforce learning and help you validate your understanding of HTML5 and CSS3 concepts.