Канал: Morley Tatro

Outlining a Page Layout for HTML/CSS

Outlining a Page Layout for HTML/CSS

Absolute Positioning

Absolute Positioning

Aligning Elements with FlexBox

Aligning Elements with FlexBox

Aligning Elements with display: inline-block;

Aligning Elements with display: inline-block;

Margin vs. Padding

Margin vs. Padding

Browser Reset

Browser Reset

Box Model

Box Model

CSS Selectors

CSS Selectors

Anatomy of a CSS Stylesheet

Anatomy of a CSS Stylesheet

Linking Stylesheets

Linking Stylesheets

Common Elements

Common Elements

VSCode Shortcuts

VSCode Shortcuts

VSCode Emmet Autocomplete

VSCode Emmet Autocomplete

HTML Tables

HTML Tables

Basic Page Structure

Basic Page Structure

VSCode Code Spell Checker Extension

VSCode Code Spell Checker Extension

VS Code Live Server Extension

VS Code Live Server Extension

First HTML Page & Validation

First HTML Page & Validation

Week 4, Day 4 - Redux Intro

Week 4, Day 4 - Redux Intro

Week 3, Day 5 - Sockets Part 2

Week 3, Day 5 - Sockets Part 2

Week 3, Day 5 - Sockets Part 1

Week 3, Day 5 - Sockets Part 1

Week 3, Day 4 - Nested Documents

Week 3, Day 4 - Nested Documents

Week 3, Day 4 - Login/Reg Part 4

Week 3, Day 4 - Login/Reg Part 4

Week 3, Day 3 - Luke APIWalker demo (Frances/Albert)

Week 3, Day 3 - Luke APIWalker demo (Frances/Albert)

Week 3, Day 3 - Login/Reg Part 3 (Frontend)

Week 3, Day 3 - Login/Reg Part 3 (Frontend)

Week 3, Day 2 - Login/Reg Part 2

Week 3, Day 2 - Login/Reg Part 2

Week 3, Day 2 - Login/Reg Part 1

Week 3, Day 2 - Login/Reg Part 1

Week 3, Day 1 - Advanced React Part 2 (Validations)

Week 3, Day 1 - Advanced React Part 2 (Validations)

Week 3, Day 1 - Advanced React Part 1 (Components)

Week 3, Day 1 - Advanced React Part 1 (Components)

Week 2, Day 5 - Full-Stack MERN Part 2 (frontend)

Week 2, Day 5 - Full-Stack MERN Part 2 (frontend)

Week 2, Day 5 - Full-Stack MERN (Part 1)

Week 2, Day 5 - Full-Stack MERN (Part 1)

Week 2, Day 4 - Mongoose/Modularization

Week 2, Day 4 - Mongoose/Modularization

Week 2, Day 4 - MongoDB

Week 2, Day 4 - MongoDB

Week 2, Day 3 - Express/Postman

Week 2, Day 3 - Express/Postman

Week 2, Day 2 - React Routing

Week 2, Day 2 - React Routing

Week 2, Day 1 - Todos List demo

Week 2, Day 1 - Todos List demo

Week 2, Day 1 - React APIs

Week 2, Day 1 - React APIs

Week 1, Day 5 - Promises

Week 1, Day 5 - Promises

Week 1, Day 5 - Functional Components (useState)

Week 1, Day 5 - Functional Components (useState)

Week 1, Day 4 - Prop It Up/Putting It Together demo

Week 1, Day 4 - Prop It Up/Putting It Together demo

Week 1, Day 4 - State Management

Week 1, Day 4 - State Management

Week 1, Day 3 - Destructuring and Spread

Week 1, Day 3 - Destructuring and Spread

Week 1, Day 3 - React Components

Week 1, Day 3 - React Components

Week 1, Day 2 - Functional Programming (forEach, map, and Filter)

Week 1, Day 2 - Functional Programming (forEach, map, and Filter)

Week 1, Day 2 - Vanilla JS Components

Week 1, Day 2 - Vanilla JS Components

Week 1, Day 1 - JS OOP

Week 1, Day 1 - JS OOP

Week 1, Day 1 - Vanilla JS DOM

Week 1, Day 1 - Vanilla JS DOM

Week 2, Day 5 - SQL Queries

Week 2, Day 5 - SQL Queries

Week 2, Day 4 - MySQL Workbench

Week 2, Day 4 - MySQL Workbench

Week 2, Day 3 - Dynamic jQuery

Week 2, Day 3 - Dynamic jQuery

Week 2, Day 2 - JS DOM and jQuery Intro

Week 2, Day 2 - JS DOM and jQuery Intro

Week 2, Day 1 - JavaScript Basics

Week 2, Day 1 - JavaScript Basics

Week 1, Day 4 - Flexbox Demo 2

Week 1, Day 4 - Flexbox Demo 2

Week 1, Day 3 - Portfolio beginnings

Week 1, Day 3 - Portfolio beginnings

Week 1, Day 3 - Flexbox demo

Week 1, Day 3 - Flexbox demo

Week 1, Day 2 - Demo Layout

Week 1, Day 2 - Demo Layout

Week 1, Day 2 - Terminal

Week 1, Day 2 - Terminal

Week 1, Day 1 - CSS Intro

Week 1, Day 1 - CSS Intro

Week 1, Day 1 - HTML Intro

Week 1, Day 1 - HTML Intro

Week 4, Day 3 - Intro to Redux

Week 4, Day 3 - Intro to Redux

Week 3, Day 4 - Deployment

Week 3, Day 4 - Deployment

Week 3, Day 3 - socket.io (Part 2)

Week 3, Day 3 - socket.io (Part 2)

Week 3, Day 3 - socket.io (Part 1)

Week 3, Day 3 - socket.io (Part 1)

Week 3, Day 2 - Advanced React Part 2 (Form Validation)

Week 3, Day 2 - Advanced React Part 2 (Form Validation)

Week 3, Day 2 - Advanced React Part 1: Form Component

Week 3, Day 2 - Advanced React Part 1: Form Component

Week 2, Day 5 - React Frontend Part 2

Week 2, Day 5 - React Frontend Part 2

Week 2, Day 5 - Full-Stack MERN Part 2 (React Frontend)

Week 2, Day 5 - Full-Stack MERN Part 2 (React Frontend)

Week 2, Day 4 - Full-Stack MERN Part 1 (Express Modularization)

Week 2, Day 4 - Full-Stack MERN Part 1 (Express Modularization)

Week 2, Day 3 - Mongoose Intro

Week 2, Day 3 - Mongoose Intro

Week 2, Day 2 - MongoDB

Week 2, Day 2 - MongoDB

Week 2, Day 1 - Todo List demo

Week 2, Day 1 - Todo List demo

Week 2, Day 1 - Express/Postman

Week 2, Day 1 - Express/Postman

Week 1, Day 5 - Promises

Week 1, Day 5 - Promises

Week 1, Day 5 - Routing and Data Fetching

Week 1, Day 5 - Routing and Data Fetching

Week 1, Day 4 - Prop It Up and Putting It Together

Week 1, Day 4 - Prop It Up and Putting It Together

Week 1, Day 4 - useEffect and the Context API

Week 1, Day 4 - useEffect and the Context API

Week 1, Day 3 - Destructuring

Week 1, Day 3 - Destructuring

Week 1, Day 3 - Components and Hooks

Week 1, Day 3 - Components and Hooks

Week 1, Day 2 - Functional Programming (forEach, map, and filter)

Week 1, Day 2 - Functional Programming (forEach, map, and filter)

Week 1, Day 2 - Intro to React

Week 1, Day 2 - Intro to React

Week 1, Day 1 - Vanilla JS Components

Week 1, Day 1 - Vanilla JS Components

Week 1, Day 1 - DOM Manipulation

Week 1, Day 1 - DOM Manipulation

Week 4, Day 3 - Git Demo

Week 4, Day 3 - Git Demo

Week 4, Day 3 - Semi-Restful TV Shows with Validations

Week 4, Day 3 - Semi-Restful TV Shows with Validations

Week 3, Day 5 - Books and Authors

Week 3, Day 5 - Books and Authors

Week 3, Day 5 - Dojos and Ninjas with template

Week 3, Day 5 - Dojos and Ninjas with template

Week 3, Day 3 - Review

Week 3, Day 3 - Review

Week 3, Day 2 - Login/Reg (Part 2)

Week 3, Day 2 - Login/Reg (Part 2)

Week 3, Day 2 - Login/Reg (Part 1)

Week 3, Day 2 - Login/Reg (Part 1)

Week 3, Day 1 - Validations

Week 3, Day 1 - Validations

Week 2, Day 5 - ORM Relationships

Week 2, Day 5 - ORM Relationships

Week 2, Day 4 - Django ORM

Week 2, Day 4 - Django ORM

Week 2, Day 3 - Favorite Colors Session demo (Django)

Week 2, Day 3 - Favorite Colors Session demo (Django)

Week 2, Day 2 - Django Intro

Week 2, Day 2 - Django Intro

Week 2, Day 1 - Session (Flask)

Week 2, Day 1 - Session (Flask)

Week 1, Day 3 - Flask Intro

Week 1, Day 3 - Flask Intro

Week 1, Day 1 - Python Intro

Week 1, Day 1 - Python Intro

Firebase Hosting deployment demo

Firebase Hosting deployment demo

Week 4, Day 3 - Login/Reg

Week 4, Day 3 - Login/Reg

Week 3, Day 4 - Authors demo

Week 3, Day 4 - Authors demo

Week 3, Day 4 - Routing

Week 3, Day 4 - Routing

Week 3, Day 3 - Deployment

Week 3, Day 3 - Deployment

Week 3, Day 3 - Forms and Components

Week 3, Day 3 - Forms and Components

Week 3, Day 2 - Restful Tasks Interactive

Week 3, Day 2 - Restful Tasks Interactive

Week 2, Day 5 - Angular demo

Week 2, Day 5 - Angular demo

Week 2, Day 5 - Restful Tasks API

Week 2, Day 5 - Restful Tasks API

Week 2, Day 4 - Message Board

Week 2, Day 4 - Message Board

Week 2, Day 4 - Modularization

Week 2, Day 4 - Modularization

Week 2, Day 3 - Mongoose

Week 2, Day 3 - Mongoose

Week 2, Day 2 - MongoDB

Week 2, Day 2 - MongoDB

Week 2, Day 1 - Socket.io

Week 2, Day 1 - Socket.io

Week 1, Day 5 - Express Middleware and Session

Week 1, Day 5 - Express Middleware and Session

Week 1, Day 4 - Deck of Cards

Week 1, Day 4 - Deck of Cards

Week 1, Day 4 - Express

Week 1, Day 4 - Express

Week 1, Day 3 - Star Wars vanilla JS demo

Week 1, Day 3 - Star Wars vanilla JS demo

Week 1, Day 3 - Node

Week 1, Day 3 - Node

Week 1, Day 2 - OOP and the Prototype

Week 1, Day 2 - OOP and the Prototype

Week 1, Day 1 - Star Wars API demo

Week 1, Day 1 - Star Wars API demo

Week 3, Day 3 - Deployment

Week 3, Day 3 - Deployment

Week 3, Day 3 - Review

Week 3, Day 3 - Review

Week 3, Day 2 - Login/Reg demo

Week 3, Day 2 - Login/Reg demo

Week 3, Day 1 - Validations

Week 3, Day 1 - Validations

Week 2, Day 5 - Django ORM Relationships

Week 2, Day 5 - Django ORM Relationships

Week 2, Day 4 - Django ORM intro

Week 2, Day 4 - Django ORM intro

Week 2, Day 3 - Favorite Colors session demo (Django)

Week 2, Day 3 - Favorite Colors session demo (Django)

Week 2, Day 2 - Django Intro

Week 2, Day 2 - Django Intro

Week 2, Day 1 - Session (Flask)

Week 2, Day 1 - Session (Flask)

Week 1, Day 5 - Debugging in Flask

Week 1, Day 5 - Debugging in Flask

Week 1, Day 5 - Form Review

Week 1, Day 5 - Form Review

Week 1, Day 4 - Store & Products demo

Week 1, Day 4 - Store & Products demo

Week 1, Day 4 - Flask Intro

Week 1, Day 4 - Flask Intro

Week 1, Day 1 - Python intro

Week 1, Day 1 - Python intro

Week 3, Day 4 - Authors

Week 3, Day 4 - Authors

Week 3, Day 4 - Routing

Week 3, Day 4 - Routing

Week 3, Day 3 - Deployment

Week 3, Day 3 - Deployment

Week 3, Day 3 - Forms and Components

Week 3, Day 3 - Forms and Components

Week 3, Day 2 - Restful Tasks Interactive

Week 3, Day 2 - Restful Tasks Interactive

Week 3, Day 1 - Middleware, Route Order, and req.params

Week 3, Day 1 - Middleware, Route Order, and req.params

Week 3, Day 1 - Restful Tasks API

Week 3, Day 1 - Restful Tasks API

Week 3, Day 1 - Validations

Week 3, Day 1 - Validations

Week 2, Day 5 - Django Relationships (Tanner)

Week 2, Day 5 - Django Relationships (Tanner)

Week 2, Day 4 - Django ORM (Tanner)

Week 2, Day 4 - Django ORM (Tanner)

Week 2, Day 4 - Message Board demo

Week 2, Day 4 - Message Board demo

Week 2, Day 4 - Modularization

Week 2, Day 4 - Modularization

Week 2, Day 3 - Mongoose

Week 2, Day 3 - Mongoose

Week 2, Day 3 - Ninja Gold

Week 2, Day 3 - Ninja Gold

Week 2, Day 2 - MongoDB

Week 2, Day 2 - MongoDB

Week 2, Day 2 - Django Intro

Week 2, Day 2 - Django Intro

Week 2, Day 1 - socket.io

Week 2, Day 1 - socket.io

Week 2, Day 1 - Session

Week 2, Day 1 - Session

Week 1, Day 5 - Forms Review

Week 1, Day 5 - Forms Review

Week 1, Day 5 - AJAX in Vanilla Javascript

Week 1, Day 5 - AJAX in Vanilla Javascript

Week 1, Day 4 - Deck of Cards

Week 1, Day 4 - Deck of Cards

Week 1, Day 4 - Flask

Week 1, Day 4 - Flask

Week 1, Day 4 - Express

Week 1, Day 4 - Express

Week 1, Day 3 - Star Wars API Demo

Week 1, Day 3 - Star Wars API Demo

Week 1, Day 3 - Node Intro

Week 1, Day 3 - Node Intro

Week 1, Day 1 - Python Intro

Week 1, Day 1 - Python Intro

Week 1, Day 2 - OOP and Prototype

Week 1, Day 2 - OOP and Prototype

Week 3, Day 5 - Deployment

Week 3, Day 5 - Deployment

Week 3, Day 4 - One to Many (Hats)

Week 3, Day 4 - One to Many (Hats)

Week 3, Day 3 - Login/Registration (Django)

Week 3, Day 3 - Login/Registration (Django)

Week 3, Day 1 - Sports ORM

Week 3, Day 1 - Sports ORM

Week 2, Day 5 - ORM Intro

Week 2, Day 5 - ORM Intro

Week 2, Day 4 - Django Intro

Week 2, Day 4 - Django Intro

Week 2, Day 3 - Login/Reg part 2 (validations)

Week 2, Day 3 - Login/Reg part 2 (validations)

Week 2, Day 3 - Login/Reg Part 1

Week 2, Day 3 - Login/Reg Part 1

Week 2, Day 2 - Ninjas CRD

Week 2, Day 2 - Ninjas CRD

Week 2, Day 1 - Ninja Gold (Flask)

Week 2, Day 1 - Ninja Gold (Flask)

Week 1, Day 5 - Session (Flask)

Week 1, Day 5 - Session (Flask)

Week 1, Day 4 - Flask Intro

Week 1, Day 4 - Flask Intro

Week 1, Day 1 - Python Intro

Week 1, Day 1 - Python Intro

Week 4, Day 2 - Login/Reg

Week 4, Day 2 - Login/Reg

Week 3, Day 5 - Deployment

Week 3, Day 5 - Deployment

Week 3, Day 4 - Authors Demo

Week 3, Day 4 - Authors Demo

Week 3, Day 4 - Routing

Week 3, Day 4 - Routing

Week 3, Day 3 - Forms and Components

Week 3, Day 3 - Forms and Components

Week 3, Day 2 - Restful Tasks Interactive Demo

Week 3, Day 2 - Restful Tasks Interactive Demo

Week 3, Day 1 - Restful Tasks Demo

Week 3, Day 1 - Restful Tasks Demo

Week 2, Day 4 - Message Board demo

Week 2, Day 4 - Message Board demo

Week 2, Day 4 - Modularization

Week 2, Day 4 - Modularization

Week 2, Day 3 - Mongoose demo

Week 2, Day 3 - Mongoose demo

Week 2, Day 1 - Socket Intro, Part 1

Week 2, Day 1 - Socket Intro, Part 1

Week 2, Day 1 - Socket Intro, Part 2

Week 2, Day 1 - Socket Intro, Part 2

Week 1, Day 4 - Deck of Cards demo

Week 1, Day 4 - Deck of Cards demo

Week 1, Day 4 - Express Intro

Week 1, Day 4 - Express Intro

Week 1, Day 3 - jQuery AJAX Demo

Week 1, Day 3 - jQuery AJAX Demo

Week 1, Day 3 - Node Intro

Week 1, Day 3 - Node Intro

Week 1, Day 2 - OOP Lecture

Week 1, Day 2 - OOP Lecture

Week 1, Day 1 - Star Wars API Demo

Week 1, Day 1 - Star Wars API Demo