1. Mikkel W. Breum
wpKitchen.com

2. Versionering (git)
hvad får man ud af det
Kan det betale sig
Deployment
hvorfor ikke bare (manuel) FTP
SASS/SCSS/LESS <-> CSS
hvad og hvorfor
men hvad så med HeadWay
Boilerplates
standardiserede arbejdsgange
kvalitet
leverage
PaaS
hvad er PaaS og hvilke fordele
for hjemmesider
pris / kompliceringsgrad

3. Udgangspunkt
Webhost
sFTP
Lokale filer

4. Forbedret udgangspunkt
Webhost
sFTP
Lokale filer
under git kontrol

5. ‘Nye’ muligheder
Historik / Versionering
Tomater
Agurk
Salat
Tilføjet tun Tun
Tomater
Rettet tastefejl Agurk
Salat
Timater
Tilføjet salat Agurk
Salat
Oprettet indkøbsliste Timater
Agurk

6. ‘Nye’ muligheder
Forgrening
Tomater FORK
Agurk
Salat
ORIG Tomater
Kylling
Agurk
Salat
Tilføjet tun Tun
Tomater
Agurk
Salat
Tomater
Rettet tastefejl Agurk
Salat
Timater
Tilføjet salat Agurk
Salat
Oprettet indkøbsliste Timater
Agurk

7. ‘Nye’ muligheder
Flere udviklere
online repo online repo online repo online repo
public orig public fork public fork public fork
lokal repo lokal repo lokal repo lokal repo
privat privat privat privat
Koordinator udvikler 1 udvikler 2 udvikler 3

10. WordPress 2003 - 2010
http://vimeo.com/8933205

11. Værktøjer
redigering scss localhost database git
import import tracking
export export deployment
kloning

12. ‘Nye’ muligheder
git Deployment
Webhost auto deploy
(sFTP) PaaS
git-aaS
Webhost
sFTP git repo
online / lokal
Lokale filer
under git kontrol

13. WordPress Anatomy
Maskinen Run time DATA
WP Core Databasen
Theme wp-uploads
Plugins
to git or not to git

14. SASS/SCSS/LESS <-> CSS
CSS Preprocessing
Variabler
opdater et sted
Beregniger
Gør ting relative
Nesting
undgå gentagelser selectors og
properties
Mixins
genbrug variable css blokke
Nedarv fra selector

15. SCSS Eksempel
nt-navigation { border-color: $blue; color: darken($blue,
.content-navigation
{ border-color: #3bbfce;
color: #2b9eab;}
scss css

16. HeadWay
my way
nulstillet design
og bruger det ikke
prototype
jump start støbeform
SCSS template
baseret på WP + HeadWay markup
med grid size variabler
[Kombineret med Views]
for kontrol over content
markup

17. deploy til traditionel host
via Beanstalk hands-on
unoeuro
opsæt domæne opsæt repository
opsæt depl. environment
beanstalk
opsæt lokalt site
tilføj git lokalt
localhost
DesktopServer foretag ændringer

18. 0. Hav en tjekliste (og hold den opdateret)
1. staging site opsæt nyt subdomæne
2. Opsæt bs repo med deployment environment
3. Klon proto via DesktopServer (fixer serialiseret data)
4. ‘Localize’ / klargør klon (næste tjeckliste)
5. Tower: add repo, add remote - initial commit - initial push
6. DesktopServer: eksporter og importer på livesite
7. SCSS via codekit - commit - edit - commit
8. Push til Beanstalk
a:1:{s:7:"siteurl";s:16:"http://proto.dev";}

19. Change Table Prefixchange in wp-configchange in database
(use Seequel Pro) - Rename all tables - Rename key names in
user_meta - Rename key name in optionsLocalize Child
ThemeRename child theme folderChange theme name in style.css
and in scss/style.scssRename plugin templates filesChange names
and descriptions of plugin templatesLocalize Child Theme
SettingsSet the Site name, date format and timezone in General
SettingsActivate the renamed child themeSetup the Menu Position

20. deploy til cloud hands-on
unoeuro
opsæt domæne opsæt repository
opsæt depl. environment
beanstalk
opsæt lokalt site
tilføj git lokalt
localhost
DesktopServer foretag ændringer

21. PaaS
Hvad er PaaS
Fordele
Er det for hjemmesider
Udbydere
Pris
Er det kompliceret
Hands-on

22. Hvad er PaaS
Software aaS
podio - runtastic - dit WordPress site
Platform aaS
heruko - pagodabox - AppFog - fortrabbit
Infrastructure aaS
Amazon Web Services - Softlayer

23. PaaS fremfor webhost
fordele ulemper
Dynamisk skalerbarhed Setup omkring uploads
Indsigt Man skal lære noget nyt
Øjeblikkelig setup Pris
Kontrol over Jeres erfaringer?
environment
Git deployment
Resistent hosting
Pris
Jeres erfaringer?

24. udbydere
fortrabbit AWS
pagodabox softlayer
AppFog optional

28. atlassian.com/git/
atlassian.com/git/

29. My HeadWay plugins
BG Covers
Full Width Header