wdi-ravenclaw
Introduction & Syllabus
Welcome
Student Holidays
Attendance Policy
House Rules
Homework Submission
Class Library
Required Software
Course Outline
Weekly Schedule
InstallFest
Required Reading
Dash
Front End Fundamentals
Introduction
Mac Cheat Sheet
Terminal Cheat Sheet
Intro to OS X
Basic Terminal & Navigating the Filesystem
Workshop: Star Wars Command Line
Basic Overview of JavaScript Objects
Google Chrome Shortcuts
Chrome Dev Tools
Introduction to Programming
Variables
Data Types
Control Flow
String Concatenation
Arrays
Advanced Arrays
Loops
Syntax
Functions
Homework: Reading
Homework: Markdown and Readmes
Functions, Logic, & Control Flow
Functions
Anonymous vs Named Functions
Logic
Lab/Homework
Loops, Arrays, and HTML/CSS
Homework Review
HTML and CSS
The DOM
Converting Pixels to EM
Implementing Loops Lab
Introducing Modern HTML/CSS
Bonus Work: Arrays/Loops
Drawing on the Web
Morning Exercise
DOM Selectors
Canvas
Functions, Objects, and Recap
Functions Recap
Homework
Second Pass Friday
Q & A
Weekend Practice
Bonus Weekend Practice
Object Oriented JS & jQuery
Intermediate Front-end
Web Typography
Box Model and Positioning
Flexbox and CSS Grid Systems
Wireframe to Production
Sass & CSS Variables
CSS Box Model & Grid Diagrams
Colour Theory 101
Style Guides
Selectors
Selector Types
DOM Events
Skeleton.css
Videos!
Homework
Write Less & Do: jQuery
Intro to jQuery
jQuery Boilerplate
document.ready
jQuery Animations
Practice: Try jQuery
jQuery Videos!
Ajax
Constructors and JS Objects
What is JSON?
Ajax in Depth
getJSON Lab
Ajax Examples
APIs to Play With
Second Pass Friday
Movie Carousel Example
Homework: Fellowship of the Ring
Bonus Homework: Ajax
Videos
Responsive CSS
Project 1: The Game
Technical Requirements
Getting Started
Resources
Project Ideas
Feedback & Evaluation
Ruby & Sinatra
Introduction to Ruby
Front-End Recap Quiz
Dev Environment
Strings, Arrays, & Hashes
Detecting Ruby Types
Video: Pry
Conditionals
Loops
Enumeration
Methods
Single vs Double Quotes
Practice: Rups!
Homework: Rups! 2.0
Everything is an Object
Rups Recap/Examples
.each
Movie Object
Methods, Again
Classes
Classes in Depth
Sinatra's Songs Exercise
Requiring & Using Files/Gems
Inheritance
Homework: Classes
Introduction to Sinatra
Our First Server
Lab: Driving with Sinatra
Lab: Sinatra On Your Own
ERB (Embedded Ruby) Views
Homework: Animals!
Bonus Homework
Second Pass Friday
JSON
Ruby Q&A
Sinatra Second Pass
Deploying to Heroku
Homework
MVC with Sinatra
Databases
Introduction to Databases
Entity Relationship Diagrams
Postgres Data Types
Lab: ERDs!
Structured Query Language
Postgres Cheatsheet
SQL Examples
Lab: Twitter Migrations
Homework
Models, ActiveRecord, & CRUD
Shopping List Wireframes
Models with ActiveRecord
CRUD with ActiveRecord
ERB in Depth
Rake & Migrations
Lab: Pair Programming
Homework
Models and Controllers
Models and SQL FAQ
Guide: CRUD from Scratch
ApplicationController & Config
CRUD Controllers
Homework/Lab
Security 101
Server Side Authentication
Account Models & BCrypt
Tux: Console for Sinatra
Account Controller
MVC: The Complete Guide
Weekly Review
Second Pass Friday
JS + Ajax w/Divvy
Mapping Routes
Classes, Revisited
A Class in Java
JSONReader Class
BCrypt Salt/Hashing
Application Controller Architecture
Digital Ocean Production Server Videos
Bootstrap Self-Practice
Many:Many & 1:Many Models with ActiveRecord
Project #2: Full Stack
Deadlines
Optional Lectures
Project Scope
Initiation Survey
Scope Survey
Full Stack Node.js
From Ruby to Javascript
Ruby Practice
Sinatra Practice
Javascript Practice
Javascript Recap, Reps, & Resilience
Setup Node Environment
Introduction to Node
Intro to Node.js
Node File Structure
Node Event Loop
Node Server Examples
Sinatra vs Node
Node Modules
Modules for Newbies
Exercise: Modules
Homework: Requesting with Node
MongoDB & the Wonders of NoSQL
npm Installation Notes
Installing MongoDB
Mongo 101 & Importing JSON
Mongoose Models, Schemas, & CRUD
Model Example
Mongoose + Models with Node
Express.js
Morning Q&A
Getting Started w/Express
Express Guide
RESTful API Example
Lab: Express Generate
Lab: Express Reps
OOJS Recap & 2nd Pass
Prototype
Full Stack from Scratch
ES6 Classes
Ajax on a View
This Week's Videos
Homework
React.js
Using Gulp
Gulp's Default Task
Gulp with Sass
Gulp Workflow
Introduction React.js
Components with JSX
Components Example
Understanding what React Solves
Rendering Components
Independent Practice
React in Depth
What is JSX?
Input Validation
Password Validation
Rendering API Data
Testing
Mocha and Chai on Node
Testing User Model CRUD
Exercise: Intro to Jasmine
Intro to RSpec for Ruby
Project #3
Project Scope
Scope Survey
Initiation Survey
Teams
Week Schedule & Deliverables
Ruby on Rails
Angular.js
Computer Science
The Terminal Environment
Interviewing
Breaking Problems Down
Group Interview
Capstone Project
Powered by
GitBook
CSS Box Model & Grid Diagrams
CSS Box Model + Grid Diagrams
CSS Box Model
CSS Grid
Containers hold Rows
Rows hold Columns (of 12)
Columns (add up to 12)
Columns may also contian Rows with Columns...
results matching "
"
No results matching "
"