Proč byste měli začít hledat parťáka dříve než já, aneb odstrašující výčet problémů, které vás potkají, pokud se pokusíte rozjet webovou aplikaci jako one man show. A mimochodem, pořád hledám parťáka.

2. Proč dělám
sovou PRÁCI ŠPATNĚ
M A R T I N E K
J A N
KRNO,
15 OCT 2011

4. Proč dělám
svou práci špatně
Jan Martinek | @endlife
#barcampbrno 2011

5. 3 dny?

8. Obsah

9. Obsah

10. Obsah
➡ Dělat věci správně

11. Obsah
nestačí
➡ Dělat věci správně

13. Proč dělám
svou práci špatně
Jan Martinek | @endlife
#barcampbrno 2011

14. Webový
projekt

15. Desktop
Mobil
7 princip% Tablet
(Covey)
Twitter
GTD Lean Startup
Návrh formulá&% Facebook
Konzistence Webová prezentace
prvk% (konkurence)
Getting Real Bannery
Grafick! design Rework Blog
Stálá Affiliate
Principy Principy Krátkodobé Pot&eby
pozornost
cíle
Typografie
Newsletter Distribuce
Epicenter Propagace
Zkoumání
Animace design
Mobil Dlouhodobé cíle cílovky Tiskové zprávy
Tisk
Strategie
Tablet
Desktop Plakáty
U"ivatelská
Nastavení testování Getting Real
Principy Rework
Sout("e #asopisy
Responzivní
P&ihlá'ení design
UI pomocn!ch Marketing Pricing idiot
Plánování Principy Metody
prvk%
platby
Chyby Fakturace
Business model
Core funkcionalita Návrh UI
Pricing
Persony Zp%sob
Use cases Projekt placení
Vizuální styl
Ilustrace Copywriting Zahrani$ní
Texty Internacionalizace podmínky
Fonty
dibi Programování Nápad
Fakturace Starost o Iniciativa
Gettext
MySQL zákazníky
API Podpora Kontaktní
E-maily Anal!za
Zázemí Debugging formulá&
PHP
nette Server E-mail
Cache Pivot
JQuery UI problémy Error
Hosting Pr%zkum
Principy/ reporty
JavaScript Vzory
Klient
Konfigurace Domény Log reporty
gRäphael Minifikace
RSS serveru
V!vojové prost&edí
Webový
Objektové E-mailov!
HTML .htaccess
programování server Po$íta$
Klídek
API MVC
CSS
Akcelerátory/ IDE
cache Server
QR kódy
LESS
Prohlí"e$e
projekt

19. Desktop
Mobil
7 princip% Tablet
(Covey)
Twitter
GTD Lean Startup
Návrh formulá&% Facebook
Konzistence Webová prezentace
prvk% (konkurence)
Getting Real Bannery
Grafick! design Rework Blog
Stálá Affiliate
Principy Principy Krátkodobé Pot&eby
pozornost
cíle
Typografie
Newsletter Distribuce
Epicenter Propagace
Zkoumání
Animace design
Mobil Dlouhodobé cíle cílovky Tiskové zprávy
Tisk
Strategie
Tablet
Desktop Plakáty
U"ivatelská
Nastavení testování Getting Real
Principy Rework
Sout("e #asopisy
Responzivní
P&ihlá'ení design
UI pomocn!ch Marketing Pricing idiot
Plánování Principy Metody
prvk%
platby
Chyby Fakturace
Business model
Core funkcionalita Návrh UI
Pricing
Persony Zp%sob
Use cases Projekt placení
Vizuální styl
Ilustrace Copywriting Zahrani$ní
Texty Internacionalizace podmínky
Fonty
dibi Programování Nápad
Fakturace Starost o Iniciativa
Gettext
MySQL zákazníky
API Podpora Kontaktní
E-maily Anal!za
Zázemí Debugging formulá&
PHP
nette Server E-mail
Cache Pivot
JQuery UI problémy Error
Hosting Pr%zkum
Principy/ reporty
JavaScript Vzory
Klient
Konfigurace Domény Log reporty
gRäphael Minifikace
RSS serveru
V!vojové prost&edí
Webový
Objektové E-mailov!
HTML .htaccess
programování server Po$íta$
Klídek
API MVC
CSS
Akcelerátory/ IDE
cache Server
QR kódy
LESS
Prohlí"e$e
projekt

20. Responzivní
design
Marketing
Plánování
Business model
Návrh UI
Projekt
Copywriting Internacionalizace
Programování Nápad Starost o
zákazníky
Anal!za
Zázemí Debugging

21. e
nal izac tiva í
acio icia aktn
jekt
t
n In Kon ulá&
Pr o I nter form
o ra
st o P odp
o
Star níky il
z
z áka E -ma
d ging
Nápa Deb
ug
r
í Erro y
mován a y por
t
z re
A nal! ro blém
UI p
í r ty
Zázem kum repo
t Pr%
z Log
Pivo
í
s t&ed
stin
g
é pro
Ho
om ény ojov
D V!v
e e k
g urac Klíd
K onfi eru ! o$ít
a $
serv ilov P
a
E -m ver
ser r
ss Serve
cce IDE
.hta
/
ní rátory
MV C cele e
Ak ach "e $e
c Prohlí

22. n yw Ná
e fu Cop
Cor
b y í
Chy ván
l Tex
ty
gr amo
s ony í sty Pro
Per izuá
ln
V
í
e s Zázem
cas ce e
Use Ilu stra ty tura
c
Fon F ak
n g
dibi L
API osti
M ySQ H
/
xt cipy figu
ra
ette rver Prin ry
G
PHP Se Vzo Kon rver
se
ly
E- mai e
C ach
nett
e cc
e .hta
c
ifika é
Klie
nt Min e ktov ní
ipt Obj mová MVC
uery a Scr rog
ra A
JQ Jav p
RSS
l API
e L
ä pha HTM
gR
CSS y
ód
QRk
S
LES

23. y)
Návrh formulá
&% GTD Lean S
Konzistence
prvk%
Grafick! desig
n Getting Real
Principy Rework
Typografie Principy
Epicenter
Animace design
Mobil D
U"ivatelská Tablet
Nastavení
testování Desktop
P&ihlá'ení Responzivní
UI pomocn!ch design
prvk%
Chyby Plá
Core funkciona
Persony lita Návrh UI
Use cases
Vizuální styl
Ilustrace P
Texty Copywriting
Fonty
dibi
Gettext

24. n ce)
k ure
n
(ko
c ip%
rin y) p
7 p ove tar
tu á
(C nS tál ost
S n
a
Le zor
po
b é
TD do
G tko
Krá cíle
y
cip
eal Pri
n
cíle
in gR é
e ett work d ob
enc G
Re ho
z ist D lou
on rvk%
K p
á&% bil
M o
ar ket
top M
ipy Desk
c
rin t
P
a ble í
nte
r T
v án
e
pic ign v ní lá no
E s onzi P
fie de sp ign
Re es
d

25. ko vé z
iliat
e Tis
A ff
áty
) e Plak
nce aga
c
Tisk
kure r Pr op
n
t&eb
y lette y
Po N ews as opis
#
" e
í Sout(
u mán ateg
ie
Rea
l
Zko vky Str tting rk
cílo Ge wo
Re
Me tody
by
ip y plat
P rinc t
io
in g id
Pric race
Faktu
y
Pri ncip ob
Z p%s í
n
g p lace
g ricin
ketin P
Mar l
m ode
ess
Busin ni$n
í
ra
Zah ínky
m
pod
e
zac
ionali iativ
a
takt
ní
r nac Inic Kon ulá&
Inte form
a
o od por
ost P
Star ky

26. Desktop
Mobil
Tablet Twitter
Facebook
tace
Webová prezen
Bannery
(konkurence) Blog
Affiliate
Stálá Pot&eby Distribuce
pozornost
Newsletter
Propagace Tiskové zprávy
Zkoumání Tisk
cílovky
Strategie Plakáty
Getting Real
Sout("e #asopisy
Rework
Principy
Pricing idiot Metody
Marketing Principy platby
Fakturace

27. Desktop
Mobil
7 princip% Tablet
(Covey)
Twitter
GTD Lean Startup
Návrh formulá&% Facebook
Konzistence Webová prezentace
prvk% (konkurence)
Getting Real Bannery
Grafick! design Rework Blog
Stálá Affiliate
Principy Principy Krátkodobé Pot&eby
pozornost
cíle
Typografie
Newsletter Distribuce
Epicenter Propagace
Zkoumání
Animace design
Mobil Dlouhodobé cíle cílovky Tiskové zprávy
Tisk
Strategie
Tablet
Desktop Plakáty
U"ivatelská
Nastavení testování Getting Real
Principy Rework
Sout("e #asopisy
Responzivní
P&ihlá'ení design
UI pomocn!ch Marketing Pricing idiot
Plánování Principy Metody
prvk%
platby
Chyby Fakturace
Business model
Core funkcionalita Návrh UI
Pricing
Persony Zp%sob
Use cases Projekt placení
Vizuální styl
Ilustrace Copywriting Zahrani$ní
Texty Internacionalizace podmínky
Fonty
dibi Programování Nápad
Fakturace Starost o Iniciativa
Gettext
MySQL zákazníky
API Podpora Kontaktní
E-maily Anal!za
Zázemí Debugging formulá&
PHP
nette Server E-mail
Cache Pivot
JQuery UI problémy Error
Hosting Pr%zkum
Principy/ reporty
JavaScript Vzory
Klient
Konfigurace Domény Log reporty
gRäphael Minifikace
RSS serveru
V!vojové prost&edí
Objektové E-mailov!
HTML .htaccess
programování server Po$íta$
Klídek
API MVC
CSS
Akcelerátory/ IDE
cache Server
QR kódy
LESS
Prohlí"e$e

28. ➡ Příklad #1
Špatný odhad

29. 1 týden

30. 1 týden
prosinec

31. 1 týden
prosinec
leden

32. 1 týden
prosinec
leden
únor

33. 1 týden
prosinec
březen
leden
únor

34. 1 týden
prosinec
březen
duben
leden
únor

35. 1 týden
5 měsíců
prosinec
březen
duben
leden
únor

36. 1 týden
5 měsíců
prosinec
březen
duben
leden
únor
(REWORK, Mike Rohde.)

37. ➡ Příklad #2
Jednoduchý formulář

45. Eye candy

48. ➡ Příklad #3
TO BE CONTINUED

49. sám sobě
tím nejhorším šéfem

50. sám sobě
tím nejhorším šéfem

51. sám sobě
tím nejhorším šéfem

52. sám sobě
tím nejhorším šéfem
zobrazení obsahu
účtu podle kontextu

53. zobrazení obsahu
účtu podle kontextu

54. zobrazení obsahu
účtu podle kontextu
• přihlášení

55. zobrazení obsahu
účtu podle kontextu
• přihlášení
• správce

56. zobrazení obsahu
účtu podle kontextu
• přihlášení
• správce
• položky

57. zobrazení obsahu
účtu podle kontextu
• přihlášení
• správce
• položky
• licence

58. zobrazení obsahu
účtu podle kontextu
• přihlášení
• správce
• položky
• licence • IE6

59. ➡ Příklad #4
Matrix

62. +

63. ➡ Příklad #5
Pokrytí aplikace testy

65. EPIC FAIL
When you are so close.

66. ➡ Příklad #6
Napište nám

67. ➡ Příklad #5
Napište nám

68. ➡ Příklad #5
Napište nám

71. Zeptejte se na cokoli.
Odpovím co nejdřív.

73. Obsah
nestačí

74. Obsah
nestačí
Profesionalita

75. Profesionalita

76. Jak zůstat
profesionálem?

77. Profesionální
každý den .

78. Profesionál
zná své limity.

79. Návrh formulá&% Webová pr
Konzistence
prvk% (konkurence)
Getting Real
design Rework
Stálá Affiliate
Principy Principy Krátkodobé Pot&eby
pozornost
cíle
pografie
Newsletter
Epicenter Propa
Zkoumání
Animace design
Mobil Dlouhodobé cíle cílovky
Profesionál
Strategie
Tablet
U"ivatelská Desktop
stavení testování Getting Real
Principy Rework
Responzivní
zná své limity.
ení design
UI pomocn!ch Marketing Pricing idiot
Plánování Principy
prvk%
y Fak
Business model
Core funkcionalita Návrh UI
Pricing
Persony Z
Projekt p
Vizuální styl
strace Copywriting Zahrani$ní
Texty Internacionalizace podmínky
Fonty
Programování Nápad Starost o
Fakturace Iniciativa
MySQL zákazníky
API Podpora Kontaktní
Anal!za
Zázemí Debugging formulá&
PHP
Server E-mail
Cache Pivot UI problémy Error
Hosting Pr%zkum
Principy/ reporty
Vzory
Klient
Konfigurace Domény Log reporty
Minifikace serveru
V!vojové prost&edí
Objektové E-mailov!
HTML .htaccess
programování server Po$íta$

80. Návrh formulá&% Webová pr
Konzistence
prvk% (konkurence)
Getting Real
design Rework
Stálá Affiliate
Principy Principy Krátkodobé Pot&eby
pozornost
cíle
pografie
Newsletter
Epicenter Propa
Zkoumání
Animace design
Mobil Dlouhodobé cíle cílovky
Profesionál
Strategie
Tablet
U"ivatelská Desktop
stavení testování Getting Real
Principy Rework
Responzivní
zná své limity.
ení design
UI pomocn!ch Marketing Pricing idiot
Plánování Principy
prvk%
y Fak
Business model
Core funkcionalita Návrh UI
Pricing
Persony Z
Projekt p
Vizuální styl
strace Copywriting Zahrani$ní
Texty Internacionalizace podmínky
Fonty
Programování Nápad Starost o
Fakturace Iniciativa
zákazníky
Pozná, že dělá
MySQL
API Podpora Kontaktní
Anal!za
Zázemí Debugging formulá&
PHP
Server E-mail
práci špatně.
Cache Pivot UI problémy Error
Hosting Pr%zkum
Principy/ reporty
Vzory
Klient
Konfigurace Domény Log reporty
Minifikace serveru
V!vojové prost&edí
Objektové E-mailov!
HTML .htaccess
programování server Po$íta$

81. Překročit
limity lze

82. Překročit
limity lze
jedině díky
spolupráci.

83. Tak hledám
parťáka.

84. Očekávání?

85. Rychlejší vývoj

86. Specializace

87. Rychlejší odezva

88. Rozkládání zátěže

89. nette TDD Git

90. Rozhled

91. Motivace

92. Inspirace

94. 3. napište mi

95. 3. napište mi
2. nedělejte projekty sami

96. 3. napište mi
2. nedělejte projekty sami
1. dělejte věci správně

97. Děkuji za pozornost
Jan Martinek
jan-martinek.com @endlife
kari-vydaje.cz @kariVydaje