cassiemak/WDI_HK_6

All resources for WDI 6 in HK

Table of Content

General Assembly | Web Development Immersive

You can find all the materials and course resources here.

You can ask questions here! https://github.com/HK-WDI-November-2014/student-course-everything/issues

Contents

• Capstone (Week 11-13)
• Week 13
• Week 12
• Week 11
• Week 10
• Week 9
• Week 8
• Week 7
• Week 6
• Winter Holidays
• Week 5
• Week 4
• Week 3
• Week 2
• Week 1
• Prework

Projects

• Cassie
• Clement
• Dale
• Denis
• Dow
• Vivien

Additional Resources

Resources

• Keyboard Shortcuts
• Rails Gems
• Other Libraries
• General

Great tools

Tools

GA Perks

• https://generalassemb.ly/alumni/perks

GA Gallery

• http://gallery.ga.co/

==================

Capstone Projects (Week 11 - 13)

• Colorful Blind:
  • BY Vivien
  • Design Document
  • Github
  • Heroku
• Birthday Newz:
  • BY Dale
  • Design Document
  • Github
  • Heroku
• Property Finder:
  • BY Dow
  • Design Document (missing)
  • Github
  • Heroku
• HikeHK:
  • BY Cassie and Clement
  • Design Document
  • Web App Github
  • Web App Heroku
  • Mobile App Github
  • Mobile App Heroku (missing)
• LOLStatsDB:
  • BY Denis
  • Design Document
  • Github
  • Heroku (missing)

Week 13

Week 13 Day 5

• Student Teaching Day
• Student Teaching Guideline: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/student-teaching-day.md

Week 13 Day 4

• Final Presentation Day
• Starting at 7PM at 9/F Garage Society
• Final Presentation Guideline: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/presentation-guideline-final.md

Week 12

Week 12 Day 2

• Rspec Testing:
  • https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/rspec_testing.md
  • https://github.com/HK-WDI-November-2014/test-reddit-rails

Week 11

Week 11 Day 3

• Design Document Due Date

Week 11 Day 2

• Ionic Introduction: https://github.com/HK-WDI-November-2014/ionic-intro

Week 11 Day 1

• Project Idea Brainstorming and Design Documenting writing

Week 10

Week 10 Day 5 (PROJECT 2 PRESENTATION DAY!)

• Live streamed Presentations: http://youtu.be/V8xUNCZeG38
• Summary Site: https://wdi6hk.herokuapp.com
• https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/project-2-design-doc.md
• Time of Presentation: Friday Feb 6th 2015 - 6:30pm
• Location of Presentation: Batman Room, 8/F 33 Des Voeux Road, Central (Central Station Exit B)
• Presentation Guidelines: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/presentation-guidelines-%232.md
• Paul and Harry's Introduction Slides
• Project #2 Links:
  • FoodMagic:
    • BY Dow and Vivien
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube
  • Fritter:
    • BY Cassie and Dale
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube
  • RecipeDB.me:
    • BY Clement and Denis
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube

Week 10 Day 1 - 4

• Group Project time
• User Testing Guidelines: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/user-testing.md

Week 9

• Group Project time
• Challenge: https://github.com/HK-WDI-November-2014/challenges/blob/master/javascript-challenge-3.md

Week 8

Week 8 Day 5

• Group Project time
• Code Challenge Answers: https://github.com/HK-WDI-November-2014/challenges/blob/master/javascript-challenge-answer-2.md
• Code Challenge Questions: https://github.com/HK-WDI-November-2014/challenges/blob/master/css-challenge-1.md

Week 8 Day 4

• Group Project time

Week 8 Day 3

• Project #2 Design Documents:
  • Clement and Denis: https://docs.google.com/presentation/d/1xbo8G_xCspXzK7BsP9lJgTxQOAtgZsPGcP60NSI-sTE/edit#slide=id.g5865f8b4e_021
  • Dow and Vivien: https://www.dropbox.com/s/qd6vxi7jd6p43ge/FoodMagic%20Presentation.key?dl=0
  • Cassie and Dale: https://docs.google.com/a/generalassemb.ly/document/d/1JanTKxI8oH81IaNd6OuHd1qt16H5Xl5CH2jWVjJJcBQ/edit
• Code Challenges: https://github.com/HK-WDI-November-2014/challenges/blob/master/past%2Fjavascript-challenge-2.md

Week 8 Day 2

• Project 2 Design Documents: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/project-2-design-doc.md

Week 8 Day 1

• Angular Notes:

Week 7

Week 7 Day 5

• Angular notes: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/angular-setup.md

Week 7 Day 4

• Group project presentation
• Preprocessors and Compiled languages: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/preprocessors_&_compiled_languages.md

Week 7 Day 3

• Challenge: Scrape a site of your choice and display data
• Form group for group project

Week 7 Day 2

• Continue on Nokogiri: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/nokogiri-lesson.md
• Challenge: Scrape a site of your choice and display data
• Object Oriented Programming: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/oop-exercises.md

Week 7 Day 1

• One-on-one with Justin
• One-on-one code reviews
• Nokogiri Lesson plan: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/nokogiri-lesson.md

Week 6

Week 6 Day 5

• Morning Standup
• Personal Project Presentation @ 3:30 PM
  • Presentation Guideline: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/presentation-guideline.md
  • Online Presentation Matrix Results:
  • Dale
    • Heroku
    • Github
    • Slides
    • Youtube Video
  • Cassie
    • Heroku
    • Github
    • Slides
    • Youtube Video
  • Denis
    • Heroku
    • Github
    • Slides
    • Youtube Video
  • Dow
    • Heroku
    • Github
    • Slides
    • Youtube Video
  • Clement
    • Heroku
    • Github
    • Slides
    • Youtube Video
  • Vivien
    • Heroku
    • Github
    • Slides
    • Youtube Video

Week 6 Day 4

• Morning Standup
• Personal Project Time
• STAY UNTIL 12AM!!!

Week 6 Day 3

• Morning Standup
• Personal Project Time
• Presentation Guideline: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/presentation-guideline.md

Week 6 Day 2

• Morning Standup
• Personal Project Time
• Using Paperclip and AWS S3 to upload profile pictures and other files
  • https://github.com/thoughtbot/paperclip
  • http://www.rubydoc.info/gems/paperclip/Paperclip/Storage/S3
  • WDI-HK-6/reddit-rails#2

Week 6 Day 1

• WELCOME BACK AFTER WINTER HOLIDAYS!
• Morning Standup
• Personal Project Time

Winter Holidays

• WORK ON YOUR PERSONAL PROJECT =)
• Update on waffle.io on your progress
• Ask us any questions anytime
• Review previous materials

Week 5

Week 5 Day 5

• Morning standup
• Personal Project Time
• Farewell Lunch with Victor

Week 5 Day 4

• Morning standup
• Personal Project Time
• Dash: Offline software documentations (http://kapeli.com/dash)
• Waffle.io
• WDI 5 Presentation

Week 5 Day 3

• Alternative way to do Ajax Commenting
• Dash: Offline software documentations (http://kapeli.com/dash)
• Waffle.io
• Personal Project Time

Week 5 Day 2

• Ajax Commenting Challenge
  • Possible Solution: https://github.com/harrychenca/reddit-rails/tree/ajax-comment-2
• MVC Structure Review
• User Authenticate Validation (Devise)

Week 5 Day 1

• Ajax Post Voting: https://github.com/harrychenca/reddit-rails
• Using Ajax in Ruby on Rails
• Personal Project Pitch
• Wireframing / FOC / Database Table Design
• RailsPanel (Chrome Extension / A mini rails debugger)

Week 4

Week 4 Day 5

• MVC Quiz: Draw out the whole MVC framework
• Cloning Reddit on Rails
• Learning to use Devise: https://github.com/harrychenca/reddit-rails/tree/devise
• Instructions to install Devise: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/install-devise.md
• Putting MVC into practice

Week 4 Day 4

• Cloning Reddit on Rails: https://github.com/harrychenca/reddit-rails
• Creating models, views, routes, controllers, and database migrations on Rails
• Putting MVC into practice

Week 4 Day 3

• MVC Framework on Ruby on Rails (Routes, Controllers, Views, Models, Databases)
• Relational vs. Non-relational databases
• Heroku vs. Github

Week 4 Day 2

• Rails Basic Template Github Repo: https://github.com/HK-WDI-November-2014/rails-basic-template
• Rails Basic Template on Heroku: https://rails-basic-template.herokuapp.com/
• HighStocks Annotations:
  • AJAX for CRUD: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/620-ajax-crud.md
  • AJAX for HighCharts: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/630-ajax-crud-highcharts-annotation.md
  • Possible Logic Flow: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/631-ajax-crud-highcharts-annotation.md
  • Possible Solution: https://github.com/fuzzybabybunny/portfolio-example-ga/blob/master/client/templates/pages/highcharts-annotation.js

Week 4 Day 1

• Highstock Annotation Project Exercise
• Ruby Introduction: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/ruby-install.md

Week 3

Week 3 Day 5 - HighCharts and HighStocks

• Review of API Exercises
• Exercises: Create a dynamically-generated chart using HighCharts and API with Annotications
• Exercise Example Site: http://ga-student-page.meteor.com/playground/highcharts-annotation

Week 3 Day 4 - Wrap-up of 10-second Math Game and HighChart

• 10-second math solution: https://github.com/HK-WDI-November-2014/jquery-math-game-exercise/blob/master/README.md
• Introduction to HighChart: https://github.com/HK-WDI-November-2014/intro-highchart
• Homework: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/data-aggregation.md

Week 3 Day 3 - 10-second Math Game

• Practice Time!

Week 3 Day 2 - AJAX

• Lecture Notes: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/600-ajax-get.md
• Realtime APIs
  • http://ciese.org/materials/resources/realtimedata/
  • https://nycopendata.socrata.com/
  • http://ciese.org/materials/resources/realtimedata/
  • http://www.programmableweb.com/api/mta
• Exercises: Clone http://www.mental-math-trainer.com/?utm_source=hackernewsletter&utm_medium=email&utm_term=show_hn&mc_cid=c86b2d47f6&mc_eid=c9b5350b14
• In-class post request:
  • https://sheltered-castle-9043.herokuapp.com/
  • chrome-extension://fdmmgilgnpjigdojojpjoooidkmcomcm/index.html

Week 3 Day 1 - Javascript and jQuery exercise

• Shopping Cart Exercise
• Shopping Cart Solution: https://github.com/HK-WDI-November-2014/jquery-exercise-shopping-cart-complete
• Cheatsheets: https://github.com/HK-WDI-November-2014/cheatsheets

Week 2

Week 2 Day 5 - Javascript and jQuery exercise

• Exercises:
  • https://github.com/HK-WDI-November-2014/jquery-exercise-shopping-cart

Week 2 Day 4 - Introduction to jQuery

• Lecture slides: No slides
• Lecture notes: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/jquery.md
• Homework (optional): http://jqexercise.droppages.com/

Week 2 Day 3 - Introduction to Computer Science (using Javascript)

• Lecture slides: https://slides.com/harrychenca/w2-d3
• Lecture notes: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/functions.md
• Homework: https://www.codeschool.com/courses/javascript-road-trip-part-3 (up to level 4)

Week 2 Day 2 - Introduction to Computer Science (using Javascript)

• Lecture slides: https://slides.com/harrychenca/w2-d2
• Lecture notes: https://github.com/HK-WDI-November-2014/Class-Notes-And-Exercises/blob/master/javascript.md
• Homework: https://www.codeschool.com/courses/javascript-road-trip-part-2 (all levels)

Week 2 Day 1 - HTML/CSS/Bootstrap Wrap-up

• Lecture slides: https://slides.com/harrychenca/w2-d1
• Project Solution Reference: https://github.com/HK-WDI-November-2014/bootstrap-project
• Homework: https://www.codeschool.com/courses/javascript-road-trip-part-1 (all levels)

Week 1

Week 1 Day 5 - Bootstrap Project

• Lecture slides: http://slides.com/harrychenca/w1-d5
• Project: https://github.com/HK-WDI-November-2014/bootstrap-project/commit/66f6d5b4d598b20914b5727f766a1ea7b9b02b53

Week 1 Day 4 - Lab / Bootstrap

• Lecture slides: http://slides.com/harrychenca/w1-d4
• Lab Solution: https://github.com/HK-WDI-November-2014/html-css-lab-complete

Week 1 Day 3 - HTML / CSS / LAB

• Lecture slides: http://slides.com/harrychenca/w1-d3
• Lab: https://github.com/HK-WDI-November-2014/html-css-project
• Homework for the week:
  • http://slides.com/harrychenca/w1-d3#/24
  • http://slides.com/harrychenca/w1-d3#/25

Week 1 Day 2 - Internet, Webapp, Git and Github

• Lecture slides: https://slides.com/harrychenca/w1-d2

Week 1 Day 1 - Orientation Day

• Lecture slides: https://slides.com/harrychenca/w1-d1
• Homework: http://www.20thingsilearned.com/en-US/what-is-the-internet

Prework

• Please go over all the setups and practices in this document
• http://harryworld.gitbooks.io/web-development-prework/

All Projects

Cassie

• Portfolio Site
  • https://cassiemak.herokuapp.com/
  • https://github.com/cassiemak/cassie
• The Next Web
  • http://sassybootstrap.bitballoon.com/
  • https://github.com/cassiemak/bootstrap-project
• JS shopping cart
  • http://sassy-simple-shopping-cart.bitballoon.com/
  • https://github.com/cassiemak/jquery-exercise-shopping-cart
• Math Game
  • http://sassy-math.bitballoon.com/
  • https://github.com/cassiemak/mathgame
• HighChart Annotation
  • http://highchart-annotation.bitballoon.com/
  • https://github.com/cassiemak/highstock-ajax-crud
• Reddit-rails
  • https://sassy-reddit.herokuapp.com/
  • https://github.com/cassiemak/reddit-rails
• Project #1
  • https://product-review.herokuapp.com/products/2
  • https://github.com/cassiemak/XmasProject-Product-Review
• Project #2 Links:
  • Fritter:
    • BY Cassie and Dale
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube

Clement

• Portfolio Site
  • https://cchchoi1986-portfoliosite.herokuapp.com/
  • http://www.choiclement.com
  • https://github.com/cchchoi1986/cc-portfolio-rails
• The Next Web
  • http://tnwclone-responsivenessexercise-cchchoi1986.bitballoon.com/
  • https://github.com/cchchoi1986/tnwclone-responsiveexercise
• JS shopping cart
  • https://www.bitballoon.com/sites/shoppingcartexercise-cchchoi1986
  • https://github.com/cchchoi1986/jquery-exercise-shopping-cart
• Math Game
  • http://10secondsofmathcchchoi1986.bitballoon.com/
  • https://github.com/cchchoi1986/math-game
• HighChart Annotation
  • http://highstockannotated-cchchoi1986.bitballoon.com/
  • https://github.com/cchchoi1986/highstocks-annotate
• Reddit-rails
  • https://cchchoi1986-reddit-rails.herokuapp.com/ not working yet
  • https://github.com/cchchoi1986/reddit-rails
• Project #1
  • https://thegameexchange-cchchoi1986.herokuapp.com/
  • https://github.com/cchchoi1986/thegameexchange
• Project #2 Links:
  • RecipeDB.me:
    • BY Clement and Denis
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube

Dale

• Portfolio Site
  • https://agile-shore-7752.herokuapp.com/
  • https://github.com/gduck/Portfolio-Dale
• The Next Web
  • http://dales-bootstrap-project.bitballoon.com/
  • https://github.com/gduck/bootstrap-project
• JS shopping cart
  • http://dale-shopping-cart.bitballoon.com/
  • https://github.com/gduck/jquery-exercise-shopping-cart
• Math Game
  • http://tensecondmath.bitballoon.com/
  • https://github.com/gduck/tensecondmath
• HighChart Annotation
  • http://quandl-highstock-dale.bitballoon.com/
  • https://github.com/gduck/quandl-project
• Reddit-rails
  • https://shielded-cove-8764.herokuapp.com/
  • https://github.com/gduck/reddit-for-rails
• Project #1
  • https://wantmaw.herokuapp.com/
  • https://github.com/gduck/Project1
• Project #2 Links:
  • Fritter:
    • BY Cassie and Dale
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube

Denis

• Portfolio Site
  • https://dcheung-portfolio.herokuapp.com/
  • https://github.com/dshcheung/dcheung-portfolio
• The Next Web
  • http://dshcheung-bootstrap-project.bitballoon.com/
  • https://github.com/dshcheung/bootstrap-project
• JS shopping cart
  • http://operator-bat-16383.bitballoon.com/
  • https://github.com/dshcheung/jquery-shoppingCart
• Math Game
  • http://ranger-adrain-16736.bitballoon.com/
  • https://github.com/dshcheung/jquery-mathGame
• HighChart Annotation
  • http://butcher-fork-88536.bitballoon.com/
  • https://github.com/dshcheung/highstocks-annotate
• Reddit-rails
  • https://stormy-inlet-9337.herokuapp.com/
  • https://github.com/dshcheung/reddit-rails
• Project #1
  • https://boxful.herokuapp.com/
  • https://github.com/dshcheung/boxful
• Project #2 Links:
  • RecipeDB.me:
    • BY Clement and Denis
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube

Dow

• Portfolio Site
• The Next Web
  • https://github.com/dowtang/bootstrap-project.git
• JS shopping cart
  • https://github.com/dowtang/ShoppingCart.git
• Math Game
  • https://github.com/dowtang/Mental-Math-Folder.git
• HighChart Annotation
• Reddit-rails
  • https://github.com/dowtang/reddit-rails.git
• Project #1
  • https://interviewhelpapp.herokuapp.com/
  • https://github.com/dowtang/interviewer
• Project #2 Links:
  • FoodMagic:
    • BY Dow and Vivien
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube

Vivien

• Portfolio Site
• The Next Web
• JS shopping cart
  • http://jsshoppingcart.bitballoon.com/
  • https://github.com/vivientam/jsshoppingcart
• Math Game
• http://mathgame.bitballoon.com/
• https://github.com/vivientam/mathgame
• Historical Gas
• http://historicalgas.bitballoon.com/
• https://github.com/vivientam/historicalgas
• Highstock Rest API
• http://highstockrestapi.bitballoon.com/
• https://github.com/vivientam/highstockrestapi.git
• Reddit-rails
• https://polar-retreat-7464.herokuapp.com/
• https://github.com/vivientam/reddit-railsd2.git
• Project #1
  • https://diabetescured.herokuapp.com/readings
  • https://github.com/vivientam/diabetes
• Project #2 Links:
  • FoodMagic:
    • BY Dow and Vivien
    • Design Document
    • Presentation slides
    • Github
    • Heroku
    • Youtube

Resources

Keyboard Shortcuts

• A list of keyboard shortcuts: https://github.com/HK-WDI-November-2014/student-course-everything/blob/master/keyboard-shortcuts.md

Rails Gems

• RailsCasts (tutorials on different gems): http://railscasts.com/
• Uploading Files #1: https://github.com/carrierwaveuploader/carrierwave
• Uploading Files #2: https://github.com/thoughtbot/paperclip
• Social Login: https://github.com/intridea/omniauth

Other libraries

• Bootstrap with Material UI: https://fezvrasta.github.io/bootstrap-material-design/#about
• Material UI: http://material-ui.com/
• Bootstrap: http://getbootstrap.com/
• Jquery: http://jquery.com/
• Foundation: http://foundation.zurb.com/
• Font Awesome: http://fortawesome.github.io/Font-Awesome/
• Polymer: https://www.polymer-project.org/

General

• TryRuby: http://tryruby.org/
• CodeSchool Javascript: https://www.codeschool.com/paths/javascript
• Rails Zombie: http://railsforzombies.org/
• Dash: https://dash.generalassemb.ly/
• Hacker News: news.ycombinator.com
• Product Hunt: producthunt.com

Tools

• Waffle (www.waffle.io)
• Dash (http://kapeli.com/dash)
• RailsPanel (https://chrome.google.com/webstore/detail/railspanel/gjpfobpafnhjhbajcjgccbbdofdckggg)
• Postman (https://chrome.google.com/webstore/detail/postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm?hl=en)
• PageSpeed (https://developers.google.com/speed/pagespeed/)