DO-EPIC-SHIT
DO-EPIC-SHIT
0 1
DO-EPIC-SHIT
Presentation: Open Source Workflow für Webdeveloper (OpenRheinRuhr 2014)On Github voku / DO-EPIC-SHIT
DO EPIC SHIT!
Open Source Workflow für Webentwickler
Lars Moelleken |
- Webentwickler !
- Sysadmin !
- aus Krefeld !
Beispiel:
Demo: openrheinruhr.suckup.de
Source: github.com/voku/DO-EPIC-SHIT-Demo
"Keep it Simple, Stupid"
"Don’t repeat yourself"
"Build a prototype as soon as possible"
"Content is King"
Workflow & Toolchain
Werkzeugkasten
Werkzeugkasten
Shell
dotfiles.github.com
github.com/voku/dotfiles/
aliases
- l / l. / lr / lf
- cd.. / .. / ...
- sgrep
- lsport / llport
- s foo.bar / v foo.bar
- getclip / putclip
rm -rf /
github.com/voku/dotfiles/
functions
- passwdgen
- ff
- duh
- phpserver / server
- targz / extract
lerne deine Wekzeuge gut zu nutzen
. . . und selber anzupassen!
mehr als jedes andere Werkzeug, solltest du deinen Editor kennen
z.B.:
Editor Lizenz vi(m) GPL (Charityware) Notepad++ GPL Sublime Text proprietär (Shareware) Brackets MITmehr als jedes andere Werkzeug, solltest du deine IDE kennen
z.B.:
Editor Lizenz Eclipse EPL NetBeans CDDL & GPLv2 PHPStorm Proprietär WebStorm ProprietärIDE || Editor
Welche Einstellungen und Plugins sollte man nutzen?
- Code Linting / Code Hints
- Code Highlighter
- EditorConfig
- Git (Git-Gutter)
- Emmet (Zen-Coding)
git?
git!
git status
git branch
git checkout
git commit
git pull
git push
git!
git log
git diff
git blame
git cherry-pick
git - Tipps
- ~/.gitconfig
- core.autocrlf (true = Windows || input = Unix)
- github.com / gitlab.com
- gitignore.io
- "git bash" für Windows
git - GUI
z.B.: SourceTree (Proprietär)
deployment via "ftp"
deployment via "git"
deployment via "Jenkins"
deployment via "Jenkins"
- automatische Tests (z.B.: Unit-Tests, UI-Tests, Integrationstest)
- Code-Qualität (z.B.: kopierte Codeteile, globale Variablen)
- prüfe auf Debug-Ausgaben (z.B.: "var_dump()", "console.log()")
- Statistiken über die Code-Qualität
- automatisches Deployment
Statistiken über Mobile-Traffic
2012 - 2014
Statistiken über Mobile-Traffic
2012 - 2017
Open-Source-Software für Frontend-Entwickler
- Bower
- Grunt / Gulp
- Autoprefixer / CSSWring
- LiveReload
- DevTools
- Frontend-Testing (z.B.: Karma / DalekJS)
- Yeoman
Open-Source-Software für Frontend-Entwickler
- Preprocessor (z.B.: SASS)
- UI-Toolkit (z.B.: normalize / Bootstrap / Foundation)
- Modernizr & Polyfills
- Fonts (z.B.: Google Fonts)
- JavaScript-Frameworks (z.B.: jQuery, AngularJS)
- App-Frameworks (z.B.: Apache Cordova, Ionic)
Entwicklungsumgebung via Vagrant
Tipp für Web-Entwickler:
PuPHPet.com (MySQL, PostgreSQL, PHP, Ruby, Python ...)
Open-Source-Software für Backend-Entwickler (PHP)
- Design-Pattern (z.B.: Factory Pattern, Observer Pattern, Strategy Pattern ...)
- Frameworks (z.B.: Symfony, Laravel) / Mico-Frameworks (z.B.: Slim Framework)
- ORM {Object-Relational Mapping} (z.B.: RedBeanPHP)
- Datenbank-Migration (z.B.: Ruckusing)
- Hook-System (z.B.: von WordPress)
- Unit-Tests (z.B.: PHPUnit, JUnit, PyUnit ...)
Open-Source-Software für Backend-Entwickler (PHP)
Composer
Installation:
curl -sS https://getcomposer.org/installer | php
Beispiel:
composer create-project voku/DO-EPIC-SHIT-Demo orr
Xdebug
- Breakpoints
- Stacktrace
- Profiling
- IDE-Integration
CacheGrind
Analyse der Profiling-Daten via "Kcachegrind" (Linux) || "WinCacheGrind" (Windows)
DO IT NOW. DO EPIC SHIT!
Fragen?
- Slides: http://voku.github.io/DO-EPIC-SHIT
- Twitter: @suckup_de
- Blog: suckup.de
- Ich: moelleken.org
Bilder-Quellen
0