Announcements

Kick off meeting will take place on Feb 23 10:30-13:00. Room number: 01.09.034. Participation mandatory.

Description

JavaScript Technology - participating students get hands-on experience with designing and building modern JavaScript applications. The students will research the literature for design concepts and available technologies including the use of common JavaScript libraries. The students will prepare presentations and introduce the concepts they chose to use. Each talk is summarized by the students in a seminar report.

This is a completely hands-on seminar which means that you should be building your own app, prepare a presentation that explains what you did and describes the JavaScript concepts you were using. Finally, the entire work will be summarized in a seminar report at the end of the term.

The students will be working in a highly agile environment, meaning that a collaborative work (communication!!) among all students will be essential for the successful completion of the project. Any results thus provided during the coding period of the seminar will need to be communicated and made available to peer coders asap!

Registration: Prior to registration on TUM Matching System, we would like to get to know you! Please send us an email to jstech@rostlab.org and tell us about yourself a bit: your current current degree, program (e.g. informatics) and explain why you want to join the seminar, what prior course work you have. Also please name a TUM faculty member as a reference. Without this information we won't be able to secure a spot for you at the seminar.

Project Description: This semester we will be building a system that can translate natural language directives to graphing commands. Our prototype will receive a set of commands in English and will automatically generate visualizations to a given dataset. The system will then use additional commands (again written in English) to manipulate and modify the graphical objects. The system will be a first step in designing and building a graphing tool used by professionals who have no expertise in data visualization for their every day business needs. For instance, our system will know how to ingest a dataset from an HR system and show the distribution of employees’ demographics just by taking an input directive such as “plot a histogram of employees age”. The project was conceived and will be accompanied by our collaborators at the Advanced Business Analytics unit at Allianz SE.

Knowledge in at least one functional OR Object Oriented Programming language

Basic knowledge of relational databases and NoSQL databases

Interest working with big data

Interest in challenging themselves to do something totally cool

Participation in all meetings throughout the presentation week is mandatory. We would only consider one absence that is justified, documented and approved well in advance.

Preparation

Checklist to pass the seminar

Register on TUM Matching System for this seminar

Each group will be assigned one topic and one project to present in the presentation week. Please see the guidelines for topic and project presentations below.

The slides for your topic presentation and the preliminary visualization of your project results are due for comments 1 week before the presentation date. Send your drafts to presentations to jstech@rostlab.org.

Topic presentation

We prepared 6-10 different topics about JavaScript technology for this seminar. These will be assigned to groups of 2-3 people. The students are welcome to divide the work within their team as they wish.

Presentation Themes

Theme 2

Title: JavaScript on the server. A Node.js crash course

Description:
JavaScript’s not only a browser language. In this talk, we give a brief intro to the server side application development with Node.js. We’ll talk about the Node eco- and buildsystem (e.g. npm, gulp, webpack) and some commonly used frameworks for Node.js web development (e.g. Express.js, Mojito, Hapi, etc.). We’ll also give an overview of the event model and the event loop Node uses to serve mans concurrent users. (Check topic 2 to not have any overlaps)

Theme 3

Title: Data Driven Documents: Data visualization using D3.js

Description:
In this topic, we take a look at the most popular data visualization library for JavaScript: D3.js. We’ll first take a look at what Data Driven Documents are, why and how to use them. This is a very visual topic, so apart from the concept, there will be a focus on the look & feel of D3. Also present a few alternatives that are better or worse than D3 to see what to use in your own projects in the future.

Theme 4

Title: RESTful APIs with the JavaScript Object Notation

Description:
JavaScript also introduces one of the most used data exchange formats: JSON. JSON is commonly used to communicate between client and server, utilising the Facade Pattern. We’ll give a rationale, what a RESTful API is and where it is used. Then we’ll take a look at the various JavaScript frameworks to create, document and maintain those APIs (e.g. LoopBack, restify, swagger etc.). We will try to present the various pitfalls when it comes to versioning, maintaining and acceptance of RESTful APIs.

Theme 5

Title: The Storage Question: To SQL or NoSQL?

Description:
In a data driven application, one key question is where to persist the data. In the JavaScript world, there are a lot of possible storage concepts: relational, filesystem based, document stores, key-value stores, graph databases and others. Not every type of data fits each database. In this topic, we’ll take a look into the differences and when to use which. Especially what the differences between session and local storage is and when to use cookies. In addition we will see how WebSQL and Sequilize impact the current development of Javascript applications. Finally, we will see if and how we can handle big data with Javascript tools in the frontend as well as in the backend.

Theme 6

Title: People are reactive, why shouldn’t our apps be

Description:
Reactive programming is a new paradigm on top of “classical” promises. Each user interaction, network communication and elemental influence can be seen as a stream of events. Smart minds are suggesting that reactive programming might be the solution to problems in UI programming. We will see if reactive programming and the various Rx* frameworks actually solve problems or introduce too many complexities to the already complicated Javascript world.