WebSharper Intro: Exploring HTML5 Visualization in F#
Details
What: Today's browsers are capable of executing complicated graphical programs. Let us explore what we can make the browser do in our favorite language, F#!
In this hands-on session we will learn to develop HTML5 apps in F# with WebSharper, with a focus on visualization. We will quickly look at a few examples covering:
• Doing raster graphics with Canvas
• Doing vector graphics with SVG via Raphael JS
• Programming user interaction with visual objects
• Interactive planar graph layout
• Modelling simple physics and writing "fast enough" code
• Creating interactive timelines
• Going 3D with WebGL in the browser
For our main in-depth example we will be programming boids (http://en.wikipedia.org/wiki/Boids), a simple model of bird flocking, showcasing 2D/SVG programming, user interaction and optimizing code by vectorizing computations.
Also, as a bonus, Anton will be showing off a CloudSharper preview!
What to bring: Bring a laptop and a browser for the session - besides Visual Studio, we will have the option of using CloudSharper, the yet-unreleased cloud-based F#/WebSharper IDE from IntelliFactory.
To get the most from the session please try and bring a laptop along with F# installed.
• Install F# on Windows (http://fsharp.org/use/windows/)
• Install F# on OSX (http://fsharp.org/use/mac/)
• Install F# on Linux (http://fsharp.org/use/linux/)
Who: Anton Tayanovskyy (http://t0yv0.blogspot.com/) has 5 years experience of writing F#, primarily involving developing and maintaining WebSharper. Together with colleagues from IntelliFactory, Anton has successfully used SVG-based HTML5 visualization to develop a tool for exploring bacterial genomes for the University of Nebraska Medical Center. Anton's professional interests revolve around typed functional programming (F#, Haskell, OCaml, SML, Racket), and, more recently, type theory (Coq).
Pizza and Raffled off prizes for the attendees:
• Resharper license
• Apress book F# 3.0 Expert
• Oreilly nook F#
• Pluralsight monthly subscriptions
• Manning free e-book
Where: B-Line Medical is located 2 blocks south of the Dupont Circle metro stop (red line). Exit on dupont south and the building is at the corner of 19th and N street NW. Driving is not encouraged as parking will be extremely difficult. The building needs a key card to get in after 6pm but Riccardo and Khiem will be hanging around outside to let people in. B-Line medical is on the first floor of the building right around the corner at the end of the hallway.
Can't make it? We'll be recording our meetup and posting it to our youtube