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][1-2E]         | -                                       | [Functions And Scope][1-4D]             | [HW-Lab: Tic-Tac-Toe][1-5F]             |
  

•                                    | -                                       | -                                       | [HW-Lab: Functions][1-4E]               | -                                       |
  

Week 1 | Day 1

• Homework
  • Read What is Code? (by Bloomberg Business)
  • Read 20 things I've learned about browsers and the web
  • Try the typing exercises on typing.io and see how fast you type code
  • Watch DNS Explained to how DNS works
  • (Optional) Watch Computer Programming

Week 1 | Day 2

• Homework
  • Play the game CSS Selector Game
  • Go to Lab: Build a website and follow the instructions to complete the lab

Week 1 | Day 3

• Homework
  • Go to Lab: CSS Website Replication and follow the instructions to complete the lab

Week 1 | Day 4

• Homework
  • Complete Function and Scope's independence practice if you havn't completed
  • Go to Lab: Functions and follow the instructions to complete the lab

Week 1 | Day 5

• Homework
  • Go to Lab: Tic-Tac-Toe and follow the instructions to complete the lab
  • Go to Javascript Exercises and complete exercises you feel you are week in. Such as array and objects.

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

• Homework
  • Go to HW-Lab: Shopping Cart and complete the shopping cart
    • Click here to see the final product

Week 2 | Day 2

• Homework
  • Go to HW-JS Arrays Problems and follow the instructions to complete the lab

Week 2 | Day 3

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

Week 2 | Day 4

• Project Resources

  • Project Spec

• Homework

  • Go to HW-Lab: 10 Seconds Math and follow the instructures to complete the lab

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][4-3F]      |                                               |

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][5-2D]            |                                           |                                           |
                                                | [HW-Lab: Layouts, partials, views][5-2E]   |                                           |                                           |

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][7-3D]        |                                                     |

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

• Rails Devise Auth - Server
• Raisl Devise Auth - Client