Web Development I - HTML & CSS

Course Overview

This beginner-level course introduces students to the essentials of web design and development, focusing on frontend creation with HTML and CSS. Students will learn about the infrastructure of the Internet, how to build and publish web pages, and employ various layout and styling techniques.

Course Objectives

• Create multi-page websites using semantic HTML elements, links, and media.
• Apply CSS styling for text, colors, and layouts using classes and IDs.
• Build responsive designs using Flexbox and Grid.
• Publish a website using GitHub Pages.

"Web Design" vs. "Web Development"

A web designer focuses on the visual aspects of a website: layout, colors, fonts, and overall appearance. They create mockups to make sure the site is visually appealing and user-friendly, using tools like Photoshop and design frameworks.

A web developer, on the other hand, focuses on the technical side: building the website using code like HTML, CSS, and JavaScript. Developers take the designer's mockups and turn them into a functional, working website.

In this course, you'll be learning web development: how to write code that makes websites work and look the way they're supposed to. We won't cover graphic design principles. I am not an artist, and it's okay if you're not either!

While we're at it, don't worry if you don't consider yourself a programmer. Coding websites, especially with HTML and CSS, is very different from traditional programming (using languages like Python or C++). HTML structures web content, and CSS styles it. Neither involves complex logic or algorithms, making web development a great starting point for anyone learning to code.

TODO: https://www.codecademy.com/enrolled/courses/learn-html