Skip to content

Instantly share code, notes, and snippets.

@heikomat
Last active February 22, 2018 18:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save heikomat/deaf9d1842fda9a863fcf4ab6ade8136 to your computer and use it in GitHub Desktop.
Save heikomat/deaf9d1842fda9a863fcf4ab6ade8136 to your computer and use it in GitHub Desktop.
Working Environment Overview

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

TypeScript

Sass

Tools

Git

Codeversionierung

git flow

git-workflow-tool

GitHub

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

[optional] GitKraken

Grafische Oberfläche zur bedienung von git

Visual Studio Code

Erweiterbarer Texteditor mit eingebautem TypeScript-Support und Terminal

nvm

Node Version Manager: Tool zum installieren von node + npm

npm

Node Package Manager: Paketverwaltung für Node-Pakete

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment