IronHacks开放数据程序设计比赛

Purdue IronHacks Spring 2018 Online resources  

欢迎来到IronHacks开放数据编程竞赛。 我们在这里向您介绍将用于游戏的工具。 我们希望您能在比赛前完成这些参考资料。

Welcome to Purdue IronHacks Spring 2018! 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.

指南 -

Session 1

[截止日期是四月二十四号]
[Complete session including quiz due April 24th]  
Intro video: How to use our social coding platform Chinese Version -- Introduction to IronHacks
Intro video: How to use our social coding platform - English version Chinese Version -- Introduction to IronHacks

Presentation -- Slides for Session 1

An official tutorial for HTML

Tutorial -- w3 school tutorial for html
Presentation -- Slides for Session 1

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”: We strongly recommend that you take this quiz. (sign-in to your contest)

指南二

Session 2

[Complete session including quiz due April 26th]

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 Tutorial -- javascript 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

Quiz - Javascript & jQuery:

Quiz “Javascript & jQuery”: We strongly recommend that you take this quiz (sign-in to your contest)

指南三

Session 3

[Complete session including quiz due May 1st]

Presentation -- Slides for Session 3

Tutorials for d3

D3 Tutorial 1 --Official Tutorial for d3.js library
D3 Video 2 -- d3 video 2, using social coding platform
D3 Code 2 -- d3 code 2 on social coding platform
D3 Tutorial -- d3 tutorial
D3 Sample Codes -- d3 sample codes

Official Website of d3 library

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

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”: We strongly recommend that you take this quiz (sign-in to your contest)
Presentation -- Slides for d3

Additional Material

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

有关IronHacks比赛的其他信息

Additional Information about the IronHacks competition

We will announce the challenge question on May 7th! Until then watch up on our forum in http://www.ironhacks.com/ If you have questions send us the questions to opendigital and we will responde as soon as possible.

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