Notes, video link, and sample code for session

tannerwelsh · tannerwelsh · commit 59ba21dc71fa · 2015-03-04T11:29:18.000+01:00
diff --git a/session-notes/2015-03-04/README.md b/session-notes/2015-03-04/README.md
@@ -0,0 +1,9 @@
+# Fundamentals of Web Development
+
+**March 04, 2015**
+
+Video: http://youtu.be/FZMxxDB-8b4
+
+## Workshopping Projects
+
+Working through each student's project concept and plan.
diff --git a/session-notes/2015-03-04/ajax-sinatra/Gemfile b/session-notes/2015-03-04/ajax-sinatra/Gemfile
@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gem 'sinatra'
diff --git a/session-notes/2015-03-04/ajax-sinatra/Gemfile.lock b/session-notes/2015-03-04/ajax-sinatra/Gemfile.lock
@@ -0,0 +1,17 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rack (1.6.0)
+    rack-protection (1.5.3)
+      rack
+    sinatra (1.4.5)
+      rack (~> 1.4)
+      rack-protection (~> 1.4)
+      tilt (~> 1.3, >= 1.3.4)
+    tilt (1.4.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  sinatra
diff --git a/session-notes/2015-03-04/ajax-sinatra/public/ajax.js b/session-notes/2015-03-04/ajax-sinatra/public/ajax.js
@@ -0,0 +1,15 @@
+$(document).ready(function() {
+  $("#send_ajax").on('click', function(event) {
+    event.preventDefault();
+
+    // Send an POST AJAX request to /ajax
+    $.ajax({
+      url: '/ajax',
+      type: 'POST',
+      dataType: 'json',
+      data: { name: "John", location: "Boston" }
+    }).done(function(response) {
+      console.log(response);
+    });
+  });
+});
diff --git a/session-notes/2015-03-04/ajax-sinatra/server.rb b/session-notes/2015-03-04/ajax-sinatra/server.rb
@@ -0,0 +1,16 @@
+require 'sinatra'
+require 'json'
+
+get '/' do
+  erb :index
+end
+
+post '/ajax' do
+  puts "I'm in /ajax"
+  puts params
+
+  {
+    number: 1,
+    color: 'green'
+  }.to_json
+end
diff --git a/session-notes/2015-03-04/ajax-sinatra/views/index.erb b/session-notes/2015-03-04/ajax-sinatra/views/index.erb
@@ -0,0 +1,11 @@
+<html>
+  <head>
+    <title>AJAX example</title>
+  </head>
+  <body>
+    <button id="send_ajax">Send AJAX</button>
+
+    <script src="https://code.jquery.com/jquery-2.1.3.js"></script>
+    <script src="ajax.js"></script>
+  </body>
+</html>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+source 'https://rubygems.org'`
	`2`	`+`
	`3`	`+gem 'sinatra'`