WebEngineeringSDE

This repository provides demo applications and course material presented in the course of Web Engineering in the master study program Software Design and Engineering at FH Campus Wien.

Overview

1. Fundamentals and Advanced Javascript
2. Buildmanagement, CI/CD and Typescript
3. Testing Web Applications
4. Advanced Application Design and Frontend Frameworks
5. Webserver and Backend Development
6. Selected Topics in Modern Web Development

1. Fundamentals and Advanced Javascript

Go to Repository

Topics

• Frontend Developer Roadmap 2023
• Backend Developer Roadmap 2023
• Scope, Execution Context, Hoisting and Event Loop
• Asynchronous Programming (Callback Hell, Async/Await and Promises)
• Prototype System, JS Classes, Arrow Functions and Modules

Literature:

• James Padolsey, Clean Code in JavaScript: Develop Reliable, Maintainable, and Robust JavaScript, 2020
• Kyle Simpson, „You don‘t know JS yet – Get started“, Frontend Masters, 2020
• D. Crockford. JavaScript: the good parts. 2008
• A. Osmani, Learning JavaScript Design Patterns. O'Reilly Media, 2012

2. Buildmanagement, CI/CD and Typescript

Topics

• Build First Approach in Web Development
• Frontend Dependency Management
• Build Tools and CI/CD
  • Package Managers
  • Module Bundlers/Loaders
  • Linters and Formatters
  • Minification and Obfuscation
  • SCSS/SASS
  • Typescript
  • npm, npm scripts, webpack, babel

Tutorials

• Tutorial: Package Management, Build Management and Modules
• Tutorial: Web Application Setup with Vite
• Tutorial: Web Application Setup with Webpack

Literature and Resources

• Nicolas Bevacqua, JavaScript Application Design: A Build First Approach, 2015
• NPM
• Webpack
• Obfuscation
• Dependency Management Guide

3. Testing Web Applications (automated)

Topics

• Testing Landscape
• Writing Clean Tests
• Test Automation with CI/CD
• E2E Testing
• Test Automation with CI/CD

Tutorials

• Tutorial: Testing Web Applications
• Tutorial: CICD Pipeline with Github Actions and Github Pages

Literature and Resources

• Lucas da Costa, Testing JavaScript Applications, 2021
• Dario Kondratiuk, UI Testing with Puppeteer: Implement End-to-end Testing and Browser Automation Using JavaScript and Node.js, 2021
• James Padolsey, Clean Code in JavaScript: Develop Reliable, Maintainable, and Robust JavaScript, 2020

4. Advanced Application Design and Frontend Frameworks

Topics

• Multipage and Singlepage Applications
• Rendering Technologies (SSR, CSR, static SSR and Rehydration)
• Frontend Frameworks

Resources

• CSR/SSR approaches (Videos)

5. Webserver and Backend Development

Topics

• Webserver
• Authentication Strategies
• CORS
• GraphQL, gRPC and REST

6. Selected Topics in Modern Web Development

Topics

• Progressive Web Applications and Browser APIs
  • Server Sent Events, Websockets and Services Workers
• Webassembly
• Microfrontends
• Web Components