/WDI_HK_12

Primary LanguageJavaScript

GA | Web Development Immersive

Unit Topic Topic Project
UNIT 1 1. Front-end Intro 2. Dynamic Frontend 3. Project 1: Build a game
UNIT 2 4. AJAX & MongoDB 5. MongoDB & Hapi.js 6. Project 2: Web API App
UNIT 3 7. Ruby and SQL DB 8. Ruby on Rails 9. Project 3: Rails App
UNIT 4 10. MVC with Angular 11. Final Project 12. Final Project

Short Hands

  • ILab = Inclass Lab (Doing and reviewing the lab inclass on the same day)
  • HLab = Homework Lab (Doing the lab partly inclass and the rest for homework)
  • RLab = Reviewing Lab (Review the lab that was assigned for homework the previous day)

Unit 1

Week 1 | Front-end Fundamentals

Monday Tuesday Wednesday Thursday Friday
KICKOFF!! Assessment & Solution Assessment & Solution Assessment & Solution Assessment & Solution
Install Fest RLab: Command Line RLab: Build a Website RLab: Boostrap Website Replication RLab: Functions
HTML Basics Box Model and Positioning Data Types, Variables, Arrays JS Debugging
LUNCH LUNCH LUNCH LUNCH LUNCH
Navigating the file system Chrome Dev Tools ILab: HTML CSS Site Replication Mastering The Flow Fundamental Reviews
HLab: Command Line CSS Selector Basics Bootstrap CSS Slides HLab: Functions Review - Rock, Paper, Scissors
- CSS Selector Game Bootstrap CSS Lesson - HLab: JS Koans
- HLab: Simple Website HLab: Boostrap Site Replication - -

Week 1 | Day 1

Week 2 | Front-end Fundamentals

Monday Tuesday Wednesday Thursday Friday
JS Objects Assessment & Solution @Dom Manipulation RLab: Shopping Cart Project Spec
ILab: JS Objects RLab: Objects & Arrays ILab: Dom Manipulation ILab: Tic-Tac-Toe Presentation Guidelines
LUNCH Function and Scope LUNCH LUNCH LUNCH
JS Arrays LUNCH JQuery Lesson ILab: 10 Seconds Math Agile Framework
ILab: JS Arrays Problems Github Lesson JQuery Game - Project Pitch Day1
HLab: Objects & Arrays ILab: Github HLab: Shoppoing Cart - -
- Read: Git - - -

Week 3 | Project 1

Monday Tuesday Wednesday Thursday Friday
Project Pitch Day2 Daily Standup Daily Standup Daily Standup Daily Standup
WireFrame + Trello + Coding Begins - - - -
LUNCH LUNCH LUNCH LUNCH LUNCH
- - - - JS CHANGE FREEZE
- - - - Final touch up (HTML & CSS)
- - - - Presentation

Week 4 | Node.js First Steps

Monday Tuesday Wednesday Thursday Friday
Week 1-3 Retrospective Node.js: First steps RLab: Express Routes Review JSON & AJAX RLab: Mongo Restaurants
- - - Node.js: Models with Mongoose
LUNCH LUNCH LUNCH LUNCH LUNCH
Project 1 Feedback Node.js: Jade templating Node.js: JSON MongoDB: Setup HLab: Mongoose Modeling
How to structure code HLab: Express Routes Node.js: AJAX MongoDB: Basics -
- - - ILab: Mongo Restaurants -

Week 5 | Node.js Hackathon

Monday Tuesday Wednesday Thursday Friday
Node.js: Passport Model View Controller Node.js: Hackathon Starter Node.js: Middelware Project Spec
- - - Node.js: Socket.io ? -
LUNCH LUNCH LUNCH LUNCH LUNCH
Node.js: Social login Labs Labs Node.js: Heroku -
HLab: Node.js - Passports - - - -
- - - - -

Week 7 | Ruby on Rails

Monday Tuesday Wednesday Thursday Friday
- - Intro to Ruby Programming OOP in Ruby R-Lab: Ruby Apartments
- - Control Flow in Ruby ILab: Rails Medieval Objects Intro to Relation DB
LUNCH LUNCH LUNCH LUNCH LUNCH
- - Arrays, Hashes & Blocks HLab: Ruby Apartments ILab: ERD Design
- - ILab: Arrays & Hashes - SQL: Setup & CRUD
- - HLab: Ruby Koans - HLab: Find Carmen Sandiego

Week 7 | Wednesday

Week 8 | Ruby on Rails

Monday Tuesday Wednesday Thursday Friday
R-Lab: Find Carmen Sandiego R-Lab: ActiveRecord Finders R-Lab: Modeling Relationshoips Lab: Layouts, partials, views Authentication with Devise
ActiveRecord and Migrations Modeling Relationships Controllers and Routes in Rails Rails API Photo Upload - Paperclip Gem
LUNCH LUNCH LUNCH LUNCH LUNCH
ILab: ActiveRecord and Migrations ILab: Modeling Relationships +Layouts, partials, and views - Heroku
ActiveRecord Methods and Finders +What is MVC? +ILab: Layouts, partials, views - Project 3 Spec
HLab: ActiveRecord Finders Intro to Rails Read: MVC GUIDE - -
- Seed & Faker - - -

Week 8 | Tuesday

Unit 4

Week 10 | AngularJS

Monday Tuesday Wednesday Thursday Friday
Retrospective R-Lab: Angular Controller 101 R-Lab: Angular Directives R-Lab: Angular HTTP R-Lab: Front-End Routing
- Angular Directives Angular HTTP Front-End Routing with UI Router Ionic Framework
LUNCH LUNCH LUNCH LUNCH LUNCH
Intro to AngularJS & Setup ng-class and CSS Animation Building factories with $http I-Lab: Front-End Routing Project 4 Idea
Lab: Angular Controller 101 Lab: Angular Directives Lab: Angular HTTP - -
- - - -