HTML & CSS Web Development: The Big Picture
HTML, CSS, and JavaScript are the three foundational technologies of the web, and understanding how they fit into the broader picture of the internet and the World Wide Web is essential c...
HTML, CSS, and JavaScript are the main technologies that make up the web as we know it. Every web page you visit contains HTML, CSS, and JavaScript. Understanding what these technologies are, where they came from, and where they are going is vital for anyone building for the web. This document provides a big-picture overview of why you should care about how the web works, how HTML displays content, how CSS styles it, and how JavaScript makes it interactive — along with an overview of the wider web development ecosystem, tooling, and career paths.
This module covers the technologies and versions used throughout this document: HTML5, CSS3 and beyond, and JavaScript as specified by ECMAScript 2022. To understand why you need to know how the web works, it helps to first look at where the web came from, then at how it works on a high level, and finally at why HTML, CSS, and JavaScript specifically matter.
The history of the internet and the web is action-packed. The following are the most significant events.
Sign in to read this course
A free account unlocks all 514 courses. 20 are readable without one.
What's inside
7 sections- 1 Table of Contents
- 2 Module 1: Why You Should Care About How the Web Works
- 3 Module 2: Displaying the Web with HTML
- 4 Module 3: Styling the Web with CSS
- 5 Module 4: Interacting with the Web with JavaScript
- 6 Module 5: Where to Go from Here
- 7 Summary
More HTML, CSS & Web Fundamentals courses
View all 10Creating Graphics with Canvas and SVG
The rich features of JavaScript, combined with the power of modern web browsers, have blurred the lines between the capabilities of web-based and native applications. This course discusse...
CSS: Advanced Features
This course built up a layered toolkit for adding depth, color, motion, and typographic polish to a site using only CSS — no images, no JavaScript animation libraries.
CSS: Creating Layouts
css · layouts · html · web · fundamentals · frontend · development · layout · page · responsive · components · grid · clean · flexbox · pies · designing · home · study · visit · accessibi...
Debugging Sites with Chrome DevTools
Google Chrome ships with a powerful set of tools to help developers debug websites. There is no more appropriate place to debug client-side web apps than right in the application where th...
Deploying and Optimizing Websites
Zip --> Kudu[Upload to Kudu Zip Deploy] Kudu --> Extract[Kudu extracts files] Extract --> Recycle[App Service recycles] Recycle --> Live[Site live at azurewebsites.net] flowchart TB You[Y...
HTML APIs: Creating Interactive Experiences
html · apis · interactive · experiences · css · web · fundamentals · frontend · development · dom · events · event · playback · animations · audio · content · drag · drop · elements · ani...
Interested in this course?
Contact us to book it or get a custom training plan for your team.