Difference between revisions of "Javascript technology 2015-2"

From Rost Lab Open
Jump to: navigation, search
(Important Dates)
(Presentation Schedule)
 
(22 intermediate revisions by the same user not shown)
Line 28: Line 28:
 
July 1st : Seminar pre-meeting.
 
July 1st : Seminar pre-meeting.
   
TBD - presentations due.
+
Seminar Dates: September 28 - October 2
 
Seminar Dates: TBD
 
 
Seminar Times: TBD
 
 
 
 
Room: Rostlab seminar room I12
 
Room: Rostlab seminar room I12
  +
  +
'''ROOM CHANGE: on Wednesday September 30th we will meet in room 01.11.018 instead of the Rostlab seminar room.'''
   
 
== Presentation Schedule ==
 
== Presentation Schedule ==
Line 36: Line 38:
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
| Date
+
! Date
| Time
+
! Time
 
! Topic
 
! Topic
| Assigned to
+
! Assigned to
| Slides
+
! Slides
| Source
+
! Source
 
|-
 
|-
|
+
| Sep 28
|
+
| 10:00
 
| Language basics -- variables, loops, conditionals etc.
 
| Language basics -- variables, loops, conditionals etc.
|
+
| Christian Schnelzer
|
+
Alfredo Dalí Alvarado
|
+
| [https://docs.google.com/viewer?a=v&pid=forums&srcid=MDg3OTE4NTgyOTYwMTY5OTg2MzcBMTY3NTA4ODMzMzUzMTg5NDMyNzEBSjFCYzdPRFVCZ0FKATAuMgEBdjI slides]
  +
| [https://github.com/AlfredMML/JavaScriptSeminar source]
 
|-
 
|-
|
+
| Sep 28
|
+
| 11:00
 
| Object Oriented javascript
 
| Object Oriented javascript
|
+
| Adrian Thilo
|
+
Gabriel Branderský
|
+
| [https://docs.google.com/presentation/d/1MYzJSH_xCGFvIMRWWFGjBVTh0GCTc9pEuyH4jl5SvXk/edit?usp=sharing slides]
  +
|[http://github.com/zorec/oo-js source]
 
|-
 
|-
|
+
| Sep 29
|
+
| 10:00
 
| Javascript Module Pattern
 
| Javascript Module Pattern
|
+
| Sirma Gjorgievska
|
+
Johannes Fischer
|
+
|[https://github.com/daFischer/Javascript-Seminar/blob/master/Presentation/Module%20Pattern%20-%20final%20version.pdf slides]
  +
|[https://github.com/daFischer/Javascript-Seminar source]
 
|-
 
|-
|
+
| Sep 29
|
+
| 11:00
 
| Data processing and validation using javascript
 
| Data processing and validation using javascript
|
+
| Shyam Debsarkar
|
+
Jimmy Abu Al Denien
|
+
|[https://github.com/JimmyBeth/JavaScript/blob/master/Final.pdf slides]
  +
|[https://github.com/JimmyBeth/JavaScript source]
 
|-
 
|-
|
+
| Sep 30
|
+
| 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
|
+
| Stefan Reu
|
+
Amar Saljic
|
+
| [http://1drv.ms/1PbdPFW slides]
  +
| [https://github.com/AmarSa/JavaScriptProject source]
 
|-
 
|-
|
+
| Sep 30
|
+
| 11:00
 
| The Angular.JS MVW Framework
 
| The Angular.JS MVW Framework
|
+
| Sri Vishnu Totakura
|
+
Shivguru Rao Bhimasenarao Visweswara Rao
  +
| [https://docs.google.com/viewer?a=v&pid=forums&srcid=MDg3OTE4NTgyOTYwMTY5OTg2MzcBMTA5ODc3NTQ1ODA4MjY4MzUyMjUBejJDXzFKVEZBZ0FKATAuMQEBdjI slides]
  +
| [http://github.com/tsrivishnu/ng-twitterClient source]
 
|-
 
|-
|
+
| Oct 1
|
+
| 10:00
 
| Data visualization using Raphael, D3
 
| Data visualization using Raphael, D3
|
+
| Philipp Müller
|
+
Alejandro Valdes Valdes w
|
+
|[https://docs.google.com/presentation/d/151Z6lrICgrkSHJsn-38SEHfP-F_176L-o1IYjL9GcDM/edit#slide=id.p slides]
  +
|[https://github.com/PhilippMueller1991/JS-Visualization source]
 
|-
 
|-
|
+
| Oct 1
|
+
| 11:00
 
| Server side JavaScript with Node.js
 
| Server side JavaScript with Node.js
|
+
| Dominik Oppmann
|
+
Michael Remmler
|
+
| [https://drive.google.com/file/d/0B76G7ac-1-b8QUhHcmd0UWRDVWs/view?usp=sharing slides]
  +
| [https://drive.google.com/file/d/0B76G7ac-1-b8WVcxeFlYZFl6Nzg/view?usp=sharing source]
 
|-
 
|-
|
+
| Oct 2
|
+
| 10:00
 
| Build tools, continuous integration and distribution
 
| Build tools, continuous integration and distribution
|
+
| Nikolai Gruschke
|
+
Michael Mohrle
  +
| [https://drive.google.com/file/d/0B5SPd13yeQ5MU0JyZTZwQVFtNGM/view?usp=sharing slides]
  +
| [https://github.com/nigru/StreetQuiz source]
 
|-
 
|-
|
+
| Oct 2
|
+
| 11:00
 
| EcmaScript 6 (es6) language features
 
| EcmaScript 6 (es6) language features
|
+
|Jan Smarschevski
|
+
Robin Gloster
|
+
|[http://es6.glob.in/ slides]
  +
|[https://github.com/globin/drinkup source]
 
|}
 
|}
   

Latest revision as of 21:58, 12 October 2015

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

July 1st : Seminar pre-meeting.

Seminar Dates: September 28 - October 2

Room: Rostlab seminar room I12

ROOM CHANGE: on Wednesday September 30th we will meet in room 01.11.018 instead of the Rostlab seminar room.

Presentation Schedule

Date Time Topic Assigned to Slides Source
Sep 28 10:00 Language basics -- variables, loops, conditionals etc. Christian Schnelzer

Alfredo Dalí Alvarado

slides source
Sep 28 11:00 Object Oriented javascript Adrian Thilo

Gabriel Branderský

slides source
Sep 29 10:00 Javascript Module Pattern Sirma Gjorgievska

Johannes Fischer

slides source
Sep 29 11:00 Data processing and validation using javascript Shyam Debsarkar

Jimmy Abu Al Denien

slides source
Sep 30 10:00 Javascript and the DOM - using jQuery and other foundation libraries to construct and manipulate the UI Stefan Reu

Amar Saljic

slides source
Sep 30 11:00 The Angular.JS MVW Framework Sri Vishnu Totakura

Shivguru Rao Bhimasenarao Visweswara Rao

slides source
Oct 1 10:00 Data visualization using Raphael, D3 Philipp Müller

Alejandro Valdes Valdes w

slides source
Oct 1 11:00 Server side JavaScript with Node.js Dominik Oppmann

Michael Remmler

slides source
Oct 2 10:00 Build tools, continuous integration and distribution Nikolai Gruschke

Michael Mohrle

slides source
Oct 2 11:00 EcmaScript 6 (es6) language features Jan Smarschevski

Robin Gloster

slides source

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/