2015/10/02 (五) 於中正大學的兩小時分享

1. Anna Su

2. Anna Su

3. AGENDA part 2
•
•
•

4. AGENDA part 2

12. ...

18. PM

19. PM

25. Flow Wireframe Mockup Prototype
Guideline

26. Flow
就像是⼀張地圖，必須清楚說明路徑，讓之後的⼈可以找到要⾛的道路。

27. Wireframe
1.
2.
3.

28. Mockup
mockup
mockup
prototype
Mockup Prototype
Prototype

31. Designer

32. Designer

36. Guideline
...

37. Guideline
...

38. Guideline

39. Flow Wireframe Mockup Prototype

40. Flow Wireframe Mockup Prototype
Guideline

41. PM Designer

51. Back End

52. Back End
API

54. Front End

55. Front End
API

57. - @webconf

59. AGENDA part 2

65. Sublime Text 3
Sublime Text

66. Sublime Text 3
1. Sublime Text 3
2. Package Control
3. /

70. HTMLHyperText Markup Language

73. index.html

75. HTML Tag

77. HTML Parser

79. HTML
CSS

83. CSSCSSCascading Style Sheets

85. CSS Parser

86. index.html- CSS

87. index.html- CSS

88. Javascript

89. Javascript
1. HTML
2. JavaScript
<script>
JavaScript
</script>
<script src=" .js"></script>

90. index.html- Javascript

92. Help to show content in browsers
Help to style the content Help to interact with content

93. API

98. Is Your Web Browser Fighting (for) You?

99. Why You Must Test
Browser Compatibility

102. Foundation
Bootstrap
Pure
960 grid system

103. Ember.js
Angular.js
Backbone.js
React.js

104. Web Performance

105. Browser Development Tools

106. Building and Automation Tool

107. Front End
API

111. AGENDA part 2

112. Bootstrap

113. Sublime Text

114. Emmet (Zen Coding)
TAB
div>(header>ul>li*2>a)+footer>p

115. Emmet (Zen Coding)

116. Emmet (Zen Coding)
p*2>lorem

117. AutoFileName
Sublime Text plugin that autocompletes filenames

118. Color Highlighter

119. ColorPicker
Linux: ctrl+shift+c
Windows: ctrl+shift+c
OS X: cmd+shift+c
A multi-platform color picker plugin

122. Q: Anna

124. 但
妳會變得更強！！

125. https://goo.gl/LefQYj