WDI5 (Singapore)

Welcome to GA Singapore! Here are the notes for our Web Development Immersive. Do take your own notes too (Psst, you'll learn better that way!)

GA Logo

Prework

Essentials

Attendance

Our attendance policy for graduation is no more than 4 absences during the course. 15 minutes late = 1 tardy. 3 tardies = 1 absence.

If you know you'll be late or absent, please let us know and we'll arrange to have your tardy or absence excused.

Homework and Project Policies

Homework: 80% of the homework needs to be submitted for completion.

Projects: We would like everyone to complete their project as it will significantly affect your chances for graduation if you fail to do so. A Minimum Viable Product (MVP) is a must.

Administrative Matters

  • At the end of each day's lesson, kindly fill up the Exit Tickets to provide feedback for the day's lessons
  • Please fill in your personal particulars here

Unit 1: Front End Development

Topic Assignments
Internet Fundamentals Internet Lab
Command Line Command Line Murder Mystery
Intro to Git Learn Git News Room Style
HTML (tables) HTML Top Ten Movies Lab
HTML (user input) HTML User Input Lab
CSS Selectors
CSS Box Model and Positioning Recreate Instagram

Recreate Airbnb
JavaScript Primitives Primitives Exercises
JavaScript Control Flow Control Flow Problems

Google Shopping
JavaScript Functions Thriller Lyrics

Functions Problem Set

Google Shopping Functions
DOM and Events Reddit DOM

Temperature Converter
Callbacks and Iterators Iterators Lab

Iterators with Reddit
Intro to jQuery Random Quote Generator

Todo List
jQuery Plugins jQuery UI Lab
AJAX AJAX Doughnuts

Reddit AJAX Slideshow
Responsive CSS
Bootstrap Bootstrap Mockups
User Stories and Wireframing Wireframing: Build an Idea
OOP with Constructors/Prototypes

Intro to TDD
Prototype Body Shop
Scopes
JavaScript Inheritance Body Shop 2
Projects and Additional Topics
Tic Tac Toe
Project 1
Code Review

See Week 1 cheat-sheet here

Unit 2: NodeJS/Express

Topic Assignments
Intro to Express Daily Planet
Organization and APIs

Foreman
OMDB Movie Search
Intro to SQL Apartment Lab
Advanced SQL Booktown
Full RESTful Routing w/AJAX Hackathon Teams

Daily Planet with AJAX (old)
Express with Databases via Sequelize Pokedex

Link Shortener
Sequelize 1:M Comments w/BlogPulse
Sequelize M:M Project Organizer
Express Testing with Mocha and Chai Starter code
Express Authentication Theory (Research/Code)
Express Authentication Practice (Codealong) Starter Template
Deploy Node to Heroku Example App
Projects and Additional Topics
Project 2
oAuth
Realtime with Socket.io
Geocoding/Maps
Image Uploads with Cloudinary
Post Project 2
Code Review

Unit 3: Ruby on Rails

Topic Assignments
Intro to Ruby Ruby Exercises

Ruby Challenges
Ruby Classes
Ruby Testing with Rspec Rspec Testing
Ruby Inheritance Rio Grande
Intro to Rails National Parks
APIs with Rest-Client
Data Scraping with Nokogiri Nokogiri CLI Tool
Rails Asset Pipeline
Rails Auth/1:M Link Board
Rails M:M National Parks Part 2: Rangers
Polymorphic Associations Link Board Comments
Projects and Additional Topics
Front End Hackathon
Project 3
Group Collaboration
oAuth
Mailers
Image Uploads with Cloudinary
Static Site Generators (Jekyll)
JS/jQuery Review

Unit 4: AngularJS 1.x and APIs

Topic Assignments
Intro to Angular Angular Calculator
Directives and Filters Fruits and Veggies
Animation with ngAnimate
Bootstrap Directives
$http (DEPRECATED) Reddit Dashboard

Giphy Search
Angular Services
Angular Routing (UI Router) Route Those Views
Intro to MongoDB

Mongoose
JSON Web Tokens RESTful API
Angular + Express

Starter Code
Angular Authentication Starter Code
Custom Filters Creating Filters
Custom Directives Creating Directives

ReactJS

Topic Assignments
Intro to ReactJS React Stopwatch
React with Gulp and Browserify
React Router

Starter Code
React Yearbook
React Animations

Computer Science

Topic Assignments
Recursion/Problem Solving Array Challenge
Binary Search

Algorithm Complexity
Auto Guess
Stacks and Queues Bracket Matching
Linked Lists Singly Linked List

Linked List Methods
Bucket Sort Bucket Sort: Sorting Papers
Bubble Sort
Merge Sort
Quick Sort
Sorting Wrapup
Hashmaps
Trees and Other Topics N/A
Projects and Additional Topics
Project 4
MEAN Hackathon
Interview Questions
ES6 Variables and Strings (Codepen)
ES6 Arrow Functions (Codepen)

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].

results matching ""

    No results matching ""