gitguddy / hsro-inf-wt.github.io

Materialien zum fachwissenschaftlichen Wahlpflichtmodul Webtechnologien

Webtechnologien (WT)

Elective for CS majors and minors at the University of Applied Sciences Rosenheim. --- Fachwissenschaftliches Wahlpflichtmodul in den Bachelorstudiengängen Informatik und Wirtschaftsinformatik an der Hochschule Rosenheim.

Class Schedule

Lecture: Thursdays at 8a

Tutorials: Thursdays, 11.45a and 1.45p, TA: Philip Waritschlager

Communication via Mattermost (invite).

Important Dates:

• Nov 9, team registration
• Dec 7, written exam (60 Min.) and team presentations (kick-off)
• Dec 21, team meetings with instructor (individually, ca. 10 min per team)
• Jan 25, final presentation of projects

Note: Materials will be in English, the lectures/tutorials will be taught in German; the mid-term written exam will be bilingual (use the language of your choice).

Recommended Textbooks

• Verou: CSS Secrets

Class and Credits (Leistungsnachweis)

Lectures: We'll discuss current web technologies to build state-of-the-art web sites or web applications.

Tutorials and assignments: Pairprogramming preferred, BYOD strongly recommended!

Credits: Equal parts written exam (60', mid-term) and team project (PStA).

Syllabus

• Introduction (Oct 5, slides, assignments)

  With a few examples we dig right into the necessary tools for a web developer: git, editor, developer tools, and if course: Google, SO and the pages of the W3C.

• HTML (Oct 12, slides, lecture notes, assignments)

  The hypertext markup language is the backbone of all web sites, and its technically a descriptive (not a programming) language. We'll use it to encode the information that we want to present, but (ideally) not the looks.

• CSS (Oct 19, slides, lecture notes, assignments)

  Use cascading stylesheets to render your HTML into the looks you want.

• JavaScript, pt. 1 (Oct 26, slides, lecture notes, assignments)

  Learn about the syntax and characteristics of JavaScript (ES5).

No class or tutorials on Nov 2 -- please use the time to work on your projects!

• JavaScript, pt. 2 (Nov 9)

  Use javascript to modify the document object model (DOM) to change content and style (layout) of web pages dynamically.

• HTTP, requests and responses (Nov 16)

  Learn about the hypertext transport protocol (v1.1) which forms the foundations of communcation between web agents (browsers) and servers. We'll briefly talk about HTTPS and certificates.

• Node.js, Express.js and databases (Nov 23)

  Use your knowledge about JavaScript and HTTP to build a basic webserver with node that accesses a (no/SQL)* database.

• Modular (frontend) development (Nov 30)

  Dive into modular frontend development by using third party libaries via the node package manager (npm), requirejs and webpack,

• Written mid-term, kick-off presentations (Dec 7)

  Instead of class and tutorials.

• Vue.js (Dec 14)

  Learn about the model-view-controller MVC, and more specifically the model-viewmodel-view-controller patterns and build dynamic web pages with vue.js.

• Project progress meetings (Dec 21, all day) Each team meeting will meet individually with the instructor, TA will help with projects in tutorials.

• Advanced topics in web development (Jan 11)

  We'll look into advanced topics of web development including cross-origin resource sharing (CORS), security and authentification, and persistent connections to webservers (websockets, via socket.io). TA will help with projects in tutorials.

• Advanced tooling in web development (Jan 18)

  Learn about static site generation with Jekyll, scaffolding with Yeoman and deployment with Heroku. TA will help with projects in tutorials.

• Final project presentations (Jan 25, all day)

Subscribe to https://github.com/hsro-inf-wt/hsro-inf-wt.github.io repository to follow updates.