/angudone-workshop

AngularJS workshop for Rich Web 2014

Primary LanguageClojure

Angudone

Software needed

  • Java 1.6 or greater
  • FireFox or Google Chrome
    • If you opted (or have installed FireFox) I suggest you install the Firebug plugin
  • Git
    • There are downloads available for all major platforms
  • Leiningen
    • There are downloads available for all major platforms. Note that if you are on a Mac and have HomeBrew installed this is a one-liner
  • You favorite text editor or JavaScript IDE. Some suggestions are
    • SublimeText
    • Emacs/VI
    • IntelliJ

Workshop

Test the install

  • Make sure Git is available on your path

      Open up a new terminal window    
  $ git --version  
  > # Anything greater than 2 will do
  > git version 2.4.5

  • Make sure leiningen is available

      $ lein --version
  > Leiningen 2.5.0 on Java 1.7.0_04 Java HotSpot(TM) 64-Bit Server VM

  • Wake up the application

      # at the terminal
  # cd _into_ where you cloned the repository above. 
  $ lein ring server
  # This will download a whole bunch of files from Maven Central 
  # and will end with
  # Started server on port 3000
    • This should automatically open up your default browser to http://localhost:3000/ (If it does not just go to that URL). You should see a HTML page announcing Angudone

  • Ensure that the REST endpoints are active

    • If you simply using Firefox then Right-Click -> Inspect Element (this will open the Firefox Developer Console) and then go to the Console tab (second from the left)
    • If you are using FireFox with FireBug then Right-Click -> Inspect Element with FireBug (this will open the Firebug Inspector) and then go to the Console tab (left most)
    • If you are using Chrome then Right-Click -> Inspect Element (this will open the Chrome Inspector) and then go to the Console tab (right most)

  • All Consoles give you the ability to run JavaScript code. Run the following

      http.get("todos")
      .then(function(resp) {
        console.log("There are " + resp.data.length + " todos");
      }, function(err) {
        console.error("Oh Noes! Something went wrong" + data);
      });

    You should see a a valid response indicated by There are 0 todos

You are all set! See you soon!