Never written a line of code? This course is for you. You’ll discover how the web works, set up a proper workspace, then write real pages with HTML, the language that gives content its structure, and CSS, the language that makes it look good.
Along the way you will build one project from start to finish: a personal portfolio website. Each chapter adds a new piece to it. You’ll learn semantic HTML and forms, selectors, the box model, typography, Flexbox, CSS Grid, responsive design, animations, accessibility and the basics of performance and search visibility.
Every lesson is practical, full of examples you can copy, tweak and test right away in your browser, and ends with an exercise and a short summary. In the final chapter you plan, build and publish your site, and you get a clear path for what to learn next.
What you will learn
- By the end of this course, you will be able to explain how a browser requests and displays a web page, and use the developer tools to inspect it.
- By the end of this course, you will be able to write valid, well-structured HTML5 pages with headings, lists, links, images, tables, media and complete forms.
- By the end of this course, you will be able to structure a page with semantic elements (header, nav, main, section, article, aside, footer).
- By the end of this course, you will be able to style a site with CSS: selectors, specificity, the box model, units, colors, typography and backgrounds.
- By the end of this course, you will be able to lay out pages with Flexbox and CSS Grid and make them responsive with media queries and fluid sizing.
- By the end of this course, you will be able to organize your CSS with custom properties and clear naming, and add simple transitions and animations.
- By the end of this course, you will be able to make a site accessible, fast and easy to find: contrast, keyboard navigation, image optimization, titles and meta tags.
- By the end of this course, you will be able to plan, build, test and publish a complete portfolio website on static hosting.
Prerequisites
No coding experience needed. You only need a computer (Windows, macOS or Linux), a recent web browser, a free code editor (the course explains how to choose and set one up) and basic comfort with creating folders and files on your computer.