YoVDO

Complete Intro to Web Development, v3

Offered By: Frontend Masters

Tags

Web Development Courses Computer Science Courses Javascript Courses Flexbox Courses HTML Courses APIs Courses CSS Grid Courses CSS Animation Courses

Course Description

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

Related Courses

CSS Animation With Latest Effects - 2020
Udemy
Creative Advanced CSS & JavaScript Animations - 150 Projects
Udemy
Level Up Your CSS Animation Skills
Udemy
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy
CSS - Basics to Adv for front end development
Udemy