meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
htmljs2013:start [2013/06/12 14:11]
aknutas
htmljs2013:start [2013/06/14 20:48]
poorang [Groups]
Line 1: Line 1:
 ====== HTML5+JS Code Camp 2013 ====== ====== HTML5+JS Code Camp 2013 ======
-//Code Camp Week: Friday 14.6 - Saturday 15.6 2013  Room no: 6218//+//Code Camp Weekend: Friday 14.6- Saturday 15.6.2013 Room no: 6218//
  
 CT10A9700 Summer School on Communications Engineering (2 cr) CT10A9700 Summer School on Communications Engineering (2 cr)
  
 +Learn to program HTML5 game for tablet devices and demonstrate your coding skills in an intense coding session! There will be demo projects for starting, technology tutorial and several Windows 8 tablets for testing. For advanced programmers there is the additional, optional challenge of multiplayer network programming using HTML5 websockets.
 ====== News & Notes ====== ====== News & Notes ======
   * See the [[http://www.codecamp.fi/qeta/|QETA]] system for questions and answers   * See the [[http://www.codecamp.fi/qeta/|QETA]] system for questions and answers
   * Course starts this Friday!   * Course starts this Friday!
 +  * A websocket server will be provided by the course, but you can also get free Azure computing time for five months by asking
 ====== Code Camp Weekend ====== ====== Code Camp Weekend ======
 **Location** **6218** basement computer lab **Location** **6218** basement computer lab
Line 21: Line 23:
 Two (to three) person teams: Two (to three) person teams:
  
-^ Group ^ Application ^ Name 1 ^ Name 2 ^ +^ Group ^ Application ^ Name 1 ^ Name 2 ^ Name 3 
-| [[.:group1:start|Group 1]] | App Name Name 1 Name 2 |+| [[.:group1:start|Group 1]] | Canon vs Sheeps Nikos Paraschou Mihai Iusan | Poorang Vosough|
 | [[.:group2:start|Group 2]] | App Name | Name 1 | Name 2 | | [[.:group2:start|Group 2]] | App Name | Name 1 | Name 2 |
 | [[.:group3:start|Group 3]] | App Name | Name 1 | Name 2 | | [[.:group3:start|Group 3]] | App Name | Name 1 | Name 2 |
Line 80: Line 82:
   * [[http://msdn.microsoft.com/en-us/library/windows/apps/br211385.aspx|Developing your first HTML5 app for Windows 8]]   * [[http://msdn.microsoft.com/en-us/library/windows/apps/br211385.aspx|Developing your first HTML5 app for Windows 8]]
   * [[http://msdn.microsoft.com/en-US/windows/apps/jj679957|Create Windows 8 apps]]   * [[http://msdn.microsoft.com/en-US/windows/apps/jj679957|Create Windows 8 apps]]
 +  * [[http://www.c-sharpcorner.com/UploadFile/65fc13/touch-events-in-windows-8-using-html5javascript/|Touch events in Windows 8 HTML]]
 +  * [[http://digitalerr0r.wordpress.com/2012/09/19/html5-game-development-for-windows-8-1-getting-started/|Gaming Kit Tutorial]]
 **HTML5 + JS basics** **HTML5 + JS basics**
   * [[http://www.w3schools.com/html/html5_intro.asp|HTML5 basics]]   * [[http://www.w3schools.com/html/html5_intro.asp|HTML5 basics]]
   * [[http://www.html5canvastutorials.com/tutorials/html5-canvas-tutorials-introduction/|HTML5 canvas basic tutorial]]   * [[http://www.html5canvastutorials.com/tutorials/html5-canvas-tutorials-introduction/|HTML5 canvas basic tutorial]]
-  * [[http://www.binarytides.com/make-html5-game-box2d-javascript-tutorial/|Make a simple HTML5 game game]]+  * [[http://www.binarytides.com/make-html5-game-box2d-javascript-tutorial/|Make a simple HTML5 game]] 
 +  * [[http://www.html5rocks.com/en/tutorials/websockets/basics/|Introducing WebSockets]]
 **Sample Projects** **Sample Projects**
-  * [[https://www.facultyresourcecenter.com/curriculum/pfv.aspx?ID=9048&c1=en-us&c2=0|HTML5 Game Starter Kit|]]+  * [[https://www.facultyresourcecenter.com/curriculum/pfv.aspx?ID=9048&c1=en-us&c2=0|HTML5 Game Starter Kit]] 
 +  * [[http://code.msdn.microsoft.com/windowsapps/JavaScript-and-HTML5-touch-d96f6031|HTML5+JS touch game sample]]
 **Dev Tools** **Dev Tools**
   * [[https://www.dreamspark.com/|Dreamspark]]   * [[https://www.dreamspark.com/|Dreamspark]]
 +  * [[http://www.jetbrains.com/webstorm/|WebStorm (for Linux/OSX)]]
 ====== What is Code Camp ? ====== ====== What is Code Camp ? ======
 //[[:Code Camp]] is a learning and hacking experience. The code camp approach can be defined as a collaborative learning setting that aims to promote profession-oriented skills. In code camp, the term camp refers to a situation where students assemble and stay a while together. The term code refers to coding, i.e. writing computer programs.// //[[:Code Camp]] is a learning and hacking experience. The code camp approach can be defined as a collaborative learning setting that aims to promote profession-oriented skills. In code camp, the term camp refers to a situation where students assemble and stay a while together. The term code refers to coding, i.e. writing computer programs.//