Wednesday 

Room 6 - Workshops 

11:40 - 12:40 

(UTC±00

Workshop (60 min)

Part II: Real time event visualization in F# and Fable

In this two hour workshop, we will learn how to build a digital dashboard with real-time event visualization using F# and Fable (that compiles F# to Javascript).

Functional Programming
UI
.NET

We will start from the ground up checking out MVU pattern and Elm architecture and then proceed to more advanced topics like asynchronous operations and Web socket communication. Finally we will style our application using CSS imported with an F# type provider.

Workshop plan:
- What is Elm architecture?
- What is MVU pattern?
- Introduction to Fable and Fable/Elmish
- Writing a trivial Fable application
- Integrating Web services into a Fable application
- Implementing bidirectional communication using Web sockets
- Styling with CSS libraries and CSS F# type provider
- Using Visual Studio Code and Ionide to build and run the application

Prerequisites:
- Computer with Windows, Linux or MacOS
- Visual Studio Code with Ionide F# plugin
- Basic knowledge of F#
- Basic knowledge of HTML
- Knowledge of Javascript or CSS is not necessary

Vagif Abilov

Vagif works at NRK (Norwegian Broadcasting Corporation). He has about three decades of programming experience, currently focusing on building systems in F# and C#. Vagif is a frequent speaker on software conferences and contributor to some open source projects. In his free time he talks to house pets and struggles with playing music.