Course Introduction
- The Story Of This Course
- Curriculum Walkthrough
- Learning Paths
- Introducing the Team
CSS Animations: Transforms and Transitions
- Section Introduction
- Introduction To CSS Animations
- Why Animations Matter
- Intro To Pseudoclasses
- Pseudo-Classes: Hover
- First Pseudo-Class Quiz
- Pseudo-Classes: Focus
- Pseudo-Classes: Active
- Quick Pseudoclasses Exercise
- Building An Animated Button
- Introduction to Transform
- Transform: Translate
- Transform:Scale() and Transform-Origin
- Transform: Rotate()
- A Note on Vendor Prefixes
- Transitions Basics
- Transition-Duration and Transition-Property
- Transition-Timing-Function and Transition-Delay
- Transition Shorthand
- CSS Animation Performance
- Building An Animated Gallery
CSS Animations: Keyframes
- Introduction to Keyframes
- Codealong: Animated Rainbow Flashing Text
- Other CSS Animation Properties
- Exercise: Rising and Setting Sun Animation
- Exercise SOLUTION : Rising and Setting Sun Animation
- CSS Animation Shorthand
- Building an Animated CSS Loading Icon
Advanced CSS: Layout With Flexbox
- Section Introduction
- Introduction To Flexbox
- The Magic of Display: Flex
- Important Flexbox Terminology
- Flex-Direction
- Flex-Wrap
- Flexbox Quiz
- Justify-Content
- Flexbox Sidebar Exercise
- Flexbox Sidebar Exercise: SOLUTION
- Align-Items
- Align-Content
- Building A Responsive Navbar CODEALONG
- Align-Self
- Order
- flex-basis
- flex-grow
- Flex-Shrink
- Building a Polygon.com Widget
- Exercise: Holy Grail Layout
- Exercise: Holy Grail Layout SOLUTION
- Flexbox Browser Support
Project: Building A Startup Site
- Introducing Matt
- Section Introduction
- Project: Introduction
- Project Solution: Nav and Header
- Project Solution: Destinations and Features
- Project Solution: Testimonials, Contact, and Footer
- Project Solution: Responsive Design
Async Foundations
- Introducing Tim
- Introduction
- Callback Functions
- Codealong: forEach
- findIndex Exercise Intro
- findIndex
- findIndex Solution
- The Stack And The Heap
- The Stack: An Example
- setTimeout and setInterval
- Exercise: countDown Function
- countDown Exercise Solution
- The Event Loop And The Queue
- Event Loop Quiz
- Promise Basics
- Promise Chaining
AJAX Part 1: XHR and Fetch
- Intro to AJAX
- What's the deal with JSON and XML?
- Making Our First Request with XMLHTTPRequest
- AJAX Workflow: Building The Random Image App
- Bitcoin Price Exercise
- Bitcoin Price Exercise Solution
- Fetch Introduction
- Fetch Options
- Fetch Error Handling
- Fetch Random User Profile Exercise
- Fetch Random User Profile Exercise Solution
- The Problem With Fetch
AJAX Part 2: jQuery and Axios
- jQuery AJAX Introduction
- jQuery $.ajax Method
- Digging In The jQuery Sourcecode
