/WDI_HK_11

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
Presentation @ 10AM Intro to Ruby Programming R-Lab: Arrays & Hashes R-Lab: Rails Medieval Objects Intro to Relation DB
- Control Flow in Ruby OOP in Ruby R-Lab: Ruby Apartments ILab: ERD Design
LUNCH LUNCH LUNCH LUNCH LUNCH
Retrospective Arrays, Hashes & Blocks ILab: Rails Medieval Objects +What is MVC? SQL: Setup & CRUD
- ILab: Arrays & Hashes HLab: Ruby Apartments Intro to Rails HLab: Find Carmen Sandiego
- HLab: Ruby Koans - -

Week 7 | Tuesday

Week 7 | Thursday

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 Building and Submitting Forms Heroku
ActiveRecord Methods and Finders Seed & Faker ILab: Layouts, partials, views - Project 3 Spec
HLab: ActiveRecord Finders Scraping Read: MVC GUIDE - -

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 Lab: Angular HTTP Building factories with $http Project 4 Idea
Lab: Angular Controller 101 Lab: Angular Directives - Lab: Front-End Routing -
- - - -

GUIDES

- [MVC Guide](guides/rails/01_mvc) - [Rails with jQuery Guide](guides/rails/02_rails_jquery) - [Rails with Angular Guide](guides/rails/03_rails_angular) - [GEMS](guides/rails/gems)- [rails-blog-erb-sample](https://github.com/dshcheung/rails-blog-erb-sample) - [rails-blog-ajax-single-page-sample](https://github.com/dshcheung/rails-blog-ajax-single-page-sample)