Skip to content

Latest commit

 

History

History
128 lines (81 loc) · 3.58 KB

TW188_Kleine_Helferlein.md

File metadata and controls

128 lines (81 loc) · 3.58 KB

Technikwürze 188 - Die Lieblings-Tools der Frontend-Entwickler

Wir nehmen die Sendung am 24.1. gegen 20 Uhr auf.

Teilnehmer

  • Matthias Pfefferle
  • Jens Grochtdreis

Beschreibung

Immer wieder fragen uns die Zuhörer, welche Programme, Editoren und Helferlein wir als Frontend-Entwickler einsetzen. In dieser Sendung geben wir die Antwort!

Überblick

Wahl des Betriebssystems

  • Mac, Windows oder Linux?
  • Vernünftiges Screenshot-Tool für Mac? PC?

Welche IDE oder Editoren

Task-spezifische IDEs oder Alleskönner? Sind grosse IDEs, wie NetBeans, PHPStorm oder WebStorm auch auch für Frontend-Entwickler interessant?

Das Projekt aufsetzen

Viele Projekte haben die gleiche Basis und viele Arbeitsschritte wiederholen sich immer wieder. Diese Tools können helfen, das zu optimieren:

  • init: yeoman init backbone
  • models erstellen: yeoman init backbone:model modelName
  • build: JS und CSS optimieren, validieren und minifien
  • außerdem: Testsystem, Paket-Management, Task-Management, uvm.

Paketmanagement mit Bower (ähnlich wie npm oder RubyGems)

  • Pakete installieren: bower install jquery
  • Pakete updaten: bower update jquery-ui

Taskmanagement mit Grunt.js

  • Immer wiederkehrende Tasks definieren: minify, test, compile (sass/less), lint, ...

Nützliche Frameworks

Frameworks helfen beim besseren Umgang mit Formaten und bieten Möglichkeiten, die das Format nicht selbst unterstützt.

Nützliche Libraries

Klassiker

Erwähnenswert

Templating Engines

Wo macht Templating im Frontend Sinn? Macht es überhaupt Sinn?

Grafiken und Icons

Sprites

Pro/Contra
  • Nur eine Grafik
  • besseres Caching
  • geringere Ladezeiten
  • lassen sich mit Compass sehr einfach erstellen

Icon Fonts

Pro/Contra
  • "beliebig" skalierbar
  • über "color:" farblich beliebig anpassbar
  • verläufe auch über CSS möglich
Tools

Hilfeseiten

Austausch mit Anderen bzw. Erstellung von Demos