Webengineering

Topics

Introduction

The introduction covers a brief overview over the topic web engineering, the organizations involved with the internet and the web and a brief history

open slide

HTML

This topic covers the basics of HTML, its use, syntax, layouts and form handling

Exercises

  1. Basic Structure
  2. Anchor Element
  3. Anchor Element with External content
  4. Responsive Images
  5. Basic Forms
  6. Form Validation
open slide

CSS

This topic covers the basics of CSS, selectors, layouts, positioning

Exercises

  1. CSS Basics
  2. CSS Basics - relative sizes
  3. CSS Positioning
  4. CSS Animation
  5. CSS Responsive Design
open slide

Javascript

This topic covers the basics of javascript, loops, conditions, function, variables, hoisting, scope, protoype inheritance

open slide

DOM and Browser APIs

This topic covers the basics to work with the DOM and Browser APIs

open slide

Communication

This topic covers the basics of HTTP, websockets, gRPC and WebRTC

open slide

NodeJS and Backends

This topic covers the basics of nodejs and npm

open slide

Communication with the Browser

This topic covers the basics of how to communicate with HTTP and websockets ceonnections from within the browser

open slide

Interludes

F12 Debugger Tools

open slide