code icon

CSCI 1720 Labs

Intermediate Web


flask image

Labs

Lab 1 -Review

Today's lab is a review of basic HTML and CSS to refresh our memory from CSCI 1720/1210 and set the stage for this semester's material

Lab 2 - CSS Timeline

Today, we're going to explore some CSS 3 properties

Lab 3 - Bootstrap I

Let's play with Bootstrap!

Lab 4 - Bootstrap II

Today we'll expand on our knowledge of Bootstrap - create a template file and add a navbar to our work

Lab 5 - CSS Animation

Let's explore some of the advanced CSS3 animation techniques!

Lab 6 - Sass I

Today we'll start working with Sass to create better and more maintainable stylesheets

Lab 7 - Sass II

Today we'll continue exploring Sass, using partials, extends, and functions

Lab 8 - Introduction to JavaScript

Starting out with JavaScript

Lab 9 - JS Lightbox

Let's build a JavaScript Lightbox!

Lab 10 - SASS To Do

It seems like 'To Do' lists, and their variants are common topics for tutorials. At least as far as I've seen. In this class, we're going to do two, each illustrating using different solutions for accomplishing essentially the same thing, with some different features

Lab 11 - jQuery I

This lab will start us out using jQuery and exploring some of what jQ brings to the game

Lab 12 - jQuery II

Form validation is a common and important aspect of web development. Any time we're soliciting information from a user, we have to ensure that if the user makes a mistake, the action will fail gracefully. We also have to validate input to guard against malicious users trying to booger up our site

Lab 13 - jQuery Shopping List

Creating dynamic lists seems to be a common topic for tutorials, if you've ever looked. There's a good chance you may be called pon to demonstrate your ability to code a list as part of an interiew as well. It makes sense, since it is a very common use-case that requires some basic programming knowledge to solve. So let's do another list project using jQuery...

Lab 14 - JavaScript & AJAX

This lab will make use of jQuery to create a client-side shopping list application with several features

Lab 15 - JS-AJAX 2

We're going to continue Lab 14 and add functionality to the page that will query the database for user information and display the return data in a table embedded in the modal

Lab 16 - PHP Registration Form

This lab will require some PHP skilz. We're simulating a common event in development: One team (the Frontend Team, in our scenario) will hand off some code to another (Us, the Backend Team) for completion (or completion of its assigned task). So the registration page, CSS, and images are all ready. We just have to write the code to process the form

Lab 17 - jQuery Clock

A good way to learn about one of JavaScript's timing functions, setInterval(), is making a clock. Our fictional client wants a clock that users can access that displays HH:MM:SS, features different color options, and can be switched to 12-hour or 24-hour format