Tipps für die Entwicklung eines JS Frontends
|
v8
|
Javascript Compiler (z.B. in Node.js und Chrome genutzt)
|
|
nvm
|
Node Versions Manager (Verwaltung parallel installierter Node.js Versionen)
|
|
node.js
|
Umgebung für Javascript (Compilieren, Ausführen, Debuggen, Installation von Werkzeugen, ...), stellt zusätzlich eine eigene Standardbibliothek bereit welche in anderen Umgebungen z.B. Browser nicht verfügbar ist.
|
|
npm
|
Node Package Manager (Verwaltung der zu installierenden Werkzeuge und Pakete)
|
|
Javascript
|
Hochsprache für Clients die im Browser laufen, standardisiert über ECMAScript
|
|
Typescript
|
Javascript Spracherweiterung. Jedes Javascript stellt gültiges Typescript dar. Typescript wird compiliert nach ECMAScript
|
|
Angular
|
Javascript Framework
|
|
Browser APIs
|
Konstrukte im Browser welche auf Javascript aufbauen
|
|
Third party APIs
|
APIs anderer Webseiten wie Facebook und Twitter
|
|
JavaScript libraries
|
Module von Drittanbietern z.B. jQuery oder React
|
|
JavaScript frameworks
|
Frameworks zum Schreiben von Apps z.B. Angular oder Ember im Unterschied zur Lib geht hier die Kontrolle vom Entwickler auf das Framework über. Das Framework ruft Entwicklerkode auf, nicht umgekehrt.
|
|
Window Installation mittels Installer
|
|
|
Linux Installation mittels curl + bash
|
|
|
nvm install <nodeVersion>
|
Installiert die gewünschte Node Version z.B. nvm install 6
|
|
nvm use <nodeVersion>
|
Aktiviert die angegebene Version und deaktiviert alle anderen
|
|
nvm ls
|
Zeigt alle aktuell installierten Node Versionen an
|
# Node.js Version herausfinden>node -v# Node.js im interaktiven Mode starten>node# Node.js zur Ausführung einer Datei starten>node app.js|
?
|
wird angehängt um optionale Parameter zu definnieren z.B. '@?'
|
|
'='
|
2 Wege Binding (Properties im Scope)
|
|
@
|
fixe Zeichenkette (String), Ausdrücke wie ( 'ID' | translate) funktionieren nicht
|
|
&
|
callback Funktion
|
|
<
|
1 Wegebindung in Komponenten
|
|
über 20 Videos zu Node.js
|
|
Node.js Spielwiese
|
|
|
IDE für Github Projekte
|
|
|
IDE für Javascript
|
|
|
IDE für Javascript
|
|
|
Spielwiese für Docker Container
|
|
npm out
|
zeigt outdated Abhängigkeiten (upgradeable)
|
|
npm list
|
Listet alle installierten Pakete auf
|
|
npm update
|
Aktualisierung der installierten Pakete
|
|
sudo npm install <paketname> -g
|
Globale Installation eines Paketes Systemweit so das es als Kommando ausgeführt werden kann
|
|
npm install <paketname> --save-dev
|
Projektinterne Installation eines Paketes im Unterordner node_modules
|
const http = require('http');
const server = http.createServer((req, res) => {
res.writeHead(200, {
'Content-Type': 'text/html',
});
res.write('Hallo Httpl');
res.end();
});
server.listen(3000, () => {
console.log('Server lauscht auf Port 3000');
});
# Ein eigenes Node.js Modul auf npmjs.com veröffentlichen>npm login>npm publish# Ein eigenes Node.js Modul von npmjs.com zurückziehen# nur 24 h lang möglich - danach geht es nur noch über den Support # lessons learned aus dem left-pad disaster>npm unpublish [<@scope>/]<pkg>[@<version>]# Das Grundgerüst für ein eigenes Node.js Modul interaktiv erstellen>npm initpackage.json verwaltet (wie bei maven die pom.xml).npm run test um die Unittests auszuführen. node_modules in dem alle Abhängigkeiten des Modules abgelegt werden (auch die transitiven). No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.