Web development is a world of its own and the old-school hacker within us tends to be mystified by all these Macbook people talking about weird stuff like Rails, RESTful or NodeJS. But have no worries, this talk is for you (who always thought web development wasn't your cup of tea) and it will walk you through the steps of building a web application using Manos, the easy to use, high performance web application framework that stays out of your way and makes your life ridiculously simple. Forget about MVC, forget about ASP.NET, we are here to bring the fun of hacking into web development.

1. Manos
Web apps for the lazy hacker
Jérémie Laval
http://blog.neteril.org
http://twitter.com/jeremie_laval
IRC garuma on #manos @ GIMPNet.org

2. Personal context Manos Taking a tour: Apachaï Closing note
Background
2 / 23

3. Personal context Manos Taking a tour: Apachaï Closing note
Background
¤ Doing HTML pages when I was young
2 / 23

4. Personal context Manos Taking a tour: Apachaï Closing note
Background
¤ Doing HTML pages when I was young
¤ Sprinkled ugly PHP to make it dynamic
2 / 23

5. Personal context Manos Taking a tour: Apachaï Closing note
Background
¤ Doing HTML pages when I was young
¤ Sprinkled ugly PHP to make it dynamic
¤ <Alarm sound ringing />
2 / 23

6. Personal context Manos Taking a tour: Apachaï Closing note
Background
¤ Doing HTML pages when I was young
¤ Sprinkled ugly PHP to make it dynamic
¤ <Alarm sound ringing />
¤ Moved on to C# / desktop coding
2 / 23

7. Personal context Manos Taking a tour: Apachaï Closing note
Background
Disclaimer
3 / 23

8. Personal context Manos Taking a tour: Apachaï Closing note
But wait, web has gotten better
4 / 23

9. Personal context Manos Taking a tour: Apachaï Closing note
But wait, web has gotten better
¤ HTML 5, is that a title?
4 / 23

10. Personal context Manos Taking a tour: Apachaï Closing note
But wait, web has gotten better
¤ HTML 5, is that a title?
¤ CSS 3, non-designer best friend
4 / 23

11. Personal context Manos Taking a tour: Apachaï Closing note
But wait, web has gotten better
¤ HTML 5, is that a title?
¤ CSS 3, non-designer best friend
¤ Javascript, more than animated cursor
4 / 23

12. Personal context Manos Taking a tour: Apachaï Closing note
But wait, web has gotten better
¤ HTML 5, is that a title?
¤ CSS 3, non-designer best friend
¤ Javascript, more than animated cursor
What about .NET web application frameworks?
4 / 23

13. Personal context Manos Taking a tour: Apachaï Closing note
Once upon a time...
Someone was wrong on the Internet
5 / 23

14. Personal context Manos Taking a tour: Apachaï Closing note
They created
6 / 23

15. Personal context Manos Taking a tour: Apachaï Closing note
They created
ASP
6 / 23

16. Personal context Manos Taking a tour: Apachaï Closing note
They created
ASP
(Hint: VBScript as a default language)
6 / 23

17. Personal context Manos Taking a tour: Apachaï Closing note
Hmmm...
7 / 23

18. Personal context Manos Taking a tour: Apachaï Closing note
Tried to fix it
ASP
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="true"
IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="/Default.aspx" Text="Home" />
<asp:MenuItem NavigateUrl="/About.aspx" Text="About" />
<asp:MenuItem NavigateUrl="/Students.aspx" Text="Students">
<asp:MenuItem NavigateUrl="/StudentsAdd.aspx" Text="Add Students" />
</asp:MenuItem>
</Items>
</asp:Menu>
8 / 23

19. Personal context Manos Taking a tour: Apachaï Closing note
Hmmm...
9 / 23

20. Personal context Manos Taking a tour: Apachaï Closing note
Truth told
It's apparently better today
10 / 23

21. Personal context Manos Taking a tour: Apachaï Closing note
In real (hacker) life
All too bloated
11 / 23

22. Personal context Manos Taking a tour: Apachaï Closing note
What I wanted
12 / 23

23. Personal context Manos Taking a tour: Apachaï Closing note
What I wanted
¤ KISS (Keep It Simple Stupid)
12 / 23

24. Personal context Manos Taking a tour: Apachaï Closing note
What I wanted
¤ KISS (Keep It Simple Stupid)
¤ Let me code my way
12 / 23

25. Personal context Manos Taking a tour: Apachaï Closing note
What I wanted
¤ KISS (Keep It Simple Stupid)
¤ Let me code my way
¤ Integrate with existing stuff
12 / 23

26. Personal context Manos Taking a tour: Apachaï Closing note
What I wanted
¤ KISS (Keep It Simple Stupid)
¤ Let me code my way
¤ Integrate with existing stuff
What I really need is a lib that talks HTTP
12 / 23

27. Personal context Manos Taking a tour: Apachaï Closing note
What I wanted
¤ KISS (Keep It Simple Stupid)
¤ Let me code my way
¤ Integrate with existing stuff
What I really need is a lib that talks HTTP
But a bit more sophisticated than HttpListener
12 / 23

28. Personal context Manos Taking a tour: Apachaï Closing note
But have no fear
A hero came
13 / 23

29. Personal context Manos Taking a tour: Apachaï Closing note
Often pictured as
14 / 23

30. Personal context Manos Taking a tour: Apachaï Closing note
But for real
( Jackson Harper, Manos creator and cartel manager during his free time )
15 / 23

31. Personal context Manos Taking a tour: Apachaï Closing note
What's Manos in the end
16 / 23

32. Personal context Manos Taking a tour: Apachaï Closing note
What's Manos in the end
¤ Standalone HTTP server
16 / 23

33. Personal context Manos Taking a tour: Apachaï Closing note
What's Manos in the end
¤ Standalone HTTP server
¤ Evented IO
16 / 23

34. Personal context Manos Taking a tour: Apachaï Closing note
What's Manos in the end
¤ Standalone HTTP server
¤ Evented IO
¤ Parse and produce plain old HTTP
16 / 23

35. Personal context Manos Taking a tour: Apachaï Closing note
What's Manos in the end
¤ Standalone HTTP server
¤ Evented IO
¤ Parse and produce plain old HTTP
¤ Not tied to any content/template framework
16 / 23

36. Personal context Manos Taking a tour: Apachaï Closing note
What's Manos in the end
¤ Standalone HTTP server
¤ Evented IO
¤ Parse and produce plain old HTTP
¤ Not tied to any content/template framework
¤ Code just with C# and a couple of attributes
16 / 23

37. Personal context Manos Taking a tour: Apachaï Closing note
Bootstraping
How it all begun
$ manos -i apachai
initing: apachai
$ manos -b
COMPILING SOLUTION: '0' '/home/jeremie/mono/manostest/apachai'
/usr/local/lib/manos/Manos.dll
$ cd apachai
$ manos -s
Running apachai.apachai on port 8080.
17 / 23

38. Personal context Manos Taking a tour: Apachaï Closing note
Setting up handlers
Simply getting a root page
[Route ("/")]
public void Index (IManosContext ctx)
{
Log.Info ("Woohoo, someone visited our website");
ctx.Response.SendFile (Path.Combine ("Templates", "base.html"));
ctx.Response.End ();
}
18 / 23

39. Personal context Manos Taking a tour: Apachaï Closing note
Setting up handlers
Route handling delegated to external modules
public Apachai ()
{
Route ("/Content/", (staticContent = new StaticContentModule ("Content")));
Route ("/Pictures/", new PictureContentModule ());
AddPipe (new Manos.Util.AccessLogger ("access.log"));
}
19 / 23

40. Personal context Manos Taking a tour: Apachaï Closing note
Giving back JSON
Nothing special really
[Route ("/visits")]
public void Visits (IManosContext ctx)
{
var cookie = ctx.Request.Cookies.Get ("foobar-apachai");
if (string.IsNullOrEmpty (cookie)) {
ctx.Response.StatusCode = 404;
ctx.Response.End ();
} else {
var counter = visits[cookie];
ctx.Response.End (string.Format ("{{ "count" : {0} }}", counter));
}
}
20 / 23

41. Personal context Manos Taking a tour: Apachaï Closing note
What's Apachaï
Picture uploading for the rest of us
http://apch.fr
21 / 23

42. Personal context Manos Taking a tour: Apachaï Closing note
What's Apachaï
Picture uploading for the rest of us
http://apch.fr
¤ Leverage TrollStation (Twitter) and Pinta (Effects)
21 / 23

43. Personal context Manos Taking a tour: Apachaï Closing note
What's Apachaï
Picture uploading for the rest of us
http://apch.fr
¤ Leverage TrollStation (Twitter) and Pinta (Effects)
¤ TagLib# for metadata handling
21 / 23

44. Personal context Manos Taking a tour: Apachaï Closing note
What's Apachaï
Picture uploading for the rest of us
http://apch.fr
¤ Leverage TrollStation (Twitter) and Pinta (Effects)
¤ TagLib# for metadata handling
¤ JSON and AJAX driven
21 / 23

45. Personal context Manos Taking a tour: Apachaï Closing note
What's Apachaï
Picture uploading for the rest of us
http://apch.fr
¤ Leverage TrollStation (Twitter) and Pinta (Effects)
¤ TagLib# for metadata handling
¤ JSON and AJAX driven
¤ Redis backed
21 / 23

46. Personal context Manos Taking a tour: Apachaï Closing note
What's Apachaï
Picture uploading for the rest of us
http://apch.fr
¤ Leverage TrollStation (Twitter) and Pinta (Effects)
¤ TagLib# for metadata handling
¤ JSON and AJAX driven
¤ Redis backed
¤ https://github.com/garuma/apachai
21 / 23

47. Personal context Manos Taking a tour: Apachaï Closing note
Future driven processing
22 / 23

48. Personal context Manos Taking a tour: Apachaï Closing note
Releasing season
¤ Manos 0.1.2 released!
£ https://github.com/jacksonh/manos/tarball/v0.1.2
23 / 23

49. Personal context Manos Taking a tour: Apachaï Closing note
Releasing season
¤ Manos 0.1.2 released!
£ https://github.com/jacksonh/manos/tarball/v0.1.2
¤ Apachaï 1.0 released!
£ https://github.com/garuma/apachai/tarball/1.0
23 / 23