Search 6,000+ CA Community College Courses

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

Complete Intro to Web Development, v3

via Frontend Masters

Go to class Write review

Overview

More than an introduction, you'll build your first website and get a solid foundation for becoming a professional web developer with modern skills! By coding along in this course, you'll get experience writing HTML, styling your pages with CSS, and learning how to program JavaScript. By the end of this course, you will build a clone of Wordle, an app that sold to the New York Times for over a million dollars!

Syllabus

  • Introduction
  • Tools
  • Tags
  • Common HTML Tags
  • Input & Form Tags
  • Tables, Comments & Hard Returns
  • Attributes, Classes, & IDs
  • Organizing HTML
  • Head & Meta Tags
  • HTML Project
  • HTML Project Runthrough
  • CSS Overview & Rules
  • CSS Playground
  • CSS Cascade
  • IDs & !important
  • Pseudo-classes
  • Pseudo-elements
  • CSS Box Model
  • Flexbox
  • CSS Grid
  • CSS Animations
  • Newspaper Layout
  • CSS Project
  • CSS Project Solution: HTML
  • CSS Project Solution: CSS
  • CSS Project Q&A
  • JavaScript Intro
  • JavaScript Basics Overview
  • Adding JavaScript to a Website
  • Numbers, Strings & Booleans
  • Control Flow
  • Loops
  • Loop Exercise
  • Loop Solution
  • Functions
  • Scope
  • Scope Example
  • Builtins
  • Objects
  • Context
  • Arrays
  • Iterating Through an Array
  • Code to Website Overview
  • The DOM
  • Events and Listeners
  • JavaScript Calculator Project Setup
  • JavaScript Project: Setup & Event Handling
  • JavaScript Project: UI Behavior
  • JavaScript Project: Math Operators
  • JSON
  • JSON APIs Overview
  • Making an API Request
  • Async Await
  • Word Game Project Demo
  • GET & POST API Data
  • isLetter Function
  • Word Game Project Overview
  • Project HTML & CSS
  • Project JavaScript: Event Listener
  • Project JavaScript: Handling Input
  • Project JavaScript: Loading State
  • Project JavaScript: Commit Word
  • Project JavaScript: Game Loop, Win, & Lose
  • Project JavaScript: Validate Word
  • Project JavaScript: Winning Indicator
  • Using JavaScript Libraries
  • Building a Project with Parcel
  • Git & GitHub Overview
  • Wrapping Up

Taught by

Brian Holt

Reviews

Start your review of Complete Intro to Web Development, v3

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.