F2E @ Douban
张克军 (Kejun)
hikejun.com | twitter.com/kejunz
http://hikejun.com/sharing/f2e_at_douban.pdf
Friday, October 29,...
collective intelligence
“集体智慧,即一个团队处于多任务状态下取得成功的能力”
http://article.yeeyan.org/view/170769/140409
“人们是如此重视个人智慧和个人成就,......
...
Team
Friday, October 29, 2010
http://www.flickr.com/photos/haagsuitburo/2576659737/sizes/l/in/photostream/
Friday, October 29, 2010
http://www.flickr.com/photos/sub1522/4503033044/sizes/l/in/pool-15135580@N00/
Friday, October 29, 2010
http://www.flickr.com/photos/42249245@N00/5049964175/sizes/l/in/pool-76277299@N00/
Friday, October 29, 2010
http://site.douban.com/106371
Friday, October 29, 2010
Jazz Band
http://site.douban.com/106371
Friday, October 29, 2010
Tech Dept.
Friday, October 29, 2010
FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng.
Friday, October 29, 2010
FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng.
Friday, October 29, 2010
Roles, Infrastructure, fusion
Efficient, Innovation
Friday, October 29, 2010
FrontEnd
Infrastructure
Friday, October 29, 2010
http://www.flickr.com/photos/kejun/4954616644/sizes/o/in/set-72157624852834910/
http://site.douban.com/widget/photos/22528/...
Modular & structured
core concept:
Friday, October 29, 2010
DoubanUI lib Lib Lib
jQuery
sns movie music
booksite
radio biz ...
coverflow
live_counter
Do
Friday, October 29, 2010
DoubanUI lib Lib Lib
jQuery
sns movie music
booksite
radio biz ...
coverflow
live_counter
Do
Common libs
Friday, October 2...
DoubanUI lib Lib Lib
jQuery
sns movie music
booksite
radio biz ...
coverflow
live_counter
Do
Application libs
Common libs
...
DoubanUI lib Lib Lib
jQuery
sns movie music
booksite
radio biz ...
coverflow
live_counter
Do
Application libs
Common libs
...
Do('mod1', '/js/site/common.js', function(){ //code here; });
Do(‘mod2’, ‘mod3’)
Do(function(){ //code here; })
Do(uban)是一...
base
page
page
page
page
page
project
core
utils
movie
music
book
sns
...
DoubanUI (mako)
Friday, October 29, 2010
- Infomation Content Moduler
- Standard UI Component/Prototype
DoubanUI
Friday, October 29, 2010
- Infomation Content Moduler
- Standard UI Component/Prototype
DoubanUI
core.css
(css)
Templ
Utils
(mako)
UI
widgets
(JS)
...
Dev Process
& Collaboration
Friday, October 29, 2010
1. Prototype Dev.
2. Iteration Dev. 3. Build 4. testing
Friday, October 29, 2010
Prototype Dev. Env. Development Env. Pre-release Env.
Friday, October 29, 2010
http://site.douban.com/widget/photos/22528/photo/617215445/#next_photo
Share your cheese!
Friday, October 29, 2010
Coding With Fun
Friday, October 29, 2010
Q & A
Friday, October 29, 2010
Upcoming SlideShare
Loading in …5
×

张克军 豆瓣前端团队的工作方式

3,186 views

Published on

0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,186
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
59
Comments
0
Likes
14
Embeds 0
No embeds

No notes for slide

张克军 豆瓣前端团队的工作方式

  1. 1. F2E @ Douban 张克军 (Kejun) hikejun.com | twitter.com/kejunz http://hikejun.com/sharing/f2e_at_douban.pdf Friday, October 29, 2010
  2. 2. collective intelligence “集体智慧,即一个团队处于多任务状态下取得成功的能力” http://article.yeeyan.org/view/170769/140409 “人们是如此重视个人智慧和个人成就,...... 由于我们的世界变得更加扁平化,相互间联系性也更强, 他们聚在一起能做些什么要比考虑一个人能做什么更重要。” Friday, October 29, 2010
  3. 3. Team Friday, October 29, 2010
  4. 4. http://www.flickr.com/photos/haagsuitburo/2576659737/sizes/l/in/photostream/ Friday, October 29, 2010
  5. 5. http://www.flickr.com/photos/sub1522/4503033044/sizes/l/in/pool-15135580@N00/ Friday, October 29, 2010
  6. 6. http://www.flickr.com/photos/42249245@N00/5049964175/sizes/l/in/pool-76277299@N00/ Friday, October 29, 2010
  7. 7. http://site.douban.com/106371 Friday, October 29, 2010
  8. 8. Jazz Band http://site.douban.com/106371 Friday, October 29, 2010
  9. 9. Tech Dept. Friday, October 29, 2010
  10. 10. FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng. Friday, October 29, 2010
  11. 11. FrontEnd Eng. Product Eng. Algorithm Eng. Platform/OPS Eng.QA Eng. Friday, October 29, 2010
  12. 12. Roles, Infrastructure, fusion Efficient, Innovation Friday, October 29, 2010
  13. 13. FrontEnd Infrastructure Friday, October 29, 2010
  14. 14. http://www.flickr.com/photos/kejun/4954616644/sizes/o/in/set-72157624852834910/ http://site.douban.com/widget/photos/22528/photo/617206623/ Friday, October 29, 2010
  15. 15. Modular & structured core concept: Friday, October 29, 2010
  16. 16. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Friday, October 29, 2010
  17. 17. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Common libs Friday, October 29, 2010
  18. 18. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Application libs Common libs Friday, October 29, 2010
  19. 19. DoubanUI lib Lib Lib jQuery sns movie music booksite radio biz ... coverflow live_counter Do Application libs Common libs Framework Friday, October 29, 2010
  20. 20. Do('mod1', '/js/site/common.js', function(){ //code here; }); Do(‘mod2’, ‘mod3’) Do(function(){ //code here; }) Do(uban)是一个轻量的Javascript 发框架。 目的是在前端组织和管理项目中的Javascript模块。 因此,Do在设计上仅提供模块管理的相 机制,主要是模块的组织和模块之间依赖 系管理。 不杂糅任何业务逻辑, 保其足 轻量。 目前do.js压缩后是2.1K,gzip后是0.9K。 Advantages: 1. Modular 2. Dependency Management 3. Parallel execution queue Friday, October 29, 2010
  21. 21. base page page page page page project core utils movie music book sns ... DoubanUI (mako) Friday, October 29, 2010
  22. 22. - Infomation Content Moduler - Standard UI Component/Prototype DoubanUI Friday, October 29, 2010
  23. 23. - Infomation Content Moduler - Standard UI Component/Prototype DoubanUI core.css (css) Templ Utils (mako) UI widgets (JS) Friday, October 29, 2010
  24. 24. Dev Process & Collaboration Friday, October 29, 2010
  25. 25. 1. Prototype Dev. 2. Iteration Dev. 3. Build 4. testing Friday, October 29, 2010
  26. 26. Prototype Dev. Env. Development Env. Pre-release Env. Friday, October 29, 2010
  27. 27. http://site.douban.com/widget/photos/22528/photo/617215445/#next_photo Share your cheese! Friday, October 29, 2010
  28. 28. Coding With Fun Friday, October 29, 2010
  29. 29. Q & A Friday, October 29, 2010

×