Working Environment Overview

working_environment_overview.md

Sprachen

Wer macht was

Sprache	Beschreibung	Sprachtyp
HTML	Beschreibt was für Elemente es gibt	Markup-Sprache
CSS	Beschreibt wie die Elemente aussehen	Stylesheet-Sprache
JavaScript	Beschreibt was passieren soll	Programmier-Sprache

Erweiterungen

Sprache	Erweitert	Beschreibung
TypeScript	Superset von JavaScript	JavaScript mit Typisierung und Autovervollständigung
Sass	Superset von CSS	CSS mit Variablen, Schleifen und Funktionen

JavaScript

• Reference
• Learn JavaScript in y minutes

TypeScript

• Introduction
• Cheat Sheet
• Learn TypeScript in y minutes
• Handbook (Reference)

Sass

• Cheat Sheet
• Learn Sass in y minutes

Tools

Git

Codeversionierung

• Beginning git
• Cheat Sheet
• gitmoji

git flow

git-workflow-tool

• Cheat Sheet

GitHub

Web-Service, der u.a. git bereit stellt

• Working with GitHub

[optional] GitKraken

Grafische Oberfläche zur bedienung von git

• Download

Visual Studio Code

Erweiterbarer Texteditor mit eingebautem TypeScript-Support und Terminal

• Download
• Sinnvolle Erweiterungen: vscode-icons, TSLint, npm

nvm

Node Version Manager: Tool zum installieren von node + npm

• nvm für Linux und OS X
  • Die wichtigsten Befehle
• nvm für Windows
  • Die wichtigsten Befehle

npm

Node Package Manager: Paketverwaltung für Node-Pakete

• using a package.json
• Cheat Sheet

Node

Laufzeitumgebung für JavaScript = Führt JavaScript aus

TypeScript + TypeScript Compiler (TSC)

Tooling für Typescript + Compiler der aus TypeScript JavaScript macht

• Installation mit npm install --global typescript

TSLint

Tool mit dem Code-Style Regeln definiert werden können. VSCode versteht diese Regeln, zeigt einem Fehler an und kann viele Fehler beim Speichern automatisch korriegeren. Hilft enorm, sauberen Code zu schreiben

• 5Minds TypeScript Guidelines (+ tslint-config)
• verfügbare TSLint-Regeln (Reference)