In diesem Crash Course werden wir uns mit den Grundlagen der Webentwicklung beschäftigen. Wir werden uns mit den Grundlagen der Rechnerarchitektur, Betriebssystemen, Netzwerken, Protokollen, Datenbanken, Programmiersprachen und Webservern beschäftigen. Wir werden uns mit den Grundlagen von HTML, CSS und JavaScript beschäftigen und diese dann eventuell mit einem Server verbinden. Am Ende des Kurses sollte jeder Teilnehmer in der Lage sein, die Zusammenhänge zwischen den einzelnen Komponenten zu verstehen und eine einfache Webseite aus HTML, CSS und JavaScript zu erstellen.
- Tief durchatmen
- Problem eingrenzen
- Googlen, Foren einträge lesen, versuchen zu verstehen
- Lösung anwenden
- Funktionierts immernoch nicht?
- Dann frag einen Kollegen
- 💫 = optional
🌅Tag 1 - Einführung in Computer und deren Kommunikation miteinander
- Unterschied zwischen Hardware und Software
- HDD, SSD, RAM, CPU, GPU, Netzteil, Motherboard
- Prozess-, Betriebsmittelverwaltung
- Kernel
- Speicherverwaltung
- Filesystem
- Geräte Manager und Treiber
- Screen Daemon
- Threads
- Blick auf den Taskmanager
- Root
- Eigene
- Bitübertragungsschicht
- Sicherungsschicht
- Vermittlungsschicht
- Transportschicht
- Sitzungsschicht
- Datendarstellungsschicht
- Anwendungsschicht
- Blick auf ipconf /ifconfig /ipconfig
- IP Adresse, Mac Adresse
- Von einem lokalen LAN Netzwerk zum Router
- Subnetzmasken und IPv4 und IPv6
- Domains und DNS
🌅Tag 2 - Internet Protokolle und HTML
- SSH Verbindungen
- FTP und SFTP
- HTTP
- HTTPS
- REST (GET, POST, ...) und Status Codes (404)
- HEADER und BODY in einem Request/Response
- SSL
- html tags ( lang dir und item-type)
- meta tags
- style / link to stylesheet
- script
- title
- body
- h1 - hn
- p
- ul und li || ol
- a href und id
- img // source set
- div und tables
- form tags
- and more (article, header, footer, aside)
- semantic web
🌅Tag 3 - Alles hübscher machen mit CSS
- Tags, Classes, Ids, Attributes
- font-size, font-weight, font-style, line-height
- dvh, vh, vw, px, rem, em, %
- min-height, max-height, height ( and width)
- color, background-color, hex rgba
- transitions
- translate
- key-frames
- filter
- CAN I USE
- Verschachtelungen
- Selektoren
- Funktionen / Mixins
🌅Tag 4 - Funktionale Webseiten mit JavaScript
- Query Selector
- OnClick Event
- Funktionen
- Alert, Prompt, Confirm
- (Data Attribute)
- Wie amazing ist Webpack, Grunt und Gulp
- Wie arbeiten Entwickler eigentlich organisiert und nachhaltig am selben Projekt
- Einfache anfragen per Request und Response
🌅Tag 5 - Let's get professional
- Relationale Datenbanksystem
- Excel oder so :D
- Hardwarenahe Programmiersprachen
- Pointer
- Kompilierbare Sprachen und Skript Sprachen
- if, for, while, switch case
- variablen, datentypen
- include / require
- input output
- OOP (Object oriented programming)
- Classes, Objects, Interfaces, Inheritance, Abstract Classes,
- References, Variables, Constants,
- Properties, Attributes, Parameters, Methods, Functions
- Was unterscheidet einen Server von normalen Computern
- Welche Aufgaben hat ein Server?
- Welche Server Strategien gibt es?
- Worin besteht der Unterschied zwischen NGINX und Apache