Navigation ein/ausblenden

 Navigation ein/ausblenden

Code schreiben

Im Editor lässt sich der Quelltext von Html und Css direkt in die Datei schreiben. Das ist soweit O.K. wenn die BenutzerInnen schnell und gut coden können. Es gibt praktische Erweiterungen, die weiterführenden Ansprüche genügen, wenn:

  • komplexer Html-, Css- oder Javascriptcode geschrieben wird.
  • praktische Codeverfollständingung gewünscht wird.
  • ein schneller Workflow notwendig wird.
  • ein Umstieg eines proprietären Web-Editors wie Dreamweaver gewünscht wird.
  • Unterstützung beim schreiben von Html- und CSS-Code nötig ist
  • wenig Code-Erfahrung, aber Verständniss der Code-Prinzipen vorhanden ist.

Die hier vorgestellte Erweiterung "Emmet" bietet bietet sowohl erfahrenen Coder'n wie EinsteigerInnen praktische Möglichkeiten. Um die Erweiterung "Emmet" nutzen zu können, sind folgende Arbeitsschritte beschrieben:

  • Was ist die Erweiterung "Emmet"
  • Wie installiere ich "Emmet"
  • Erstellen eines Layout's mit Brackets und Emmet
  • Übersicht wichtiger Kurzbefehole und Funktionen
  • Erläuterungen zur CSS-Datei
  • Übung: Layout2

 

Weiter mit einer Übersicht: Was ist die Erweiterung "Emmet"