Git Product home page Git Product logo

7's Introduction

GA Logo

WDI 7 Course Information

Welcome to WDI 7. This repository contains information and materials specific to your course. All other materials are kept in the Singapore WDI GitBook - bookmark it!

The curriculum links below, lead to the specific material covered in class, however, there are plenty of bonus materials also included in the GitBook.

Instructional Team

Jeremiah Alexander | Lead Instructor | [email protected]

Nick Ang | Facilitator | [email protected]

Terence Lim | Facilitator | [email protected]

Discussion

Class discussions take place on Slack. Download Slack

Github

We use Github for source code management. Every student will need an account, with all projects and assignments stored there. Below are links to all accounts.

Instructional Team

Students

Exit Tickets

At the end of each day's lesson, kindly fill in the Exit Tickets to provide feedback for the day's lessons.

Course Outline

The following is given as a guideline only and may be adjusted by the instructor based upon the pace of the class.

The typically daily format is as follows.

Time Activity
09:00 - 10:00 Scrum + Warmup
10:00 - 12:30 Main Topic
12:30 - 01:30 Lunch
01:30 - 02:30 Lab
02:30 - 03:00 Review
03:00 onwards Lab + Homework

Unit 1: Front End Development

Dec 5th - Dec 16th | Jan 3rd - Jan 6th

Unit 1 is all about showing the humble beginnings of the web and introducing students to foundational programming concepts that we'll use for the entire rest of the course.

Week 1

Topic Assignments
Installfest
Command Line Filesystem Navigation Lab
Command Line Murder Mystery
HTML Review HTML Top Ten Movies Lab
HTML User Input Lab
CSS Selectors Flukeout CSS Selector Game
CSS Box Model and Positioning Recreate Instagram
CSS Positioning with Flexbox Flexbox Froggy
Recreate Airbnb
Responsive CSS
Intro to Git/Github Learn Git News Room Style
JavaScript Primitives Primitives Exercises
JavaScript Control Flow Control Flow Problems
JavaScript Functions Functions Problem Set
Google Shopping
Google Shopping Functions

Week 2

Topic Assignments
Intro to Agile & Testing Tic Tac Tester Mini Project
JS Callbacks & Iterators Iterators Lab
Intro to jQuery jQuery Intro Quiz
Bonus: Animated Clock
Tic Tac Toe Revisited
Fellowship of the DOM
Bonus: Temperature Converter
Timer
Sim City Bomb Squad
OOP in JavaScript Prototype Body Shop
JavaScript Inheritance Prototype Body Shop 2

Week Christmas / New Year

A warm up a day keeps the bugs at bay.

Week/Day Warmup
1/1 Sum String
1/2 Mouse follows Mouse
1/3 English Calculator
1/4 Kopi Order
1/5 Scrabble
2/1 Array Practice 1
2/2 Array Practice 2
2/3 Random Quote Generator
2/4 Kitchen Sink
2/5 Custom Iterators

View your classmates' solutions here!

Week 3 - Project 1

Carefully Read the Project 1 Specification here.

To start your project, you need to Accept the Assignment on Github Classroom. This will create a new repo for you on Github, which you must use to store your project source code.

Code Reviews

After completing the Project, each student should complete a Code Review. The groupings are:

  1. Benedict / Keith
  2. Wan Shan / Danial
  3. CK / Stephie
  4. Adrian > Yi Sheng > Zhao Loong > Adrian
  5. Esther / Weitong
  6. Glen / David
  7. Larissa / Sharan
  8. Melvin / Olivia
  9. Andrew / Agnes
  10. Dax / Sharona

Unit 2: Node/Express

Jan 9th - Jan 27th

Unit 2 is about introducing server side development. Specifically, we focus on Node.js, Express & MongoDB. It is also a chance to solidify JavaScript fundamentals and dive deep into programming concepts like CRUD and MVC.

Week 4

Topic Assignments
JS Review & Scopes Technical Documentation
Intro to Node & NPM
Intro to CRUD & MVC
TDD with Assert TDD Todo List
Intro to NoSQL w/ Mongo Install MongoDB
ORM with Mongoose Mongo Todo Lab
Internet Fundamentals Internet Lab
Intro to Express
REST & CRUD in Express Express Todo List pt1
Express Testing with Mocha and Chai Mocha TODO List

Week 5

We'll dig into modeling more complex relationships in Mongo & Mongoose and we'll also look into adding user authentication to our apps.

Topic Assignments
Views in Express
Bootstrap Express Todo List pt2
Mongoose Pet Shelter
Modeling Relations in Mongo
Mapping Relations in Mongoose Modeling Airports
Multi Model Todo List
Express Authentication Theory
Express Authentication Practice Users Todo List
Deploy Node to Heroku Example App
Bonus Topics
Image Uploads with Cloudinary
Geocoding/Maps (Sequelize)
oAuth (Sequelize)

Week 6 - Project 2

Carefully Read the Project 2 Specification here.

To start your project, you need to Fork this Project Repository on Github -- You can rename your forked repo if you want.

Carefully Read the Instructions in the Gitbook for Submission and presentation preparation.

Code Reviews

After completing the Project, each student should complete an additional Code Review. The groupings are:

  1. Benedict / Wan Shan
  2. Daniel / David
  3. Olivia / Stephie
  4. Adrian / Melvin
  5. Esther / Yi Sheng
  6. Glen / Larissa
  7. Sharan / Keith
  8. Zhao Loong / CK
  9. Andrew / Sharona
  10. Dax / Agnes

Unit 3: Ruby on Rails

Jan 31st - Feb 17th

Unit 3 is about taking your server-side development skills to the next level. We'll learn Ruby on Rails and use it to build more sophisticated and scalable Apps. We'll cover relational databases using Postgres and SQL. We'll also cover effective team work and collaboration using Git.

Week 7

Topic Assignments
Intro to Ruby Ruby Exercises
Ruby Challenges
Ruby Classes
Ruby Testing with Rspec Rspec Testing
TDD Calculator
Ruby Inheritance Rio Grande
Intro to Rails National Parks
Rails Asset Pipeline & SASS National Parks Part 2

Week 8

Topic Assignments
Intro to SQL Find Carmen Sandiego
Apartment Lab
Advanced SQL ERBs & Database Modeling
Booktown
Rails Auth/1:M Link Board
Rails M:M National Parks Part 3
Git Collaboration Review
Team Workflows
Deploy Rails to Heroku Testing & CI Example
Bonus Topics
Polymorphic Associations
oAuth
Mailers
Image Uploads with Cloudinary
Consuming an API
Building an API
AJAX in Rails
Data Scraping with Nokogiri

Week 9 - Project 3

Carefully Read the Project 3 Specification here.

To start your project, one of your team will need to Fork this Project Repository on Github. This will be your Team Repo -- you should rename it to either your team or project name. Depending on your chosen git workflow, the owner of this repo will either need to add the other team members as collaborators or have them fork the team repo.

Carefully Read the Instructions in the Gitbook for Submission and presentation preparation.

Teams
  1. Glen / Lari / Olivia
  2. Adrian / Keith / Melvin / Ben
  3. David / Steph / Wan Shan
  4. Agnes / CK / Dax
  5. Danial / Sharan / Esther
  6. Zhao Loong / Yi Sheng / Andrew / Sharona

Post-Mortem

Once your project is complete, you will have to work as a group to write a Post-Mortem.

Unit 4: Advanced Web Development

Jan 31st - Mar 10th

Unit 4, our final unit, returns to focus on the front-end looking at JavaScript frameworks, Build Tools, AJAX, WebSockets and SPAs.

At this point in the course, you are very accomplished developers. In addition, the bootcamp will being ending soon, and you'll need to have habits in place to keep up your learning. So this unit will focus heavily on self-led, group and project based learning rather than lecture.

Week 10

Topic Assignments
AJAX
API Authentication
Frontend JS Frameworks SPA Mini Project

Week 11

Topic Assignments
WebSockets with Socket.io Chat Lab
RT Mini Project

Week 12 - Final Project

Carefully Read the Project 4 Specification here.

To start your project, Fork this Project Repository on Github.

Carefully Read the Instructions in the Gitbook for Submission and presentation preparation.

This is your last project, so give it your all!

Post WDI

Mar 13th - Forever

Congratulations on making it this far. The 12 weeks are over and you're now at the beginning of your journey as a web developer.

Checkout the POST WDI Section in the Gitbook for instructions on what to do next and keep up the learning!


Licensing

  1. All content is licensed under a CC-BY-NC-SA 4.0 license.
  2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.