ReDI School Munich - Frontend Development - Spring 2021

This repository contains slides and class resources for the Frontend Development course of spring 2021 at ReDI school Munich.

Getting started (March 16, 2021)

Class resources

• Course content overview
• Setting up the development environment
• How to submit homeworks

Introduction to FrontEnd (March 18, 2021)

Class resources

• Introduce HTML
• Introduce structure semantics
• Build our first page using images
• Introduce inline CSS

Introduction to CSS (March 18, 2021)

Class resources

Recap, CSS, Selectors, Specificity, CSS Cascade

Introduction to CSS (part 2) (March 30, 2021)

• Understand latest homework (external css + button styles)
• Recap last CSS properties
• Learn about box model

CSS and HTML (April 1, 2021)

Class resources

Recap, CSS Box Model

Introduction to Javascript (April 6, 2021)

Class resources

• Javascript Language Basics:
• Variables
• Conditionals
• Functions

CSS and HTML + (incl. Flexbox) (part 2) (April 13, 2021)

Class resources

• Recap Thursday April 1st
• CSS box model
• Flexbox

Grid Layout (April 15, 2021)

Class resources

• Introduction to CSS Grid Layout
• Terminology
• Part 1: Parent Properties
• Part 2: Child Properties
• Device Adaptation

Responsive designs (April 22, 2021)

Class resources

• Recap
• Theoretical history
• Media queries

Javascript: Recap + Dom manipulations (April 26, 2021)

Class resources

• A lot of recap + more topics around:
• Variables
• Conditionals
• Functions
• Arrays
• Loops
• DOM manipulation

Javascript: Dom manipulations part 2 (April 29, 2021)

• Recap of DOM manipulations
• Introduction on manipulation of styles

Javascript: Algorithms and APIs (May 4, 2021)

• Algorithm programming
• Working with REST APIs

Objects (May 6, 2021)

• Recap of Objects
• Exercises on Objects
• Minor DOM manipulations over Objects

Form Validation + Recap Dom manipulations (May 20, 2021)

• Recap of DOM manipulation
• Form validation

Event Listeners (May 25, 2021)

Class resources

• Event listeners
• Custom validation

API Calls (May 27, 2021)

• Recap of event listeners
• Recap of API calls

Accessibility (June 4, 2021)

Class resources

• About disabilities
• What is Accessibility
• What can we do
• Accessibility Standards

Promises (June 10, 2021)

Class resources

• Callback functions
• Promises

Security (June 15, 2021)

• Call stack
• Security
• CORS, XSS, CRSF, HTTPS

---

_{View on Github}