Complete Intro to Web Development, v3
Offered By: Frontend Masters
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 - 2020Udemy 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