Javascript technology 2014

From Rost Lab Open
Jump to: navigation, search
REGISTRATION FOR THIS SEMINAR IS NOW OVER. WE DO NOT ACCEPT NEW REGISTRATIONS. (JULY 1ST, 2014)

Contents

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 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.

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.

Important Dates

June 16 11:00: Seminar pre-meeting.

September 8th - presentations due.

Seminar Dates: September 29 - October 3: Seminar dates

Seminar Times: 10:00 - 11:45

Room: Rostlab seminar room I12

Presentation Schedule

NOTE: due to some students dropping the seminar some talks were cancelled (marked with a strike through) and the schedule has changed.

Date Time Topic Assigned to Demo Source Presentation
Date Sep 29 Time 10:00 Language basics -- variables, loops, conditionals etc. Efe Amadasun
Date Sep 29 Time 11:00 Object Oriented javascript Dario Banfi
Date Sep 30 Time 10:00 Javascript Module Pattern Mahabub Akram
Date Sep 30 Time 11:00 Javascript and the DOM - using jQuery and other foundation libraries to construct and manipulate the UI Sebastian Fröhlich
Date Oct 1 Time 10:00 Enabling and controlling user interaction Andreas Bergmaier
Date Oct 1 Time 11:00 Data processing and validation using javascript Habib Rahman
Date Oct 2 Time 10:00 Data visualization using Raphael, D3 Shady Botros GitHub
Date Oct 2 Time 11:00 EcmaScript 6 (es6) language features Avinash Kundaliya

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
Personal tools