/WDI_HK_9

Primary LanguageRuby

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. Ruby, OOP, Sinatra 5. Ruby on Rails 6. Project 2: Rails App
UNIT 3 7. Rails APIs, Express 8. User & Authe in APIs 9. Project 3: Rails/MEAN App
UNIT 4 10. MV* with Angular 11. Advanced topics 12. Final Project

Unit 1

Week 1 | Front-end Fundamentals

Day 1 Day 2 Day 3 Day 4 Day 5
Install-fest Assessment Assessment & Solution Assessment Assessment & Solution
How the internet works Review-Lab: Command line R-Lab: Build a Website R-Lab: CSS Website Replication R-Lab: Functions
Navigating the file system Chrome dev tools Box Model And Positioning R-CSS Selector Game JS Debugging
HW: Reading CSS selector basics Data Types, Variables, Arrays Mastering The Flow Dom Manipulation
HW-Lab: Command line CSS Selector Game HW-Lab: CSS Website Replication JS Objects Lab: Dom Manipulation
- HW-Lab: Build a website - Functions And Scope HW-Lab: Tic-Tac-Toe
- - - HW-Lab: Functions -

Week 1 | Day 1

Week 1 | Day 2

Week 1 | Day 3

Week 1 | Day 4

Week 1 | Day 5

  • Homework

Week 2 | Front-end Fundamentals

Day 1 Day 2 Day 3 Day 4 Day 5
Assessment & Solution Assessment & Solution Assessment & Solution Assessment & Solution R-Lab: 10 Seconds Math
R-Lab: Dom Manipulation R-Lab: Shopping Cart Solution R-JS Arrays Problems Solution Bootstrap CSS Lesson Github Lesson
R-Lab: Tic-Tac-Toe JS Arrays Lesson JS Closures, Scope, Context Bootstrap CSS Slides Lab: Github
jQuery Lesson - - Project Spec Agile Framework
jQuery Game - - - Present & Pitch & Code Marathon Starts
HW-Lab: Shopping Cart HW-JS Arrays Problems HW-JS Koans HW-Lab: 10 Seconds Math -

Week 2 | Day 1

Week 2 | Day 2

Week 2 | Day 3

  • Homework
    • Go to JS Koans and go through all the tests

Week 2 | Day 4

Week 2 | Day 5

  • Project Time!!!!!

Unit 2

Week 4 | Full-Stack Fundamentals, Ruby

By default, this unit starts with Sinatra and later, focuses on Rails. By starting with Sinatra, and slowly building up to the processes and file/folder structure used by Rails, we are able to scaffold the learning experience without overwhelming students, at first, with the Rails file structure. We try to build an understanding of the reasons that Rails arrived on the scene. We generally don't get to APIs in this unit because there are enough foundational topics to cover in OOP, MVC, data modeling, and more. This is where students get to build their first real set of full-stack applications.

Week 4

Day 1 Day 2 Day 3 Day 4 Day 5
Intro to Ruby data types Assessments & Solution Assessments & Solution SQL - Setup, insert, update, delete ActiveRecord methods and finders
Control flow in Ruby Classes, objects, methods R-HW: Rails Objects Building models with ActiveRecord Building and submitting forms
Arrays, hashes, and blocks Lab: Classes, objects, methods Sinatra setup / layouts and templating HW-Lab: SQL select HW-Lab: ActiveRecord finders and methods
Lab: Arrays and hashes HW: Ruby-Koans Sinatra controllers & RESTful routing HW-Lab: Models and migrations HW-Lab: Weekend Sinatra app
HW: Ruby-Koans HW: Rails Objects Intro to relational data modeling
HW-Lab: Practice database design

Week 5 | Full-Stack Fundamentals, MVC

Day 1 Day 2 Day 3 Day 4 Day 5
Assessment Assessment & Solution Assessment & Solution Sessions/logging in by hand Lab: Full CRUD app depoyed
Modeling relationships Intro to Rails Lab: Rails app with relationships Deploying to Heroku Projects Specs
HW-Lab: Modeling relationships - Models Controllers and routes in Rails User models with passwords Intro to testing
HW-Lab: Modeling relationships - Controllers Layouts, partials, and views HW-Lab: Authentication & Boostrap
HW-Lab: First Rails app
HW-Lab: Layouts, partials, views

Week 6 | Project Week

Presentation Guidelines

Guideline

Unit 3

Week 7 | Javascript Frameworks Intro

Day 1 Day 2 Day 3 Day 4 Day 5
Git team workflow part 1 Assessment & Solution Assessment & Solution Lab: Mongoose modeling Assessment & Solution
Git team workflow part 2 Intro to Node.js Debugging and logging in Node Deploying a Node application Weekend Lab!!!
Rails API Intro to Express Intro to NoSQL w/ Mongo Lab: Connecting Express routes to Mongo
Lab: Rails API Lab: Building Express routes Mongo-backed models with Mongoose
HW-Lab: CRUD with Mongoose

Week 8 | Javascript Frameworks - Advanced

Day 1 Day 2 Day 3 Day 4 Day 5
Assessment & Solution
Views in Express Encrypting passwords with Express/Mongoose API Authentication with Express Tokens Testing Node with Mocah/Chai Constructors and Prototypes
Lab: Views in Express Lab: Encrypted user models Lab: Securing APIs with token Lab: Testing with Mocha/Chai Lab: Node Scraping
AJAX with JS and jQuery Local auth with Express Intro to OAuth and 3rd party APIs Websockets with Socket.io Project 3!!!
Lab: Practicing AJAX Lab: Local auth with Express Lab: Integrating social logins Lab: Build a real-time app Lab: JS Prototypes

Week 10 | Angular

Day 1 Day 2 Day 3 Day 4 Day 5
Intro to Angular - setup, controllers, two-way binding ng-class and CSS animation Front-end routing with UI Router IONIC - Intro Pivotal Tracker
Lab: Binding controller and view with hardcoded data Angular $http Lab: Front-end routing with UI Router IONIC - Movie Finder APP Design Sprints
Angular directives Lab: Angular $http Building factories with $http IONIC - Movie Finder API Git Flow
Lab: Angular directives +HW: Angular with your project 3 API Writing custom directives IONIC - Realtime Chat Github Intergration
HW: Apps with Angular HW: Resources with your project Student Pitch

Week 11 | Project