web标准化交流会第十九期上海站，bobby分享

1. Personal Information
Sunday, May 29, 2011

2. Personal Information
Name : (Bobby)
Job :
Hobbies : Technology, Movie, Pub, etc...
Email / MSN : caspercby@hotmail.com
Twitter : caspercby
: http://weibo.com/caspercby
QQ : 2244670408
Sunday, May 29, 2011

3. Sunday, May 29, 2011

4. Agenda
•
• (Frontend Mission)
•
•
• /
•
• /
Sunday, May 29, 2011

5. Sunday, May 29, 2011

6. Sunday, May 29, 2011

7. Designer VS Developer
Sunday, May 29, 2011

8. Designer VS Developer
Sunday, May 29, 2011

9. Sunday, May 29, 2011

10. 1. code ,
Sunday, May 29, 2011

11. 1. code ,
1.
2. Coding
3. User
coding!
Sunday, May 29, 2011

12. 1. code , 2.
1.
2. Coding
3. User
coding!
Sunday, May 29, 2011

13. 1. code , 2.
1.
2. Coding
3. User
coding!
Sunday, May 29, 2011

14. 1. code , 2.
1.
2. Coding
3. 3. User
coding!
Sunday, May 29, 2011

15. 1. code , 2.
1.
2. Coding
3. 3. User
coding!
Sunday, May 29, 2011

16. 1. code , 2.
...
1.
2. Coding
3. 3. User
, , ,
coding!
Sunday, May 29, 2011

17. ...
33% 33%
33%
, , , Coding
Sunday, May 29, 2011

18. Sunday, May 29, 2011

19. Sunday, May 29, 2011

20. Sunday, May 29, 2011

21. Sunday, May 29, 2011

22. art meets science
Sunday, May 29, 2011

23. (Frontend Mission)
Sunday, May 29, 2011

24. (Frontend Mission)
Improve Page Quality and User Experience
Sunday, May 29, 2011

25. Sunday, May 29, 2011
UI/UX

26. UI / UX
Sunday, May 29, 2011
UI/UX

27. UI/UX
Sunday, May 29, 2011

28. Sunday, May 29, 2011

29. Sunday, May 29, 2011

30. What Do F2E’s Do?
Sunday, May 29, 2011

31. Answer 1:
We Tell Browsers What To Do!
&
Sunday, May 29, 2011

32. Answer 2:
Frontend Engineers are responsible for
everything you see when you “view source”
Sunday, May 29, 2011

33. What Do F2E’s Expect To Know ? (Skill Set)
Sunday, May 29, 2011

34. F2E Specialities
HTML / PHP CSS
Javascript Ajax
Sunday, May 29, 2011

35. F2E Know-How
Sunday, May 29, 2011

36. Coding Language
Sunday, May 29, 2011

37. Security
Sunday, May 29, 2011

38. Development Tool
Sunday, May 29, 2011

39. JS Framework / Library
Sunday, May 29, 2011

40. Performance
Sunday, May 29, 2011

41. Browser Capabilities
Sunday, May 29, 2011

42. Frontend Code / Template Runs on…
Sunday, May 29, 2011

43. Frontend Code / Template Runs on…
Sunday, May 29, 2011

44. Frontend Code / Template Runs on…
Sunday, May 29, 2011

45. Frontend Code / Template Runs on…
Sunday, May 29, 2011

46. Frontend Code / Template Runs on…
Operating System
Sunday, May 29, 2011

47. Frontend Code / Template Runs on…
Modern Application
Sunday, May 29, 2011

48. Browser Capabilities
Sunday, May 29, 2011

49. Browser Capabilities
Sunday, May 29, 2011

50. Browser Capabilities
Sunday, May 29, 2011

51. Others
Sunday, May 29, 2011

52. F2E Know-How
Sunday, May 29, 2011

53. (Frontend’s Future)
Sunday, May 29, 2011

54. WEB API MOBILE?
Stone Age
Sunday, May 29, 2011

55. API WEB MOBILE?
Iron Age
Sunday, May 29, 2011

56. API MOBILE WEB
Modern Age
Sunday, May 29, 2011

57. Sunday, May 29, 2011

58. Sunday, May 29, 2011

59. Sunday, May 29, 2011

60. growth
The
of Mobile &
Touch Device...
Sunday, May 29, 2011

61. The
of Mobile &
Touch Device...
Sunday, May 29, 2011

62. 1870,
1st telephone was invented,
“Alexander Graham Bell”
1936,
1st freely programable computer,
“Konrad Zuse”
1973,
1st mobile phone was invented,
“Dr Martin Cooper”
1980,
World Wide Web (WWW),
“Tim Berners Lee”
1992,
1st touch screen phone invented,
“IBM”
2008,
1st iPad was released,
“Apple”
Sunday, May 29, 2011

63. 1870,
1st telephone was invented,
“Alexander Graham Bell”
1936,
1st freely programable computer,
“Konrad Zuse”
1973,
1st mobile phone was invented,
“Dr Martin Cooper”
1980,
World Wide Web (WWW),
“Tim Berners Lee”
1992,
1st touch screen phone invented,
“IBM”
2008,
1st iPad was released,
“Apple”
Sunday, May 29, 2011

64. 1870,
1st telephone was invented,
“Alexander Graham Bell”
1936,
1st freely programable computer,
“Konrad Zuse”
1973,
1st mobile phone was invented,
“Dr Martin Cooper”
1980,
World Wide Web (WWW),
“Tim Berners Lee”
1992,
1st touch screen phone invented,
“IBM”
2008,
1st iPad was released,
“Apple”
Sunday, May 29, 2011

65. 1870,
1st telephone was invented,
“Alexander Graham Bell”
1936,
1st freely programable computer,
“Konrad Zuse”
1973,
1st mobile phone was invented,
“Dr Martin Cooper”
1980,
World Wide Web (WWW),
“Tim Berners Lee”
1992,
1st touch screen phone invented,
“IBM”
2008,
1st iPad was released,
“Apple”
Sunday, May 29, 2011

66. 1870,
1st telephone was invented,
“Alexander Graham Bell”
1936,
1st freely programable computer,
“Konrad Zuse”
1973,
1st mobile phone was invented,
“Dr Martin Cooper”
1980,
World Wide Web (WWW),
“Tim Berners Lee”
1992,
1st touch screen phone invented,
“IBM”
2008,
1st iPad was released,
“Apple”
Sunday, May 29, 2011

67. 1870,
1st telephone was invented,
“Alexander Graham Bell”
1936,
1st freely programable computer,
“Konrad Zuse”
1973,
1st mobile phone was invented,
“Dr Martin Cooper”
1980,
World Wide Web (WWW),
“Tim Berners Lee”
1992,
1st touch screen phone invented,
“IBM”
2008,
1st iPad was released,
“Apple”
Sunday, May 29, 2011

68. 1870,
1st telephone was invented,
“Alexander Graham Bell”
1936,
1st freely programable computer,
“Konrad Zuse”
1973,
1st mobile phone was invented,
“Dr Martin Cooper”
1980,
World Wide Web (WWW),
“Tim Berners Lee”
1992,
1st touch screen phone invented,
“IBM”
2008,
1st iPad was released,
“Apple”
Sunday, May 29, 2011

69. In 2009...
Sunday, May 29, 2011

70. In 2009...
51,000,000 Cars
210,000,000 TVs
1.2 billion (12 ) mobile
Sunday, May 29, 2011

71. http://svg-wow.org/
Sunday, May 29, 2011

72. http://svg-wow.org/
Sunday, May 29, 2011

73. Sunday, May 29, 2011

74. Sunday, May 29, 2011

75. Q&A
Sunday, May 29, 2011

76. (Scrum)
1. Product Manager
‣ (Spec)
‣ (Plan)
PM UED FE SDE QA
Sunday, May 29, 2011

77. (Scrum)
2. User Experience Design
‣
‣ UI
PM UED FE SDE QA
Sunday, May 29, 2011

78. (Scrum)
3. Frontend Engineer
‣
‣ Protptype /
‣
PM UED FE SDE QA
Sunday, May 29, 2011

79. (Scrum)
4. Software Develop Engineer
‣
‣ DB ( )
‣
PM UED FE SDE QA
Sunday, May 29, 2011

80. (Scrum)
5. Quality Assurance
‣ Test Case /
‣ /
‣
PM UED FE SDE QA
Sunday, May 29, 2011

81. (Support)
1. PM
FE
PM UED FE SDE QA
Sunday, May 29, 2011

82. (Support)
1. UI
2. UX
FE
PM UED FE SDE QA
Sunday, May 29, 2011

83. (Support)
1.
FE
PM UED FE SDE QA
Sunday, May 29, 2011

84. (Support)
1. DB / API
FE
PM UED FE SDE QA
Sunday, May 29, 2011

85. (Support)
1. QA BUG
FE
PM UED FE SDE QA
Sunday, May 29, 2011

86. Q&A
Sunday, May 29, 2011