My Web Portfolio
Click a Lab
lab 1
For the First lab we were introduced to HTML and the use of CSS. -Creating and Viewing an HTML File -Adding Style -Adding an Image lab 1 lab instructions
lab 2
Lab 2 involved one simple slide show which I decided to do on my senior lacrosse team and to make a website with active buttons which I did on the motorcycle crew PimpStar and one web page that involves multiple buttons that chagne the css properties. Review: Picking out Elements: id and class -Chrome's JavaScript Console -Active Buttons -Simple Slide Show -Style Picker lab 2 lab 2 lab 2 Instructions
lab 3
Lab 3 required us to take a list of prize winners and create an index page where when the user clicks on the prize it would bring them to that page of winners and description of the award. -Divide the File -Add Style -Add Links lab 3 Instructions
lab 4
NO LAB!
lab 5
Lab 5 was our first experience with programming animations. This lab introduces the canvas element, a recent addition to HTML that allows JavaScript to draw pictures on a web page. -Responding to Basic Events: Mouse, Keyboard, Timer . This included first drawing, mouse, arrowkeys, and animate First Drawing ArrowKeys Animate Mouse Instructions
lab 6
In this lab, we continued working with JavaScript. The lab required to write if statements for the first time. We also got a first experience with HTML form elements and with JavaScript timeouts. -Coin Flipping -Prizes Again -Fake Login Coin FLip Fake Login Prizes again Instructions
lab 7
Lab 7 was titled loopy art, meaning we had to use loops to create random "works" of art.In this lab, we return to drawing on a canvas. The goal is to produce random works of abstract "art." The programming requirement is to use for loops to do it. -Loopy Art Loopy Art Instructions
lab 8
lab 8 was my personal favorite. It was to use the Image Processing program Gimp. The assignment for this lab is to produce five images using Gimp, as discussed below, and to make a web page to display those images. In addition to the images, the web page should say something about how each image was produced. My Gimp art Instructions
lab 9
The goal of this lab is to create four HTML forms to interact with a web application that is already running on the math department's web server. Also enhance at least two of the forms, either by using HTML tables to improve the layout or by using JavaScript for some simple client-side validation. -Logging In -Posting a Message -Changing Your Password -Change Your Profile -Tables -Client-side Validation Login Post a Message Set Profile Instructions
lab 10
The goal of this lab is to start using JQuery, and in particular JQuery events and JQuery animations. We used JQuery to program some of the animation effects. -About JQuery -Animated Coin Flip -Jumpy Text -Click to Show/Hide -An Accordion List Computer Science Jquery Flip Jumpy Text Math Courses Instructions
lab 11
lab 11 Required for us to sign in and Post messages on the server message board Instructions
lab 12
NO LAB!
lab 13
lab 13 worked with these two server-side technologies of PHP and MySQL. In the first part of the lab, I performed some operations on MySQL databases by entering SQL commands directly. In the second, I used PHP to access a MySQL database. Lab 13 Lab 13 Instructions

