Clojure and it's Ecosystem

# Clojure and it's Ecosystem

Yen-Chin, Lee

[coldnew.tw@gmail.com]

---

# About Me

<br>

- 李彥瑾 (Yen-Chin, Lee)

- Embedded Linux Developer

- Clojure/ClojureScript developer on leisure time

- GitHub: [coldnew](https://http://github.com/coldnew/)

- Linkedin: [coldnew](https://www.linkedin.com/in/coldnew)

---

# Clojure

---
class: center, middle

<img src="picts/alisp.png" alt="alisp.png" width="70%" />
# It is a .red[LISP] dialect

---
class: center, middle

---
class: center, middle

---
class: center, middle

---
class: center, middle

---
class: center, middle

## Lisp is easy

---
.left-column[
# Author
]
.right-column[
<img class="center" src="picts/rich_hickey.png" alt="rich_hickey.png" width="60%"/>
<br>
Rich Hickey (Author of Clojure)
]

---

<br>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://cognitect.com/">
    Cognitect (Company behind Clojure)
</a>
]

---

## Clojure, ClojureScript, ClojureCLR

<br><br><br>
![cljall](picts/cljall.png)

<br>

---

## Try Clojure ([website](http://www.tryclj.com/))

---

## Try ClojureScript ([website](http://clojurescript.net/))

---

## ClojureScript on-the-fly ([website](http://app.klipse.tech/))

---

# Editors / IDEs

---

.left-column[
# Editors
## emacs
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/emacs.png)
<a id="join-button" href="javascript:void(0);" class="btn btn-info btn-lg" onClick="cljslide.join.emacs()">
    Go to Wbsite
</a>
]

---
.left-column[
# Editors
## emacs
## spacemacs
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/spacemacs.png)
            <br><br>
<a id="join-button" href="javascript:void(0);" class="btn btn-info btn-lg" onClick="cljslide.join.spacemacs()">
                Go to Wbsite
</a>
]

---

.left-column[
# Editors
## emacs
## spacemacs
## vim
]
.right-column[
<br><br><br>
![Default-aligned image](picts/vim.png)
<br><br>
<a id="join-button" href="javascript:void(0);" class="btn btn-info btn-lg" onClick="cljslide.join.vim()">
    Go to Wbsite
</a>
]

---

.left-column[
# Editors
## emacs
## spacemacs
## vim
## atom
]
.right-column[
<br><br><br>
![Default-aligned image](picts/atom.gif)
<br><br>
<a id="join-button" href="javascript:void(0);" class="btn btn-info btn-lg" onClick="cljslide.join.atome()">
    Go to Wbsite
</a>
]

---

.left-column[
# IDEs
## LightTable
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/lighttable.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-info btn-lg" onClick="cljslide.join.lighttable()">
                Go to Wbsite
</a>
]

---

.left-column[
# IDEs
## LightTable
## NightCode
]
.right-column[
<br><br><br>
![Default-aligned image](picts/nightcode.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-info btn-lg" onClick="cljslide.join.nightcode()">
    Go to Wbsite
</a>
]

---

.left-column[
# IDEs
## LightTable
## NightCode
## Cursive
]
.right-column[
<br><br><br>
![Default-aligned image](picts/cursive.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-info btn-lg" onClick="cljslide.join.cursive()">
    Go to Wbsite
</a>
]

---
class: center, middle, inverse

# Building System

---

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://leiningen.org/">
    Go to Website
</a>

]

---

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://boot-clj.com/">
    Go to Website
</a>
]

---
.left-column[
## Leinigen
## Boot
## Inlein
]
.right-column[

```clojure
#!/usr/bin/env inlein

'{:dependencies [[org.clojure/clojure "1.8.0"]
                 [com.hypirion/primes "0.2.1"]]}

(require '[com.hypirion.primes :as p])

(when-not (first *command-line-args*)
  (println "Usage:" (System/getProperty "$0") "prime-number")
  (System/exit 1))

(-> (first *command-line-args*)
    (Long/parseLong)
    (p/get)
    println)
```

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/hyPiRion/inlein">
    Go to Website
</a>
]

---
class: center, middle, inverse

# Unit Testing

---

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/marick/Midje">
    Go to Website
</a>

]

---

.left-column[
# Unit Testing
## Midje
## Speclj
]
.right-column[
<br><br><br>
![speclj](picts/speclj.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/slagyr/speclj">
    Go to Website
</a>
]

---

.left-column[
# Unit Testing
## Midje
## Speclj
## Expectations
]
.right-column[
<br><br><br>
![expectations](picts/expectations.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://jayfields.com/expectations/">
    Go to Website
</a>
]

---

.left-column[
# Unit Testing
## Midje
## Speclj
## Expectations
## Cloverage
]
.right-column[
<br><br><br>
![cloverage](picts/cloverage.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/lshift/cloverage">
    Go to Website
</a>
]

---

.left-column[
# Unit Testing
## Midje
## Speclj
## Expectations
## Cloverage
## Criterium
]
.right-column[
<br><br><br>
![criterium](picts/criterium.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/hugoduncan/criterium">
    Go to Website
</a>
]

---
.left-column[
# Unit Testing
## Midje
## Speclj
## Expectations
## Cloverage
## Criterium
## doo
]
.right-column[
<br><br><br>
![doo](picts/doo.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/bensu/doo">
    Go to Website
</a>
]

---

# Documentation

---
name: doc

.left-column[
# Documentation
## Marginalia
]
.right-column[
<br><br><br>
![marginalia](picts/marginalia.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/gdeer81/marginalia">
    Go to Website
</a>
]

---

.left-column[
# Documentation
## Marginalia
## Codox
]
.right-column[
<br><br><br>
![codox](picts/codox.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/weavejester/codox">
    Go to Website
</a>
]

---

.left-column[
# Documentation
## Marginalia
## Codox
## AutoDoc
]
.right-column[
<br><br><br>
![autodoc](picts/autodoc.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/tomfaulhaber/autodoc">
    Go to Website
</a>
]

---

# Web Frameworks or libraries

---

.left-column[
# Web Frameworks
## luminus
]
.right-column[
<br><br><br><br><br>
![Default-aligned image](picts/luminus.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.luminusweb.net/">
    Go to Website
</a>
]

---
.left-column[
# Web Frameworks
## luminus
## sente
]
.right-column[
<br><br>
<br><br><br>
![Default-aligned image](picts/sente.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/ptaoussanis/sente">
    Go to Website
</a>
]

---
.left-column[
# Web Frameworks
## luminus
## sente
## hoplon
]
.right-column[
<br><br>
<br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/wVXjExRiFy0" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/hoplon/hoplon">
    Go to Website
</a>
]

---
.left-column[
# Web Frameworks
## luminus
## sente
## hoplon
## pedestal
]
.right-column[

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/pedestal/pedestal">
    Go to Website
</a>
]

---
.left-column[
# Web Frameworks
## luminus
## sente
## hoplon
## pedestal
## untangle
]
.right-column[
<br><br>
<br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/CoMyszwN50g" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://untangled-web.github.io/untangled/">
    Go to Website
</a>
]

---
.left-column[
# Web Frameworks
## luminus
## sente
## hoplon
## pedestal
## untangle
## yada
]
.right-column[
<br><br>
<br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/tKFrqsFC1XM" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/juxt/yada">
    Go to Website
</a>
]

---
.left-column[
# Web Frameworks
## luminus
## sente
## hoplon
## pedestal
## untangle
## yada
## compojure, ring
]
.right-column[

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/weavejester/compojure">
    Go to Website
</a>
]

---

# ClojureScript on react.js

---

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/omcljs/om">
    Go to Website
</a>
]

---

.left-column[
# Reactjs
]
.right-column[
## Reagent
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/wq6ctyZBb0A" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://reagent-project.github.io/">
    Go to Website
</a>
]

---

.left-column[
# Reactjs
]
.right-column[
## Quiescent
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/oRmj3IUkRVk" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/levand/quiescent">
    Go to Website
</a>
]

---

.left-column[
# Reactjs
]
.right-column[
## RUM
<br><br>
<iframe src="https://player.vimeo.com/video/122316380" width="560" height="315" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/tonsky/rum">
    Go to Website
</a>
]

---

.left-column[
# Reactjs
Tool for handling ClojureScript + React-Native on iOS
]
.right-column[
## Ambly
<br>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Dt2zNemLCCk" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/omcljs/ambly">
    Go to Website
</a>
]

---
.left-column[
# Reactjs
Tool for handle ClojureScript + React-Native Environment
]
.right-column[
## re-natal
<br>
<br>

![re-natal](picts/re-natal.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/drapanjanas/re-natal">
    Go to Website
</a>
]

---
.left-column[
# Reactjs
Example on
Clojurescript + React-Native
]
.right-column[
## luno-react-native
<br>
![luno](picts/luno.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/alwx/luno-react-native">
    Go to Website
</a>
]

---

# Database

---

.left-column[
# Database
## datomic
]
.right-column[
<br><br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/RKcqYZZ9RDY" frameborder="0" allowfullscreen></iframe>
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.datomic.com/">
    Go to Website
</a>
]

---

.left-column[
# Database
## datomic
## Korma
]
.right-column[
<br><br><br><br>
![korma](picts/korma.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://sqlkorma.com/">
    Go to Website
</a>
]

---

.left-column[
# Database
## datomic
## Korma
## HugSQL
]
.right-column[
<br><br><br><br>
![hugsql](picts/hugsql.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.hugsql.org/">
    Go to Website
</a>
]

---

.left-column[
# Database
## datomic
## Korma
## HugSQL
## YeSQL
]
.right-column[
<br><br><br><br>
![yesql](picts/yesql.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/krisajenkins/yesql">
    Go to Website
</a>
]

---

.left-column[
# Database
## datomic
## Korma
## HugSQL
## YeSQL
## Honey SQL
]
.right-column[
<br><br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/alkcjyhesjI" frameborder="0" allowfullscreen></iframe>
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/jkk/honeysql">
    Go to Website
</a>
]

---

.left-column[
# Database
## datomic
## Korma
## HugSQL
## YeSQL
## Honey SQL
## clojure.java.jdbc
]
.right-column[
<br><br><br><br>
![jdbc](picts/jdbc.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/clojure/java.jdbc">
    Go to Website
</a>
]

---

# Distributed System

---

.left-column[
# Distributed System
## Storm
]
.right-column[
<br><br><br><br><br>
![storm](picts/storm.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://storm.apache.org/">
    Go to Website
</a>
]

---

.left-column[
# Distributed System
## Storm
## Onyx
]
.right-column[
<br><br><br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/vG47Gui3hYE" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.onyxplatform.org/">
    Go to Website
</a>
]

---
.left-column[
# Distributed System
## Storm
## Onyx
## Cascalog
]
.right-column[
<br><br><br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/uuJW3EaN_3Q" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://cascalog.org/">
    Go to Website
</a>
]

---
.left-column[
# Distributed System
## Storm
## Onyx
## Cascalog
## Jepsen
]
.right-column[
<br><br><br><br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/QdkS6ZjeR7Q" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/aphyr/jepsen">
    Go to Website
</a>
]

---
.left-column[
# Distributed System
## Storm
## Onyx
## Cascalog
## Jepsen
## Riemann
]
.right-column[
<br><br><br><br><br>
<iframe src="https://player.vimeo.com/video/131385889" width="500" height="315" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://riemann.io/">
    Go to Website
</a>
]

---

# Interesting Projects or Libraries

---

.left-column[
## core.async
### Code
]
.right-column[
```clojure
(ns cljslide.example.core-async
  (:require-macros
       [cljs.core.async.macros :refer [go go-loop]])
  (:require [cljs.core.async :refer [<! timeout]]))

(def colors ["#FF0000" "#00FF00" "#0000FF"
             "#00FFFF" "#FFFF00" "#FF00FF"])

(defn make-cell [canvas x y]
  (let [ctx (-> js/document
                (.getElementById canvas)
                (.getContext "2d"))]
    (go (while true
          (set! (.-fillStyle ctx) (rand-nth colors))
          (.fillRect ctx x y 10 10)
          (<! (timeout (rand-int 1000)))))))

(defn make-scene [canvas rows cols]
  (dotimes [x cols]
    (dotimes [y rows]
      (make-cell canvas (* 10 x) (* 10 y)))))

(make-scene "canvas" 100 100)
```

]

---

.right-column[
            <br><br>
<canvas id="core-async-example" width="500" height="400"></canvas>
]

---

.right-column[
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/enwIIGzhahw" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/clojure/core.async">
    Go to Website
</a>
]

---
.left-column[
## core.logic
]

.right-column[
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/irjP8BO1B8Y" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/clojure/core.logic">
    Go to Website
</a>
]

---
.left-column[
## core.matrix
]

.right-column[
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/_h9TLJtjSJo" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/mikera/core.matrix">
    Go to Website
</a>
]

---
.left-column[
## incanter
]

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/incanter/incanter">
    Go to Website
</a>
]

---

.left-column[
## quil
### - code
]
.right-column[
<br><br>
```clojure
(ns cljslide.example.quil
  (:require [quil.core :as q :include-macros true]
            [quil.middleware :as m]))

(defn draw-carousel []
  (q/background 255)
  (q/no-stroke)
  (q/fill 252 90 44)

(let [radians (/ (q/frame-count) 20)
        x (+ 150 (* 100 (q/cos radians)))
        y (+ 150 (* 100 (q/sin radians)))
        width 30
        height 30]
      (q/ellipse x y, width height)))

(q/defsketch hello-quil
  :host "quil-example"
  :size [300 300]
  :draw #'draw-carousel)
```

]

---
.left-column[
## quil
### - code
### - demo
]
.right-column[
<br><br>
<canvas id="quil-example" width="500" height="400"></canvas>
]

---
.left-column[
## quil
### - code
### - demo
### - video
]
.right-column[
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/n0yN1GauxCA" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/quil/quil">
    Go to Website
</a>
]

---

.left-column[
## figwheel
]
.right-column[
<br><br>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/j-kj2qwJa_E" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/bhauman/lein-figwheel">
    Go to Website
</a>
]

---

.left-column[
## LAMBDACD
]
.right-column[
<br><br>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/XXiAS_BEDhQ" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.lambda.cd/">
    Go to Website
</a>
]

---
.left-column[
## Instaparse
]
.right-column[
<br><br>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/b2AUW6psVcE" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/Engelberg/instaparse">
    Go to Website
</a>
]

---

.left-column[
## core.typed
]
.right-column[
<br><br>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/yG9CffLlXx0" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/clojure/core.typed">
    Go to Website
</a>
]

---

.left-column[
## Schema
]
.right-column[
<br><br>
<br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/o_jtwIs2Ot8" frameborder="0" allowfullscreen></iframe>

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/plumatic/schema">
    Go to Website
</a>
]

---

# Resources for learning Clojure

---

.left-column[
## Resources
### Clojure Website
]
.right-column[
<br><br><br>
![clojurew](picts/clojurew.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://clojure.org/">
    Go to Website
</a>
]

---

.left-column[
## Resources
### Clojure Website
### Books
]
.right-column[
<br><br><br>
![clojureb](picts/clojureb.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://clojure.org/community/books">
    Go to Website
</a>
]

---
.left-column[
## Resources
### Clojure Website
### Books
### Workshops
]
.right-column[
<br><br><br>

![bridge.png](picts/bridge.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.clojurebridge.org/">
    Go to Website
</a>
]

---

.left-column[
## Resources
### Clojure Website
### Books
### Workshops
### ClojureDocs
]
.right-column[
<br><br><br>

![clojured](picts/clojured.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://clojuredocs.org/">
    Go to Website
</a>
]

---

.left-column[
## Resources
### Clojure Website
### Books
### Workshops
### ClojureDocs
### Grimoire
]
.right-column[
<br><br><br>

![grimoire](picts/grimoire.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://www.conj.io/">
    Go to Website
</a>
]

---

.left-column[
## Resources
### Clojure Website
### Books
### Workshops
### ClojureDocs
### Grimoire
### Clojure Toolbox
]
.right-column[
<br><br><br>

![toolbox](picts/toolbox.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.clojure-toolbox.com/">
    Go to Website
</a>
]

---

.left-column[
## Resources
### Clojure Website
### Books
### Workshops
### ClojureDocs
### Grimoire
### Clojure Toolbox
### Clojure Style Guide
]
.right-column[
<br><br><br>

![styleguide](picts/styleguide.png)
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/bbatsov/clojure-style-guide">
    Go to Website
</a>
]

---

- [ClojureTV](https://www.youtube.com/user/ClojureTV)

Contains plenty of talks of Clojure conferences.

- [Brian Will's Series](https://www.youtube.com/playlist?list=PLAC43CFB134E85266)

Is a series of videos that teaches you Clojure.

- [InfoQ](http://www.infoq.com/clojure/)

Clojure content on InfoQ.

- [Vimo](https://vimeo.com/search?q=clojure)

Clojure content on Vimo.

- [Skills Master](https://skillsmatter.com/explore?content=skillscasts&location=&q=clojure)

Clojure content on Skills Master.

.footnote[.red[*] [Rodrigo Flores's Corner - Clojure Ecosystem](http://blog.rlmflores.me/clojure/2015/12/31/clojure-ecosystem/)]
]

---

# Exercise

---

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://www.4clojure.com/">
    Go to Website
</a>
]

---

.left-column[
## Exercise
### 4Clojure
### Clojure Koans
]
.right-column[
<br><br><br>
![koans](picts/koans.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://clojurekoans.com/">
    Go to Website
</a>
]

---

.left-column[
## Exercise
### 4Clojure
### Clojure Koans
### Wonderland katas
]
.right-column[
<br><br><br>
![katas](picts/katas.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://github.com/gigasquid/wonderland-clojure-katas">
    Go to Website
</a>
]

---
.left-column[
## Exercise
### 4Clojure
### Clojure Koans
### Wonderland katas
### exercism.io
]
.right-column[
<br><br><br>
![exercism](picts/exercism.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://exercism.io/">
    Go to Website
</a>
]

---

# Clojure Communities

---

.left-column[
## Clojure Communities
### Slack
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/slack.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-primary btn-lg" onClick="cljslide.join.slack()">
    Join to Slack
</a>
]

---

.left-column[
## Clojure Communities
### Slack
### IRC (#clojure at freenode.net)
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/irc.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-primary btn-lg" onClick="cljslide.join.irc()">
    Join to IRC
</a>
]

---

.left-column[
## Clojure Communities
### Slack
### IRC (#clojure at freenode.net)
### Mailing-List
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/mailing-list.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-primary btn-lg" onClick="cljslide.join.mailing_list()">
    Go to Clojure Mailing-List
</a>
]

---

# Clojure Community in Taiwan

---

.left-column[
## [clojure.tw](http://clojure-tw.github.io)
### Slack (#clojure-taiwan)
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/slack_clojuretw.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-success btn-lg" onClick="cljslide.join.slack()">
    Join to Slack
</a>
]

---

.left-column[
## [clojure.tw](http://clojure-tw.github.io)
### Slack
### Telegram
]
.right-column[
            <br><br>
![Default-aligned image](picts/telegram_clojuretw.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-success btn-lg" onClick="cljslide.join.telegram_tw()">
    Join to Telegram
</a>
]

---

.left-column[
## [clojure.tw](http://clojure-tw.github.io)
### Slack
### Telegram
### Facebook
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/fb_clojuretw.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-success btn-lg" onClick="cljslide.join.facebook_tw()">
    Join to Facebook
</a>
]

---

.left-column[
## [clojure.tw](http://clojure-tw.github.io)
### Slack
### Telegram
### Facebook
### Twitter
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/twitter_clojuretw.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-success btn-lg" onClick="cljslide.join.twitter_tw()">
    Join to Twitter
</a>
]

---

.left-column[
## [clojure.tw](http://clojure-tw.github.io)
### Slack
### Telegram
### Facebook
### Twitter
### Meetup
]
.right-column[
            <br><br><br>
![Default-aligned image](picts/meetup_clojuretw.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-success btn-lg" onClick="cljslide.join.meetup_tw()">
    Join to Meetup
</a>
]

---

.left-column[
## [clojure.tw](http://clojure-tw.github.io)
### Slack
### Telegram
### Facebook
### Twitter
### Meetup
### GitHub
]
.right-column[
<br><br><br>
![Default-aligned image](picts/github_clojuretw.png)

<a id="join-button" href="javascript:void(0);" class="btn btn-success btn-lg" onClick="cljslide.join.github_tw()">
    Go to GitHub
</a>

]

---

# Conferences

---

<a id="join-button" target="_blank" class="btn btn-danger btn-lg" href="https://www.youtube.com/watch?v=6DaBmz_6y0s&list=PLZdCLR02grLrKAOj8FJ1GGmNM5l7Okz0a">
    See Videos
</a>
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://clojurewest.org/">
    Go to Website
</a>
]

---

.left-column[
# Conference
## Clojure/West
## Clojure/conj
]
.right-column[
<br><br><br>
![conj](picts/conj.png)

<a id="join-button" target="_blank" class="btn btn-danger btn-lg" href="https://www.youtube.com/watch?v=Y2jQe8DFzUM&list=PLZdCLR02grLrl5ie970A24kvti21hGiOf">
    See Videos
</a>
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://clojure-conj.org/">
    Go to Website
</a>
]

---

.left-column[
# Conference
## Clojure/West
## Clojure/conj
## EuroClojure
]
.right-column[
<br><br><br>
![euroclojure](picts/euroclojure.png)

<a id="join-button" target="_blank" class="btn btn-danger btn-lg" href="https://www.youtube.com/watch?v=ByNs9TG30E8&list=PLZdCLR02grLoBx0Y5ZrpdmLxc160PIwzQ">
    See Videos
</a>
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://euroclojure.com/">
    Go to Website
</a>
]

---

.left-column[
# Conference
## Clojure/West
## Clojure/conj
## EuroClojure
## ClojuTRE
]
.right-column[
<br><br><br>
![clojutre](picts/clojutre.png)

<a id="join-button" target="_blank" class="btn btn-danger btn-lg" href="https://www.youtube.com/playlist?list=PLetHPRQvX4a_tA9hGP935-OyLOYaRKpnj">
    See Videos
</a>
<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://clojutre.org">
    Go to Website
</a>
]

---

# Find Clojure Jobs

---

.left-column[
## Find Jobs
]
.right-column[
### BRAVE CLOJURE JOBS
<br>
![Default-aligned image](picts/job_ba.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://jobs.braveclojure.com/">
    Go to Website
</a>
]

---

.left-column[
## Find Jobs
]
.right-column[
### indeed
<br>
![Default-aligned image](picts/job_id.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="http://www.indeed.com/q-clojure-l-Remote-jobs.html">
    Go to Website
</a>
]

---

.left-column[
## Find Jobs
]
.right-column[
### remoteok.io
<br>
![Default-aligned image](picts/job_ri.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://remoteok.io/remote-clojure-jobs">
    Go to Website
</a>
]

---

.left-column[
## Find Jobs
]
.right-column[
### Functional Jobs
<br>
![Default-aligned image](picts/job_fj.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://functionaljobs.com/jobs/search/?q=clojure">
    Go to Website
</a>
]

---

.left-column[
## Find Jobs
]
.right-column[
### Functional Works
<br>
![Default-aligned image](picts/job_fw.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://jobs.functionalworks.com/#/job-board">
    Go to Website
</a>
]

---
.left-column[
## Find Jobs
]
.right-column[
### Lisp Jobs
<br>
![Default-aligned image](picts/job_lj.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://lispjobs.wordpress.com/">
    Go to Website
</a>
]

---
.left-column[
## Find Jobs
]
.right-column[
### Linkedin
<br>
![Default-aligned image](picts/job_lk.png)

<a id="join-button" target="_blank" class="btn btn-link btn-lg" href="https://www.linkedin.com/groups/6620522">
    Go to Website
</a>
]

---
class: center, middle

# Thank you