The document provides an agenda for a presentation on mastering the art of Seaside, a web application framework. The agenda includes getting started with Seaside, building components, using callbacks, controlling application flow, and an outlook on future directions. The presentation covers core Seaside concepts like stateful components, callbacks that allow interaction without request parsing, and how control flow works without traditional URLs.

1. www.seaside.st
www.lukas-renggli.ch

2. Lukas Renggli
Academics
PhD Student, University of Bern
Industry
Independent Software Consultant
Communities
Core-developer of Seaside
Author of Magritte and Pier

4. Web Application
Framework

5. MIT License

6. Seaside is
different by design

7. We share as much
state as possible

8. We don’t use
meaningful URLs

9. We don’t use
templates

10. Seaside Applications
are written in Smalltalk

12. 5 Steps to Mastering
The Art of Seaside

13. Agenda
Getting Started — 15 min
Components — 15 min
Callbacks — 15 min
Control Flow — 15 min
Outlook — 15 min

14. Getting Started

15. } Squeak, Seaside, Application
}
(Platform Independent)
Demo VM

16. Demo

17. Classes Methods
Demo
Save & Compile
(Command+S)
Source Code

18. Smalltalk
Everything is an object
Single inheritance
Method invokation is late bound
Methods are public
Instance variables are private

19. Syntactic Elements
Comment quot;a lovely commentquot;
Character $a
String 'a nice string'
Symbol #something
Integer 123
Float 2.718
Array #( 1 2 3 )
Receiver self
super
Boolean true
false
Undefined nil

20. Syntax (I)
Temporary Variable | var |
Assignment var := aNumber
Block Closures [ stmts ... ]
[ :arg1 | stmts ... ]
[ :arg1 :arg2 | stmts ... ]
1. Unary message receiver doThis
2. Binary message receiver + arg
3. Keyword message receiver doThis: arg
receiver doThis: 2 andThat: 1

21. Syntax (II)
Cascade receiver doThis: 123; doThat
Statement stmt1. stmt2
stmt1. stmt2. stmt3
Return ^ stmt
Parenthesis (stmt)

22. Demo

23. Your Turn

24. Components

25. We don’t think in
pages ...

26. ..., but in stateful
components

27. Demo

28. Demo

29. Widgets

30. View + Controller

31. Persistent

32. WAComponent
HelloWorld

33. Canvas and Brush
Source: stock.xchng, Maarten Uilenbroek

34. CSS
Designer

35. XHTML
Developer & Seaside

36. DSL

37. HelloWorld
renderContentOn: html
html render: 'Hello World'

38. html div id: ‘title’; with: ‘Title’
<div id=”title”>Title</div>

39. html div id: ‘list’; with: [
html span class: ‘item’; with: ‘Item 1’.
html span class: ‘item’; with: ‘Item 2’ ]
<div id=”list”>
<span class=”item”>Item 1</span>
<span class=”item”>Item 2</span>
</div>

40. Your Turn

41. 3
Interaction

42. No freaking
request parsing

43. I call you
Don’t ask me,
Source: stock.xchng, Levi Szekeres

44. Callbacks

45. html anchor
callback: [ self inform: ‘Hello World’ ];
with: ‘Show Message’

46. html textInput
value: name;
callback: [ :value | name := value ]

47. Callbacks
Anchors
Form Elements
Text Fields
Text Area
Radio Buttons
Check Boxes
Selectable List
Buttons

48. 3
Your Turn

49. Control Flow

50. Demo

51. <form action=quot;second.htmlquot;>
<input type=quot;textquot; name=quot;value1quot;>
<input type=quot;submitquot; value=quot;OKquot;>
</form>
<form action=quot;result.htmlquot;>
<form action=quot;result.htmlquot;>
<input type=quot;hiddenquot; name=quot;value1quot; value=quot;<% value1 %>quot;>
<input type=quot;textquot; name=quot;value2quot;>
<input type=quot;textquot; name=quot;value2quot;>
<input type=quot;submitquot; value=quot;OKquot;>
<input type=quot;submitquot; value=quot;OKquot;>
</form>
</form>
<p>
<% value1 + value2 %>
</p>

52. /first /second /result
parsing parsing parsing
processing processing processing
value1, value2
formatting formatting formatting
value1
value1
result
Web Browser

53. Who cares about
HTTP anyway?

54. Seaside is different

55. | value1 value2 |
value1 := self request: ‘First Number’.
value2 := self request: ‘Second Number’.
self inform: value1 asNumber + value2 asNumber.

56. x := A call: B
A
B

57. B answer:
A
B

58. x :=
A

59. Your Turn

60. 5
Outlook

61. Web 2.0

62. ✓
XHTML

63. ✓
CSS

64. ✓
RSS

65. AJAX
Source: Flickr, Benjamin Jackson

67. Tight, but optional
integration

68. Feature complete
and up-to-date

69. Say it in Smalltalk

70. Demo

71. Comet
Source: Flickr, psrman's

72. Server Push

73. Demo

74. Applications

75. In productive use
since 2002

77. Demo

78. Demo

79. Demo

80. Demo

81. Demo
http://www.seasidehosting.st

82. Did you notice?

83. Web applications

84. No URL fiddling

85. No request parsing

86. Development tools
at your fingertips

87. Control flow at ease

88. www.seaside.st
www.lukas-renggli.ch