Web Development for Absolute Beginners – Learn by building

Course Curriculum

Chapter 1: Introduction to Web Development

Lecture 1: Welcome to the course!

Lecture 2: What is web development?

Lecture 3: Let's create our first HTML file

Lecture 4: Our first introduction to HTML tags

Lecture 5: HTML is all about tags

Lecture 6: Tags have relationships too

Lecture 7: You have to indent!

Lecture 8: Our HTML body

Lecture 9: Let’s talk about HTML elements

Lecture 10: Let’s talk about paragraphs

Lecture 11: Let’s build Facebook!

Chapter 2: HTML in action – Structuring our Facebook landing page

Lecture 1: Let's review the previous section

Lecture 2: Let’s set up VS Code

Lecture 3: Super powers from VS Code

Lecture 4: Previewing our HTML file with VS Code

Lecture 5: Let’s start building Facebook

Lecture 6: Tag attributes and working with images

Lecture 7: Let’s add the Facebook welcome text

Lecture 8: Working with forms in HTML

Lecture 9: HTML and Form Elements

Lecture 10: HTML and Links

Lecture 11: More on Links

Chapter 3: An introduction to CSS – The one with class

Lecture 1: Let’s review what we’ve done so far

Lecture 2: What is CSS?

Lecture 3: Google and developer documentations

Lecture 4: Let’s set up our CSS Playground

Lecture 5: Measurement units in CSS

Lecture 6: Our knowledge of CSS in action

Lecture 7: Targeting web elements with classes

Lecture 8: Let’s recap

Chapter 4: Using CSS to style our Facebook page – One

Lecture 1: Let’s review what we are building

Lecture 2: Let’s add classes to our HTML elements

Lecture 3: CSS styling and more on colors

Lecture 4: Linking our CSS file with the HTML code

Lecture 5: CSS styling and more on fonts

Lecture 6: CSS and specificity

Lecture 7: Creating page layouts with CSS Grid

Lecture 8: The left column – Images, margin and padding

Lecture 9: Styling forms with CSS

Lecture 10: Input fields, border styling and more on specificity

Chapter 5: Using CSS to style our Facebook page – Two

Lecture 1: Styling buttons with CSS and more on specificity

Lecture 2: Styling links with CSS

Lecture 3: Let’s style the signup button

Lecture 4: The create-page link and Pseudo-classes

Lecture 5: Using box-shadow to make our form look better

Lecture 6: Let’s wrap up!