Learn How To Build Amazing Websites w/ HTML, CSS and Sass

Course Curriculum

Chapter 1: Introduction

Lecture 1: Whos this course is for?

Lecture 2: Web Developer Marketplace

Lecture 3: Web Developer Job Opportunities

Lecture 4: 4 Skills of Successful Web Developer

Lecture 5: Different Types of Web Developers

Lecture 6: The Course Projects

Chapter 2: Intro to HTML

Lecture 1: HTML Quick Section Overview

Lecture 2: What is HTML?

Lecture 3: Environment Setup – installing Sublime Text

Lecture 4: Structure of an HTML Document

Lecture 5: HTML Heading and Paragraph Elements

Lecture 6: HTML Imaged and Attributes

Lecture 7: HTML Links

Chapter 3: Styling with CSS

Lecture 1: CSS Quick Section Overview

Lecture 2: Intro to CSS – Why use CSS?

Lecture 3: Inserting CSS into Code

Lecture 4: Colors in CSS

Lecture 5: CSS Selectors

Lecture 6: CSS Properties – background, font, and border properties

Lecture 7: CSS Box Model – intro to div element

Lecture 8: Making Simple Box Model Layouts – using div elements

Lecture 9: Incorporating Box Model into a Blog page

Lecture 10: Relative vs. Absolute Positioning

Lecture 11: Debugging your Code using Browser Tools

Chapter 4: Basics of Web Design

Lecture 1: Working with Fonts and Icons

Lecture 2: Working with Colors

Lecture 3: Working with Images

Lecture 4: Whitespaces, Layout & User Experience (UX)

Lecture 5: Secret to Making Great Websites

Chapter 5: Project – Building a Website from Scratch (with CSS and HTML)

Lecture 1: Rules to Design a Good Website

Lecture 2: Project Requirements: Making a Website for a Digital Services

Lecture 3: Overview of the Digisolve Project

Lecture 4: Digisolve project – Getting Started

Lecture 5: Setting up Fluid Grid

Lecture 6: Building the Webpage Header

Lecture 7: Building the More Info Button Section

Lecture 8: Building the Logo + Menu

Lecture 9: Building the About Us Page

Lecture 10: Building the Portfolio Section

Lecture 11: Building the Services Page

Lecture 12: Building the Featured Clients Page

Lecture 13: Building the Testimonials Page

Lecture 14: Building the Popular Packages Section

Lecture 15: Popular Packages Continued

Lecture 16: Building the Contact Form

Lecture 17: Building the Webpage Footer

Chapter 6: Making the Page Responsive

Lecture 1: Using Media Queries – Part 1

Lecture 2: Using Media Queries – Part 2

Lecture 3: Browser Compatibility

Chapter 7: Adding Effects and Animations with JQuery

Lecture 1: Intro to JQuery

Lecture 2: Creating Sticky Navigation

Lecture 3: Scrolling to target elements

Lecture 4: Adding Animations without coding!

Lecture 5: Adding Animation Continued

Chapter 8: Optimizing and Launching the Website

Lecture 1: Optimizing website performance

Lecture 2: Image Optimization

Lecture 3: Minifying the Code

Lecture 4: Launching the Web Page

Lecture 5: SEO Mini Course

Chapter 9: CSS under the Hood

Lecture 1: How CSS works (Part 1)

Lecture 2: How CSS works (Part 2)

Lecture 3: How the Cascade Works

Lecture 4: How CSS Calculates pixel values and renders a website

Chapter 10: Intro to SASS and NPM

Lecture 1: What is SASS?

Lecture 2: SASS Basic Principles – variables, nesting

Lecture 3: SASS Basic Principles – mixins, extends, functions

Lecture 4: Command line basics

Lecture 5: What is NPM?

Lecture 6: Installing and Setting up SASS and NPM from the command line

Chapter 11: Good CSS Practices

Lecture 1: How to Plan out your CSS

Lecture 2: The BEM Model

Lecture 3: An Ideal Folder and File Structure for a CSS Project

Lecture 4: Different Types of Layouts

Chapter 12: Project – Building a Country Club Website with SASS, and CSS

Lecture 1: Lakeview Project Overview

Lecture 2: Setting up the Project with Starter Code & Resources

Lecture 3: Creating a Background Image for Header Slider

Lecture 4: Automatic page reload with NPM and live-server

Lecture 5: Typography For Header

Lecture 6: Creating Buttons for Header

Lecture 7: Creating a Fluid Grid from Scratch

Lecture 8: Build the About Section Part 1

Lecture 9: Build About Section Part 2

Lecture 10: Building the Testimonials Section

Lecture 11: Building The Testimonials Section Part 2

Lecture 12: Building The Club Amenities Part 1