Add notes and sample code

Author: tannerwelsh

session-notes/2015-03-14/README.md

@@ -0,0 +1,11 @@
+# Fundamentals of Web Development
+
+**March 14, 2015**
+
+Video: http://youtu.be/2aUeLjBoFaM
+
+## Questions
+
+- Sagar: working with modal windows
+- Sagar: handling authorization errors
+- Theodore: rendering data with JavaScript

session-notes/2015-03-14/sagar_modal.erb

@@ -0,0 +1,31 @@
+<div>
+  <div class="login-form create-group-container container">
+    <p>
+      <span class="form-heading">CREATE GROUP</span>
+    </p>
+
+    <form id="create-group-form" class="form-container" action="/create_group" method="post">
+
+      <div class="form-group">
+        <input class="form-control sign-in-input" type="text" name="group[group_name]" placeholder="Group Name"></br>
+        <input class="form-control sign-in-input" type="password" name="group[password]" placeholder="Password"></br>
+        <input class="form-control sign-in-input" type="password" name="group[password_confirmation]" placeholder="Confirm Password"></br>
+        <a class="btn btn-orange sign-in-input">Create Group</a>
+
+        <div id="confirm-group">
+          <h3>
+            Please share this information with your group.
+          </h3>
+
+          <button id="confirm-group-button" class="btn btn-orange">Confirm</button>
+        </div>
+      </div>
+
+      <a id="create-group" href="/">Back</a>
+
+    </form>
+
+
+  </div>
+
+</div>

session-notes/2015-03-14/sagar_modal.js

@@ -0,0 +1,18 @@
+var toggleModal = function() {
+  $('#create-group-form').hide();
+  $('#confirm-group').show();
+}
+
+$(document).ready(function() {
+  $('#create-group-form').on('submit', function(event) {
+    event.preventDefault();
+
+    var formData = $(this).serialize();
+
+    toggleModal();
+
+    $('#confirm-group-button').on('click', function(event) {
+      $.ajax({ url: '/create_group', type: 'POST', data: formData });
+    });
+  })
+});