update slides

slides.md

@@ -23,13 +23,12 @@ note: We do not need introduce Signal / Effect in The Elm Architecture
 
 ## What is Elm ? 
 
- >> the best of functional programming in your browser
+ > the best of functional programming in your browser
 
- - static typed pure functional programing language
+ - static typed pure functional language
  - designed for building web applictions
- - builtin *reactivity*
+ - reactive by design (First Order FRP)
  - compile to javascript
- - First Order FRP
 
 
 ---
@@ -491,48 +490,72 @@ note: explain port , replace RandomGifList to your module
 ---
 
 
-## Any thoughts ? 
+ - The Elm Architecture is a **simple** pattern for infinitely **nestable** components. 
+ - It is great for **modularity, code reuse, and testing**. 
+ - Ultimately, this pattern makes it easy to create complex web apps in a way that stays modular. 
 
 
-note: ask the audience, what do you think ? 
+note: ask the audience, do they understand the key points
 
 
 ---
 
 
- - The Elm Architecture is a **simple** pattern for infinitely **nestable** components. 
- - It is great for **modularity, code reuse, and testing**. 
- - Ultimately, this pattern makes it easy to create complex web apps in a way that stays modular. 
+## Any thoughts ? 
+
+note: more discussion
+  - But a lot of boilerplate code 
+  - how the nested structure expressed in other language 
+    html structure ? 
 
 
 ---
 
 
-## What's Great about this ? 
+## Behind the Magic 
 
- - It's Simple 
- - Easy to navigate the codebase 
- - Easy to debug, easy to locate the possible bug location 
+<div style="background:white">
+![Signal Process Network](http://elm-lang.org/assets/diagrams/overall-architecture.png)
+</div>
 
 
-NEED UPDATE 
+note: the core logic is pure functional, the runtime handle the message passing 
 
- - It is quite simple 
- - But a lot of boilerplate code 
 
+---
 
-note: do we need write similiar code in other framework / language
-   in oo, we build the tree of component, 
-   in javascript ? html ? the nested is express in template language / html
-   many time 
+
+## Static Signal Graph 
+
+input signal
+  - keyborad 
+  - mouse
+  - http response 
+  - other events
+
+output signal
+  - ui (virtual dom)
+  - http request 
+  - db/storage request
+  - ....
+
+note: remeber address 
+  do we need a example without StartApp
 
 
 ---
 
 
-## Behind the Magic 
+## Signal
+
+
+---
+
+## what is task ??
+
+## Problem
 
-Signal Process Network 
+ - other web platform techlogy support
 
 
 ---