Web Development Cheat Sheets

Preview

This repository contains exam cheat sheets for Angular, React, Express.js, TypeScript, and Docker, based on the "Web Development" course (Prof. Windisch).

The cheat sheets have been merged into a single printable PDF document with a consistent layout.

📂 Project Structure

• document.tex: The main LaTeX file that combines all cheat sheets.
• content/: Contains the specific content for each framework.
  • angular.tex: Angular specific topics (Components, Services, Routing, RxJS).
  • react.tex: React specific topics (JSX, Hooks, State, Router).
  • express.tex: Express.js specific topics (Routing, Middleware, API).
  • typescript.tex: TypeScript basics (Types, Interfaces, Generics).
  • docker.tex: Docker concepts (Dockerfile, Compose, Networking).
• compile.sh: Helper script to build the PDF.

🚀 How to Build

Prerequisites

You need a LaTeX distribution installed (e.g., TeX Live, MacTeX, or MikTeX) with pdflatex.

Compilation

Run the provided bash script to compile the document. It will generate the PDF in the out/ directory.

chmod +x compile.sh
./compile.sh

The final PDF will be located at: ./out/document.pdf

📝 Content Overview

Angular

• Component Structure & Lifecycle
• Data Binding & Control Flow (@if, @for)
• Services & Dependency Injection
• Forms (Template-driven & Reactive)
• Routing & RxJS

React

• JSX Essentials & Rules
• Components, Props, & Children
• Hooks (useState, useEffect, useRef, useReducer)
• Context API
• Performance (memo, useCallback)

Express.js

• Routing & Middleware
• Request & Response Objects
• Error Handling & Async Patterns
• Validation & Authentication
• Serving Static Files & SPA

TypeScript

• Basic Types & Interfaces
• Classes & Functions
• Generics & Utility Types
• Advanced Types (Union, Literal)

Docker

• Concepts & Architecture
• Dockerfile Instructions
• Docker Compose
• Networking & Volumes