Beginner Full Stack Web Development: HTML, CSS, React & Node

Course Curriculum

Chapter 1: Intro to Web Development

Lecture 1: Intro to Web Development

Lecture 2: Join Our Free Student Group

Lecture 3: What is web development?

Lecture 4: Where should I start as a beginner?

Lecture 5: HTML: Building Your First Website

Lecture 6: What you can do as a web developer

Lecture 7: Frontend vs Backend development

Lecture 8: Installing an IDE

Chapter 2: Getting Started With HTML

Lecture 1: Intro to HTML, HEAD, BODY, and HEADER

Lecture 2: HTML: Lists, Paragraphs, and Text Styling

Lecture 3: HTML: Displaying Data With Tables

Lecture 4: HTML: Images & Forms

Chapter 3: Introduction to CSS

Lecture 1: What is CSS?

Lecture 2: How to use Inline, Internal and External CSS

Lecture 3: CSS: Element, ID & Class Selectors

Lecture 4: CSS: Colors

Lecture 5: CSS: Backgrounds & Borders

Lecture 6: Using browser inspector tools

Lecture 7: CSS: Combinators

Lecture 8: CSS: Grouping

Lecture 9: CSS: Specificity

Chapter 4: Intermediate CSS

Lecture 1: CSS: Text Styling & Formatting

Lecture 2: CSS: Google Fonts

Lecture 3: CSS: Images

Lecture 4: CSS: Padding & Margin

Lecture 5: CSS: Rows & Columns

Chapter 5: Advanced CSS: Building and styling website

Lecture 1: CSS: Intro to building your first Website!

Lecture 2: CSS: Building the Navbar

Lecture 3: CSS: Making the Navbar Mobile Responsive – Part 1

Lecture 4: CSS: Making the Navbar Mobile Responsive – Part 2

Lecture 5: CSS: Creating the Form Group

Lecture 6: CSS: Working with iframes

Lecture 7: CSS: Working with images and box shadows

Lecture 8: CSS: Working with text and image spacing

Lecture 9: CSS: Building the footer

Chapter 6: Computers & Code

Lecture 1: How Computers Work

Lecture 2: Understanding Binary

Lecture 3: How code works

Lecture 4: Heap vs Stack

Lecture 5: Understanding hexadecimal

Lecture 6: Variables & storage capacity

Chapter 7: Learning to Code With Javascript

Lecture 1: Time to Javascript

Lecture 2: Javascript Reference

Lecture 3: Javascript: Comments & How to Link Scripts

Lecture 4: Javascript: Variables & Strings

Lecture 5: Javascript: Numbers

Lecture 6: Javascript: Comparison Operators

Lecture 7: Javascript: Logical Operators

Lecture 8: Javascript: Arrays

Lecture 9: Javascript: Loops

Lecture 10: Javascript: Functions

Lecture 11: Javascript: Objects

Lecture 12: Javascript: Bind

Lecture 13: Percentage Calculator – Setting Up the Form

Lecture 14: Percentage Calculator – Grabbing Elements With Javascript

Lecture 15: Percentage Calculator – Using Event Listeners

Lecture 16: Percentage Calculator – Algorithm & Prevent Default

Chapter 8: Version Control With Git

Lecture 1: How Version Control Works

Lecture 2: macOS Terminal Basics

Lecture 3: Git Basics

Lecture 4: Setting up Github on macOS

Lecture 5: Github vs Bitbucket

Lecture 6: Local & Remote Repositories

Lecture 7: Working Through Git Merge Conflicts

Chapter 9: Introduction to Bootstrap 4

Lecture 1: What is Bootstrap 4?

Lecture 2: Downloading Bootstrap 4

Lecture 3: Bootstrap 4: Project Setup

Lecture 4: Bootstrap 4: Overview of Bootstraps Components

Lecture 5: Bootstrap 4: Understanding Bootstraps Classes

Lecture 6: Bootstrap 4: Using the Grid System

Chapter 10: Bootstrap 4: Creating a Login Portal

Lecture 1: Bootstrap 4 Cards: Creating the Sign-in Portal Box

Lecture 2: Bootstrap 4 Forms: Adding the input fields

Lecture 3: Bootstrap 4 Buttons: Adding the Sign In button and Labels

Lecture 4: Bootstrap 4 Grids – Finishing Mobile Compatibility

Chapter 11: Bootstrap 4: Skate or Die Website

Lecture 1: Bootstrap 4: Skate or Die Intro

Lecture 2: Bootstrap 4: Working with Navbars

Lecture 3: Bootstrap 4: Using Carousels

Lecture 4: Bootstrap 4: Nesting rows and columns

Lecture 5: Bootstrap 4: Modals

Lecture 6: Bootstrap 4: Adding images and buttons

Lecture 7: Bootstrap 4: Sizing Modals

Lecture 8: Bootstrap 4: Building the Footer

Lecture 9: Bootstrap 4: Working with Font Awesome Favicons

Chapter 12: Intro to Flexbox

Lecture 1: What is flexbox?