Introduction
Atom Code Editor
Creating Files & Directories
Atom Settings & Packages
Atom Keyboard Shortcuts
Course Outline: Frontend
Course Outline: Backend
HTML & CSS
HTML Boilerplate
Creating A Simple Page
Basic CSS
Styling Our Simple Page
Semantic HTML
Selectors & Specificity
Specificity Quiz
Background Images
Block and Inline
HTML Forms
The Box Model
Box Model Quiz
Making A Navbar
HTML Tables
Intro to JavaScript
Logging
Variables
Expressions
If Statements
Logical Operators
Functions
Arrays
Challenge: Greetings
Objects
Challenge: Company
Equality
Loops
Math
Challenge: Fizz Buzz
Callbacks
The DOM
Section Boilerplate
JS In The Web
Getting Elements
Arrays of Elements
Query Selector
Events
HTML Manipulation
jQuery
Clockworks
Setting Up
HTML & CSS
Playing Sound With JS
Detecting Changes
Button Functions
Freezing Inputs
Finishing Up
Note about the code.
Intermediate CSS
Units: Viewport Units
Units: Relative Units
Animations: Transitions
Animations: Transforms
Animations: Keyframes
Positioning: Relative
Positioning: Absolute
Positioning: Fixed
Positioning: Sticky
Responsive Design: Media Queries
Flexbox
What is Flexbox?
Axis & Direction
Wrapping
Life's A Beach Challenge
Aligning Content
Growing & Shrinking
Holy Grail Challenge
Aligning Items
Order
Flexbox Times Challenge
Sass
Installing Sass
Compiling Sass Files
Sass Syntax
Variables
Variable Scope
Functions
Mixins
Mixin Challenge
Extends
Extends Challenge
Conditionals
Loops
Partials
Travel Forest
Setup
Project Code
CSS Prerequisites
Landing Page
Breaking Down The Enter Site Animations
Creating the Dimmed Background
Above the Fold Content
Writing the Sidebar Markup
Styling the Sidebar Pt.1
Styling the Sidebar Pt. 2
Info Section
Current Users Section
Location Section
Testimonial Section Pt. 1
Testimonial Section Pt. 2
Deal of the Week Section
Footer Section
HTML5
Forms
Video
Data
HTML Validation
Favicons
The Dialog Element
Constrain Validation API
Geolocation API
Web Storage API
Web Storage API Challenge
IndexedDB Pt. 1
IndexedDB Pt. 2
Get It Done
Setup
Project Code
Writing the default styles
Creating 'The Thing'
Creating the Menu Controller
Creating the Menu Background
Creating the Menu Content
Finishing the Menu Section
Creating the Headers
Creating the Input
Creating the List
Creating the Modal
Formatting Dates with JS
Setting Up Web Storage
Setting Up IndexedDB
Adding Tasks
Reading Tasks
Deleting Tasks
Updating the Theme
Adding the Reset Feature
Bootstrap
Getting Started
Buttons
Text & Typography
Navbars
Sizing & Spacing
Cards
Grid
Responsive Classes
Flexbox
Carousel
Exploring Bootstrap
Bootstrap Themes
Sleepy Mondays
Setup
Project Code
Landing Pt. 1
Landing Pt. 2
Our Team Section
Info Section
Portfolio Section
Pricing Section
FAQ Markup
FAQ Section
Google Maps
Footer
Wow JS
Adding Wow.js To Our Project
Advanced JavaScript
Quirky AND/OR's
Lexical Scope & Closures
Code Blocks
Spread
Destructuring
Array Functional Methods
OOP
Keyword 'this'
Prototypes
Inheritance
ES2015 OOP Syntax
Arrow Functions
Error Handling
Generators
Promises
JavaScript Recap Quiz
Express
Intro to the MEAN Stack
Installing Express
Request & Responses
Creating and Running Express Apps
Exploring Express
Routes
JSON
Post Requests
URL Parameters
EJS Template Engine
MVC Architecture
Express Assignment
Just Me
Preparing the Project
Project Code
Creating the Partials
Breaking Down the Home Page
Writing the Row Template
Creating A Row of Posts
Creating Many Rows of Posts
Viewing Blog Posts
Storing the HTML inside of Post Data
Comment Challenge + Recursion
Comment Solutions
404 Page
About & Contact
Creating the Right Sidebar Partial
Creating the Right Sidebar Dynamically
Filtering By Categories
Filtering By Tags
Cleaning Up
MongoDB
Installing MongoDB
The Mongo Shell
Mongoose
Schema's Part 1
Schema's Part 2
Creating Heroes
Creating the Hall of Heroes
Deleting Heroes
Updating Heroes
Seeding Default Data
Git Crash Course
Heroku
Creating Squads
Reading & Deleting Squads
Displaying A Heroes Squad
Generating Overalls
Displaying A Squads Heroes
Pushing to Heroku
RESTful API's
Ajax
HTTP Verbs
RESTful Architecture
HTTP Status Codes
Creating Our API Part 1
Creating Our API Part 2
Creating the Forms
Using Our API Part 1
Using Our API Part 2
Using Our API Part 3
Default Country Data
Fixing ID's
Preventing Live Changes
Pushing Our API to the Internet
Angular
What is Angular
TypeScript Crash Course
Creating Angular Apps
Module Breakdown
Component Breakdown
Templating
Creating Components
Data Binding
Pipes
Directives
Preparing for the Routing Module
Angular Routing
Calling API's
Building
A Social Media - Authentication
Previewing the Project
Hashes & Salts
Generating Hashes & Salts
Registering Users
Logging In
Preparing the Project
Creating the Components
Project Resources
Setting up the Routes
Creating the Login & Register Pages
Creating the API Service
Logging In & Registering Part 1
Logging In & Registering Part 2
Better Error Messages
Intro to JWT's
Returning JWT's from the Server
Storing Tokens in Local Storage
Fixing Logging In Alerts
Sending Tokens with Our Requests
A Social Media - Adding Friends
Creating the Sidebar & Topbar
Site Navigation
Hard Coding the Other Components
Creating More Schemas
Searching For Users Part 1
Searching For Users Part 2
Adding Users Name to the Topbar
Fixing an Error
Sending Friend Requests
Alert Messages
Creating A User Data Service
Creating A Friend Request Controller
Displaying Friend Requests
Accepting Friend Requests
Adding Titles to Pages
Fixing the Hamburger Icon
Updating the Topbar in Realtime
Making Friend Request UX Changes
Fixing the Searching Problem
A Social Media - Posts & Profiles
Setting Post Themes
Creating Posts
Creating A Get Users Controller
Fixing a Registration Problem
Reading Posts
Displaying Posts
Applying Themes to Posts
Finishing Posts
Liking Posts
Commenting On Posts
Posting Comments in Realtime
Creating Fake Users
Creating Fake Posts
Setting Profile Images
Animating Posts
Fixing An Image Problem
Your Profile: Part 1
Your Profile: Part 2
Other Profiles
Accepting Friends Requests on Profiles
Adding Friends From Profiles
Profile Privacy
Fixing A Subscription Problem
A Social Media - Messages & Relationships
The Send Message Modal
How Messages Work
Sending Messages
Refactoring the Topbar
Message Notifications
Message Previews Pt. 1
Message Previews Pt. 2
Reading Messages Pt. 1
Reading Messages Pt. 2
The Chat Box
Sending Messages with the Chat Box
Deleting Messages
Refactoring the User Service
Cleaning The Routes
Creating Besties Pt. 1
Creating Besties Pt. 2
Limited Amount of Besties
Fixing UX Problems
Fixing More UX Problems
Showing Besties in Sidebar
Feed Section For Besties
Finishing The Special Feed Section
New Friend Alerts
Alert Messages
Comment & Like Alerts
Limiting Alerts
Preparing to Build
Putting It On The Internet
Full Project Code