Abend 14: 24.08.2016 - HTML/CSS Engineering in Practice: Praxisbeispiele im Detail

HTML/CSS Engineering in Practice: Praxisbeispiele im Detail

HTML/CSS Engineering in Practice: Praxisbeispiele im Detail


M. R.
Diese Lernkarten bieten einen detaillierten Einblick in die Praxis von HTML/CSS-Engineering auf Universitätsniveau. Sie behandeln Themen wie die Verwaltung von Node-Versionen, die Nutzung von Tools wie npm, Vagrant und Docker, sowie die Implementierung von Continuous Integration mit Tools wie Jenkins oder TeamCity. Entwickler profitieren von diesen Karteikarten, da sie praktische Lösungen für die Projektarbeit und die Sicherstellung einheitlicher Entwicklungsumgebungen bieten. Zudem werden Coding Guidelines und Modularität durch Methoden wie BEM und Linter behandelt, was die Qualität und Konsistenz des Codes verbessert.
Karten
8
Lernende
10
Sprache
Deutsch
Kategorie
Informatik
Stufe
Universität
Erstellt / Aktualisiert
03.12.2016 / 23.01.2019

Lernkarten

Was sind die Vorteile von BEM?

  • Modular (Modularity)
  • Wiederverwendbar (Reusability)
  • Struktur (Structure)

http://getbem.com/

Wie kann sichergestellt werden, ob Coding Guidelines eingehalten werden?

Mit Hilfe von Linter (z.B. ESLint, JSHint, JSCS, sass-lint, stylelint, etc.)

[X]Wofür werden Tools wie Bamboo, Jenkins oder TeamCity vorallem verwendet?

Wie kann sichergestellt werden das alle Entwickler mit der gleichen Node Version arbeiten?

Mittels Node Version Manager "nvm" kann sichergestellt werden das alle Entwickler / Build Tools im Projekt mit der gleichen Node Version arbeiten.
Das Tool erstellt die Datei .nvmrc, in dieser ist die Node Version gespeichert die für das aktuelle Projekt zu verwenden ist.
 

Weitere Infos: https://github.com/creationix/nvm

[X]Wofür steht die Abkürzung CI?

[X]Wie kann mit Problemen mit npm umgegangen werden?

  • Cache löschen
    npm cache clean
  • npm updaten
    npm install -g npm@latest

Wofür werden Tools wie Vagrant oder Docker verwendet?

Mit diesen Tools können per Konfig-File verschiedenartige virtuelle Machinen generiert werden. Damit kann sich jeder Entwickler auf einfache Weise seine eigene, einheitliche Entwicklungs-Umgebung generieren.

Für was wird npm-shrinkwrap verwendet?

Während die npm-Datei package.json nur Versionen der Module auf oberster Ebene enthält, enthält die Datei npm-shrinkwrap.json die Versionsanforderungen für die vollständige Modulabhängigkeitskette. Wenn die Anwendung für die Produktion bereit ist, können Sie die Versionsanforderungen sperren und eine Datei npm-shrinkwrap.json über den Befehl npm shrinkwrap erstellen. Diese verwendet die derzeit im Ordner node_modules installierten Versionen, und speichert sie in der Datei npm-shrinkwrap.json. Nachdem die Anwendung zur Hostingumgebung bereitgestellt wurde, wird der Befehl npm install verwendet, um die Datei npm-shrinkwrap.json zu analysieren und alle aufgelisteten Abhängigkeiten zu installieren.

Quelle: https://azure.microsoft.com/de-de/documentation/articles/nodejs-use-node-modules-azure-apps/

Lernen