Purdue Gold IronHacks Fall 2017 Tutorials

Welcome to Purdue Gold IronHacks Fall 2017! These pages aim to introduce you to various technologies that will be required as part of this programming challenge. We kindly ask you to complete the material before the competition starts on October 30th, 2017.

Session 1

(please complete between October 11th to October 17th)
User Manual Social Coding Platform -- Introduction to IronHacks
Presentation -- Slides for Session 1

An official tutorial for HTML

Tutorial -- w3 school tutorial for html

Basic HTML video and sample code 1

HTML Video 1 -- html video 1 on social coding platform
HTML Sample Code 1 -- html code 1 on social coding platform

Basic HTML video and sample code 2

HTML Video 2 -- html video 2 on social coding platform
HTML Sample Code 2 -- html code 2 on social coding platform

Basic HTML video and sample code 3

HTML Video 3 -- html video 3 on social coding platform
HTML Sample Code 3 -- html code 3 on social coding platform

An official tutorial for CSS

Tutorial -- css tutorial on w3 school

Official website for Bootstrap

Bootstrap 1 -- bootstrap tutorial

Basic BOOTSTRAP video and sample code version

Boostrap Video 1 -- boostrap video on social coding editor
Boostrap Sample Code 1 -- boostrap codes on social coding editor

Additional Videos and links

Sample Project -- A demo project for HTML and CSS using socila coding platform
HTML & CSS 1 -- Link to video 1
HTML & CSS 2 Link to video 2

Please follow along these videos to complete the sample projects on HTML & CSS

Quiz - HTML & CSS: Quiz “HTML & CSS” for week 1: We strongly recommend that you take this quiz. (sign-in to your contest)

Session 2

(please complete between October 18th to October 24th)

Presentation -- Slides for Session 2

Javascript and jQuery

An official tutorial for Javascript

JS Tutorial -- javascript tutorial on w3 school
Javascript Video 1 -- javascript video 1 on social coding platform
Javascript Code 1 -- javascript code 1 on social coding platform
Javascript Video 2 -- javascript video 2 on social coding platform
Javascript Code 2 -- javascript code 2 on social coding platform
Javascript In Class Tutorial -- javascript in class tutorial

An official tutorial for jQuery

jQuery Tutorial --w3 school tutorial for jQuery

Additional Projects link and Videos (if you want to practice more)

Sample Project -- A demo project for Javascript and jQuery using social coding platform
JavaScript 1 --Link to Javascript video 1
JavaScript 2 --Link to Javascript video 2
JavaScript 3 --Link to Javascript video 3
jQuery 1 -- Link to jQuery video 1
jQuery 2 -- Link to jQuery video 2
jQuery 3 -- Link to jQuery video 3

Sample video in Spanish version of javascript and jquery

Spanish Version Video-- Video in spanish language
Please follow along these videos to complete the sample projects on Javascript & jQuery
Spanish Version Code -- Code for Spanish Video
Quiz - Javascript & jQuery: Quiz “Javascript & jQuery” for week 2: We strongly recommend that you take this quiz (sign-in to your contest)

Session 3

(please complete between October 25th to October 31th) Presentation -- Slides for Session 3

Tutorials for d3

D3 Tutorial 1 --Official Tutorial for d3.js library
D3 Video 2 -- Our own d3 video 2, using social coding platform
D3 Code 2 -- Our own d3 code 2 on social coding platform
D3 In Class Tutorial -- Our own d3 in class tutorial helpd on October 25&26th
D3 In Class Sample Codes -- d3 in class sample codes for tutorial in class on October 25th26th

Official Website of d3 library

D3.js --Official site for d3.js library

Spanish version of d3 and Google Maps

Spanish version of d3
Spanish verison of Google Maps

Additional Projects link and videos (if you want to practice more)

Sample Project -- Another simple project for d3 specifically developed for IronHacks (not on social coding platform
d3.js 1 -- Code for the project above
d3.js 2 -- Code for the project above
d3.js 3 -- Code for the project above
d3.js 4 -- Code for the project above

Please follow along these videos to complete the sample projects on d3

Quiz - d3: Quiz “d3” for week 3: We strongly recommend that you take this quiz (sign-in to your contest)

Google Maps Javascript API

An official tutorial and project for Google Map API

Official Tutorial
Official Project

Sample tutorial for Google Map API

Sample Tutorial -- Our sample tutorial for Google Map API specifically developed for IronHacks

Spanish Version for Google Map API

Spanish version

Session 4

(please complete between Nov 1st to Nov 8th)

Presentations to learn about (1) design elements, (2) design principles, (3) usability heuristics

design elements --Learn about design elements
design principles -- Learn about design principles
usability heuristics -- Learn about usability heuristics

Please go through these slides before you participate in in-class training

quiz 1 design elements
quiz 2 design principles
quiz 3 usability heuristics

Videos on Usability

Video 1 on Usability --Video 1 on Usbility
Video 2 on Usability --Video 2 on Usbility

Additional information to get ready for the hack that starts on October 30th, 2017

Purdue Gold IronHacks Fall 2017 will involve location data, so it is recommended that you go through the Google Maps Tutorial Guide (see above). Below, we provide you with information about open data sets, and also an example submission of a mashup (similar to one that you may submit in the first phase of the hack). For your reference, here is a definition of a mashup

1. Datasets

The IRONHACKS rules require that you use open data sets in your project.

Available datasets to choose from:

If you want to learn more about the sources of this data:

You can read more about these datasets here

2. Libraries List

The list of libraries which can be used by participants during the hack is listed below.

  • list -- List of 29 libraries to be used.

3. Readme File

Please make sure that you also include very descriptive readme file when you commit your application.

4. Virtual Tutoring Sessions

Please see below for a detailed schedule of help sessions. The link for the Google Hangouts is link

Help session for Purdue students: The physical location is in WANG HALL(Room No 4071). Wang Hall has restricsted entry after 5:00pm EST. We request students to use Google Hangouts for such times.

Date Location Time
October 11 WANG 4071 or google hangout 4.30pm to 5.30pm EST
October 12 WANG 4071 or google hangout 4.30pm to 5.30pm EST
October 18 WANG 4071 or google hangout 4.30pm to 5.30pm EST
October 19 WANG 4071 or google hangout 4.30pm to 5.30pm EST
October 25 WANG 4071 or google hangout 4.30pm to 5.30pm EST
October 26 WANG 4071 or google hangout 4.30pm to 5.30pm EST
November 1 WANG 4071 or google hangout 4.30pm to 5.30pm EST
November 2 WANG 4071 or google hangout 4.30pm to 5.30pm EST
November 8 WANG 4071 or google hangout 4.30pm to 5.30pm EST
November 9 WANG 4071 or google hangout 4.30pm to 5.30pm EST
November 16 WANG 4071 or google hangout 4.30pm to 5.30pm EST
November 17 WANG 4071 or google hangout 4.30pm to 5.30pm EST

Help session for Bogota students:

Date Location Time
October 13 google hangout 1.30pm to 3.30pm COT
October 20 google hangout 1.30pm to 3.30pm COT
October 27 google hangout 1.30pm to 3.30pm COT
November 3 google hangout 1.30pm to 3.30pm COT
November 10 google hangout 1.30pm to 3.30pm COT
November 17 google hangout 1.30pm to 3.30pm COT

If you have done all this, you are ready to go! GOOD LUCK during the competition! You can do it!