code icon

CSCI 1720 Labs

Intermediate Web


flask image

Labs

Lab 1

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

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

Landing pages are used on websites to draw visitors in to the site. Though there's no guarantee that a user will land on your site at the landing page, it is good practice to use one as a 'porta' to your site

Lab 6 - Sass I

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

Lab 7a - Sass II

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

Lab 7b - Sass III

We'll start with a working application that needs to be styled...

Lab 8 - Introduction to JavaScript

Starting out with JavaScript

Lab 9 - JS Lightbox

Let's build a JavaScript Lightbox!

Lab 10 - jQuery I

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

Lab 11 - 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 11 - 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 13 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