Difference between revisions of "Javascript technology 2015"

From Rost Lab Open
Jump to: navigation, search
(Presentation Schedule)
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
  +
'''THE PAGE FOR THIS COUUSE IS NOW DEPRECATED AND WILL SOON BE DELETED. [https://rostlab.org/owiki/index.php/Javascript_technology_2015-2 GO TO JAVASCRIPT TECHNOLOGY 2015 WINTER SEMESTER]'''
  +
 
== Description ==
 
== Description ==
 
The anatomy of a javascript system - participating students get hands on experience with designing and building a modern client side javascript web application. the student will research the literature on design concepts and available technologies including the use of common js libraries. The students will prepare presentation and introduce the libraries and concepts they chose to use. Each talk is summarized by student in a seminar thesis.
 
The anatomy of a javascript system - participating students get hands on experience with designing and building a modern client side javascript web application. the student will research the literature on design concepts and available technologies including the use of common js libraries. The students will prepare presentation and introduce the libraries and concepts they chose to use. Each talk is summarized by student in a seminar thesis.
   
In this seminar you will be asked to program a mini web-application which demonstrate a javascript capability chosen from the topics listed below. This is a completely hands-on seminar which means that you should be building your own app (no ripping off code from woe here on the internet), prepare a presentation explaining what you did and describing the javascript concepts you were using and writing a seminar report at the end of the term.
+
In this seminar you will be asked to program a mini web-application which demonstrate a javascript capability chosen from the topics listed below. This is a completely hands-on seminar which means that you should be building your own app (no ripping off code from somewhere on the internet), prepare a presentation explaining what you did and describing the javascript concepts you were using and writing a seminar report at the end of the term.
   
 
'''Presentations are due for comments 3 weeks before the presentation date. '''
 
'''Presentations are due for comments 3 weeks before the presentation date. '''
Line 19: Line 21:
 
== Learning outcome ==
 
== Learning outcome ==
 
In the end students know about typical components of a Java Script based system, they can communicate sophisticated technological matters to their peers and they can summarize this in a written report.
 
In the end students know about typical components of a Java Script based system, they can communicate sophisticated technological matters to their peers and they can summarize this in a written report.
  +
  +
== VERY IMPORTANT INFORMATION ==
  +
  +
'''READ THIS PAGE:''' [https://www.rostlab.org/teaching/hints_en Hints and Rules for the seminar]
   
 
== Important Dates ==
 
== Important Dates ==
   
TBD: Seminar pre-meeting.
+
Feb 2. 15:00-16:00 : Seminar pre-meeting.
   
 
TBD - presentations due.
 
TBD - presentations due.
Line 33: Line 39:
   
 
== Presentation Schedule ==
 
== Presentation Schedule ==
 
NOTE: due to some students dropping the seminar some talks were cancelled (marked with a <strike>strike through</strike>) and the schedule has changed.
 
   
 
{| class="wikitable"
 
{| class="wikitable"
Line 42: Line 46:
 
! Topic
 
! Topic
 
| Assigned to
 
| Assigned to
  +
| Slides
  +
| Source
 
|-
 
|-
| Date March 16
+
| Date April 27
 
| Time 10:00
 
| Time 10:00
 
| Language basics -- variables, loops, conditionals etc.
 
| Language basics -- variables, loops, conditionals etc.
|
+
| Annamaria Petreus
  +
Christopher Janietz
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdU1B6aDQtejFKZjg&authuser=0]
  +
| [https://github.com/cloudyJayCee/js-technology-basics]
 
|-
 
|-
| Date March 16
+
| Date April 27
 
| Time 11:00
 
| Time 11:00
 
| Object Oriented javascript
 
| Object Oriented javascript
|
+
| Patrick Uhl
  +
Marten Schwarzmann
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdMFE2Q3BmOGFMT1k&authuser=0]
  +
|
 
|-
 
|-
| Date March 17
+
| Date April 28
 
| Time 10:00
 
| Time 10:00
|
 
|
 
|-
 
| Date March 17
 
| Time 11:00
 
 
| Javascript Module Pattern
 
| Javascript Module Pattern
|
+
| Sattler Patrick
  +
Andreas Kammerloher
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdUW1wVkREYXNublE&authuser=0]
  +
|[https://github.com/sattler/javascript-seminar-2015]
 
|-
 
|-
| Date March 18
+
| <strike>Date April 28</strike>
  +
| <strike>Time 11:00</strike>
  +
| <strike>Data processing and validation using javascript</strike>
  +
| <strike>Alexander Castendyck
  +
Jan Sander</strike>
  +
|
  +
|
  +
|-
  +
| Date April 29
 
| Time 10:00
 
| Time 10:00
 
| Javascript and the DOM - using jQuery and other foundation libraries to construct and manipulate the UI
 
| Javascript and the DOM - using jQuery and other foundation libraries to construct and manipulate the UI
|
+
| Lukas Wieditz
  +
Christopher Schreiner
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdSjdvbXMyc2dyVE0&authuser=0]
  +
| [https://github.com/Katsulynx/jsSeminar]
 
|-
 
|-
| Date March 18
+
| Date April 29
 
| Time 11:00
 
| Time 11:00
| Enabling and controlling user interaction
+
| The Angular.JS MVW Framework
|
+
| Max Zitzmann
  +
Pezhman Nasirifard
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdaFMwamktcXhMeFk&authuser=0]
  +
|[https://github.com/epezhman/angular]
 
|-
 
|-
| Date March 19
+
| Date April 30
 
| Time 10:00
 
| Time 10:00
| Data processing and validation using javascript
+
| Data visualization using Raphael, D3
|
+
| Anshul Vij
  +
Kevin Goßling
  +
|[https://drive.google.com/open?id=0B9eK2qP4-wvdbGZhZjl3ZFpRQUE&authuser=0]
  +
|[https://github.com/anshulvij/JavascriptSeminar]
 
|-
 
|-
| Date March 19
+
| Date April 30
 
| Time 11:00
 
| Time 11:00
| Data visualization using Raphael, D3
+
| Server side JavaScript with Node.js
|
+
| Arved Baus
  +
Mohd Ahmed Khan
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdQVlPNDBKWEswcnc&authuser=0]
  +
| [https://github.com/Fritte/NodeProject.git]
 
|-
 
|-
| Date March 20
+
| Date May 1
 
| Time 10:00
 
| Time 10:00
| EcmaScript 6 (es6) language features
+
| Build tools, continuous integration and distribution
|
+
| Pavel Skvirski
  +
Carlo Di Domenico
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdQU5zdl9rWW1iRlk&authuser=0]
  +
|[https://github.com/Palsskv/seminarJS]
 
|-
 
|-
| Date March 20
+
| Date May 1
 
| Time 11:00
 
| Time 11:00
|
+
| EcmaScript 6 (es6) language features
|
+
| Jonathan Kienzle
  +
Dominik Vinan
  +
| [https://drive.google.com/open?id=0B9eK2qP4-wvdVjFFbGVmX2xXVkk&authuser=0]
  +
  +
|[https://github.com/DominikVi/es6_tum]
 
|}
 
|}
   
Line 109: Line 110:
 
# http://www.crockford.com
 
# http://www.crockford.com
 
# http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
 
# http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
  +
# ''Advanced Reading'' JavaScript Garden - the most quirky parts of the JavaScript programming language https://github.com/BonsaiDen/JavaScript-Garden/tree/master/doc/en
  +
# '' RECOMMENDED VIDEO '' http://www.paulirish.com/2010/10-things-i-learned-from-the-jquery-source/

Latest revision as of 15:37, 27 July 2015

THE PAGE FOR THIS COUUSE IS NOW DEPRECATED AND WILL SOON BE DELETED. GO TO JAVASCRIPT TECHNOLOGY 2015 WINTER SEMESTER

Description

The anatomy of a javascript system - participating students get hands on experience with designing and building a modern client side javascript web application. the student will research the literature on design concepts and available technologies including the use of common js libraries. The students will prepare presentation and introduce the libraries and concepts they chose to use. Each talk is summarized by student in a seminar thesis.

In this seminar you will be asked to program a mini web-application which demonstrate a javascript capability chosen from the topics listed below. This is a completely hands-on seminar which means that you should be building your own app (no ripping off code from somewhere on the internet), prepare a presentation explaining what you did and describing the javascript concepts you were using and writing a seminar report at the end of the term.

Presentations are due for comments 3 weeks before the presentation date.

The mini web app should be ready and functional at the dat of the seminar. All code should be available for other class participants to check out. You are highly encouraged to use git hub as the repository for your code.

Tips for your presentation

The presentation should:

  1. introduce to the class the javascript concept you are using in your web-app,
  2. focus on why you chose to use one technology over the other, if you tried more then one concept show the way you experimented and measured key software engineering metrics such as code performance, readability, reusability etc.
  3. while you are requested to show your work do not show us heaps of code, instead focus on the interesting parts of your code that highlight implementation decisions.
  4. A demo of the working app is required

Learning outcome

In the end students know about typical components of a Java Script based system, they can communicate sophisticated technological matters to their peers and they can summarize this in a written report.

VERY IMPORTANT INFORMATION

READ THIS PAGE: Hints and Rules for the seminar

Important Dates

Feb 2. 15:00-16:00 : Seminar pre-meeting.

TBD - presentations due.

Seminar Dates: March 16 - March 20 Seminar dates

Seminar Times: 10:00 - 11:45

Room: Rostlab seminar room I12

Presentation Schedule

Date Time Topic Assigned to Slides Source
Date April 27 Time 10:00 Language basics -- variables, loops, conditionals etc. Annamaria Petreus

Christopher Janietz

[1] [2]
Date April 27 Time 11:00 Object Oriented javascript Patrick Uhl

Marten Schwarzmann

[3]
Date April 28 Time 10:00 Javascript Module Pattern Sattler Patrick

Andreas Kammerloher

[4] [5]
Date April 28 Time 11:00 Data processing and validation using javascript Alexander Castendyck

Jan Sander

Date April 29 Time 10:00 Javascript and the DOM - using jQuery and other foundation libraries to construct and manipulate the UI Lukas Wieditz

Christopher Schreiner

[6] [7]
Date April 29 Time 11:00 The Angular.JS MVW Framework Max Zitzmann

Pezhman Nasirifard

[8] [9]
Date April 30 Time 10:00 Data visualization using Raphael, D3 Anshul Vij

Kevin Goßling

[10] [11]
Date April 30 Time 11:00 Server side JavaScript with Node.js Arved Baus

Mohd Ahmed Khan

[12] [13]
Date May 1 Time 10:00 Build tools, continuous integration and distribution Pavel Skvirski

Carlo Di Domenico

[14] [15]
Date May 1 Time 11:00 EcmaScript 6 (es6) language features Jonathan Kienzle

Dominik Vinan

[16] [17]

References

  1. JavaScript: The Definitive Guide, 6th Edition http://shop.oreilly.com/product/9780596805531.do
  2. (Highly recommended:) JavaScript: The Good Parts http://shop.oreilly.com/product/9780596517748.do
  3. http://www.htmlgoodies.com/beyond/javascript/some-javascript-object-prototyping-patterns.html
  4. http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html
  1. http://jquery.com
  2. http://d3js.org
  3. http://raphaeljs.com
  4. http://nodejs.org
  5. http://jqueryui.com
  6. http://www.jslint.com/lint.html
  7. http://jsfiddle.net
  8. http://www.crockford.com
  9. http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
  10. Advanced Reading JavaScript Garden - the most quirky parts of the JavaScript programming language https://github.com/BonsaiDen/JavaScript-Garden/tree/master/doc/en
  11. RECOMMENDED VIDEO http://www.paulirish.com/2010/10-things-i-learned-from-the-jquery-source/