Skip to content

Commit

Permalink
Updated introduction
Browse files Browse the repository at this point in the history
  • Loading branch information
practicalli-johnny committed Nov 17, 2017
1 parent 07850d2 commit d4efef6
Show file tree
Hide file tree
Showing 18 changed files with 203 additions and 44 deletions.
18 changes: 18 additions & 0 deletions images/chat-on-slack.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/citi-group-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/combination-locks.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/congratulations-minions.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/discworld-clacks-alphabet.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/function-definition.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
132 changes: 132 additions & 0 deletions images/function-definition.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/health-unlocked-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/klipse-clojure-snippet.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/metail-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/signal-media-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/uswitch-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions introducing-clojure/clojure-games.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
## Games

Make 2D games with [Play.cljs](https://github.com/oakes/play-cljs), a ClojureScript library. Play.cljs uses the p5.js Javascript library underneath which allows you to make use of the whole browser page.
* [Flappy Bird game in ClojureScript](https://www.youtube.com/watch?v=KZjFVdU8VLI)


## [Play.cljs](https://github.com/oakes/play-cljs)
## [Play.cljs](https://github.com/oakes/play-cljs)

[Play.cljs](https://github.com/oakes/play-cljs) is a ClojureScript library for making games. It uses [p5.js](http://p5js.org/) underneath. There are several ways to create a project:
Make 2D games with [Play.cljs](https://github.com/oakes/play-cljs), a ClojureScript library. Play.cljs uses the p5.js Javascript library underneath which allows you to make use of the whole browser page.

* [Boot](http://boot-clj.com/): `boot -d boot/new new -t play-cljs -n hello-world`
* [Nightcode](https://sekao.net/nightcode/): Choose "Game Project" from its start menu
* [Nightcoders.net](http://nightcoders.net/): Choose "Game" when creating a new project

## Documentation
Expand Down
2 changes: 1 addition & 1 deletion introducing-clojure/clojure-svg-graphics.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Clojure can be used to generate and manipulate [Scalable Vector Graphics (SVG)](

SVG images are _drawn_ from a collection of points and paths and images do not loose any quality when making them larger or smaller. Using SVG images for the web and responsive design is highly recommended.

### An SVG image (using reagent)
## An SVG image (using reagent)

This example of an SVG images is made from:

Expand Down
4 changes: 1 addition & 3 deletions introducing-clojure/klipse-web-based-repl.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,7 @@

This workshop uses a project called [Klipse](https://www.klipse.tech) that allows us to include the a REPL in each page of the workshop.

> #### Todo::Include animated gif of Klipse in action
![Klipse in action with Clojure](/images/klipse-clojure-snippet.gif)

The Clojure code is entered in the top input box of Klipse and the result is instantly shown in the box underneath.

Expand All @@ -14,4 +13,3 @@ The Clojure code is entered in the top input box of Klipse and the result is ins
```eval-clojure
(+ 1 2 3)
```

2 changes: 1 addition & 1 deletion introduction.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
![ClojureBridge - London Clojurians](/images/clojurebridge-london-clojurians-banner-abby-remix.png)

Welcome to ClojureBride London, a community driven event that provides a safe space for learning, supporting people under represented in the software industry.
Welcome to ClojureBridge London, a community driven event that provides a safe space for learning, supporting people under represented in the software industry.

Following this workshop will give you your first taste of Functional Programming with the Clojure programming language. We hope you continue your experiences with other [London Clojurians](http://londonclojurians.org) community events.

Expand Down
47 changes: 28 additions & 19 deletions prepare-for-the-workshop.md
Original file line number Diff line number Diff line change
@@ -1,27 +1,36 @@
# Prepare For The Workshop

If you wish to keep your own code examples from this workshop, you should create a clojure project.

> #### Danger::Workshop does not save your code
> This workshop has a built-in Clojure REPL that lets you write and evaluate code directly in the web pages. Any code written in a page is not kept once you leave a page, or if you refresh the page.
>
> If you wish to keep your own code examples from this workshop, you should create a clojure project.
<hr />
## Development setup guide

> #### Note::Create a project & open the core.clj file
> Use the Clojure build tool called Leiningen to create a new project
```bash
lein new playground
```
> In your Clojure editor, open the file: `src/playground/core.clj`
By setting up a [Clojure development environment](https://github.com/ClojureBridgeLondon/curriculum/blob/gh-pages/outline/setup.md) you can save your Clojure code in files or projects for review after the workshop. You can also create your own projects and take your Clojure practice further.

<hr />
You will need

> #### Hint::Links to Editor setup guides
> By setting up a Clojure editor, you can save your Clojure code in files or projects for review after the workshop.
>
> There are several editors you can choose from:
>
> * [LightTable](https://github.com/ClojureBridgeLondon/curriculum/blob/gh-pages/outline/setup.md) - great for those new to Clojure (default choice)
> * [Spacemacs](https://practicalli.github.io/spacemacs/install-spacemacs/) or [Emacs & Cider](https://cider.readthedocs.io/en/latest/installation/) - for developers that love Emacs & Vim
> * [Atom & Protorepl](https://atom.io/packages/proto-repl#installation) - typically used by web & Javascript developers
> * [IntelliJ & Cursive](https://cursive-ide.com/userguide/) - typically used by Java developers
* **Java standard edition (SE)** - Clojure runs on top of Java. The Java Runtime Enviromment (JRE) is needed to run Clojure .
* **Leiningen** - a tool for running Clojure programs, also creating & managing Clojure projects
* **Git** - versioning your Clojure code (so you can go back to earlier versions if you make a mistake)
* **A Clojure aware Editor** - one of several editor choices that support the Clojure programming language

> #### Hint::
> If you just wish to save your code, you can use any editor you prefer or paste it into [Github gists](https://gist.github.com/)

### Clojure aware editors

There are several editors that support Clojure development:

> #### Hint::
> If you are new to development of any kind, then we suggest [LightTable](https://github.com/ClojureBridgeLondon/curriculum/blob/gh-pages/outline/setup.md)

* [LightTable](https://github.com/ClojureBridgeLondon/curriculum/blob/gh-pages/outline/setup.md) - great for those new to Clojure (default choice)
* [Atom & Protorepl](https://atom.io/packages/proto-repl#installation) - typically used by web & Javascript developers
* [Emacs](https://cider.readthedocs.io/) - for developers that love Emacs
* [Spacemacs](http://spacemacs.org/) - for developers that love Emacs & Vim ([Spacemacs & Clojure book](https://practicalli.github.io/spacemacs/install-spacemacs/) - work in progress)
* [IntelliJ & Cursive](https://cursive-ide.com/userguide/) - typically used by Java developers
* [Microsoft Code](https://code.visualstudio.com/) with [clojureVScode](https://marketplace.visualstudio.com/items?itemName=avli.clojure) or [Clojure Code](https://marketplace.visualstudio.com/items?itemName=jamesnorton.continuum) plugins
34 changes: 18 additions & 16 deletions test-your-development-environment.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,18 @@
# Test your development environment
# Setup & Test your development environment

We recommend [setting up LightTable on your computer](https://github.com/ClojureBridgeLondon/curriculum/blob/gh-pages/outline/setup.md)

------------------------------------------

> #### Note::Run the WelcomeToClojureBridge project
> Once your Clojure environment is setup, open the `welcometoclojurebridge` project, as in the [setup guide](https://github.com/ClojureBridgeLondon/curriculum/blob/gh-pages/outline/setup.md)
```bash
git clone https://github.com/ClojureBridge/welcometoclojurebridge
cd welcometoclojurebridge
lein repl
```

------------------------------------------

> #### Note::Create a project & open the code
> Use the Clojure build tool called Leiningen to create a new project
Expand All @@ -7,19 +21,7 @@ lein new playground
```
> In your Clojure editor, open the file: `src/playground/core.clj`
------------------------------------------

## Run the REPL

> ####Hint::What is the REPL?
> The REPL is a tool that runs your code and returns results. More details later, in the section: [what is a repl?](introducing-clojure/what-is-a-repl.html)
To run your code we use a tool called the REPL (Read, Evaluate, Print, Loop). Check you can run your code using the repl with one of these methods

* On the command line with [lein repl]
* LightTable
* Atom / Protorepl
* Spacemacs
* IntelliJ / Cursive
* Microsoft Code

> ####TODO:: Links to starting REPL instructions for each option
> #### Hint::You are ready for Saturday
> Once the above tasks are complete, you are ready for Saturday

0 comments on commit d4efef6

Please sign in to comment.