code icon

CSCI 1720

Intermediate Web


assignment logo

Assignments

Homework 0 - Office Visit

An important part of the academic experience is seeking out and meeting with your instructors when you have issues with their classes. Or are bored (IMO) and have downtime. So....

Homework 0.1 - Vocabulary

Mastering vocabulary

Homework 0.2 - Vocabulary

Mastering vocabulary

Homework 1 - Typography

In this assignment, we will further explore typography by installing a custom font into a site, instead of using Google Fonts

Homework 2 - Personas

This exercise will help us better understand a fundamental aspect of design for websites. We'll create a pair of user personas. Personas allow our developers to make informed decisions regarding the design of websites that are user-centric

Homework 3 - BS Landing Page

This assignment will start us out with Bootstrap, creating a landing page for a mini-site that we're going to create with Bootstrap. Over the course of several activities, we're going to create a Bootstrap site including a landing page, a page illustrating the grid layout, and one with a Bootstrat carousel

Homework 4 - Bootstrap Carousel

In this assignment, we will create an image carousel using Bootstrap. It will include some images from past sci-fi movies. As a bonus, you'll get to figure out which movies

Homework 5 - Cards

In this assignment, we'll create cards with embedded CSS. Plus a little JavaScript/jQuery. Cards are a popular HTML/CSS construct for constructing pages that are user-friendly. They can be used as 'teasers' to draw a user into the site

Homework 6 - HTML Audio Player w/ JS

With this assignment, we'll further explore some of the advanced features of CSS 3 and animate some pictures

Homework 7 - d-n-dice 1

We're going to start crafting a single-page application that will allow Dungeons & Dragons players to roll various numbers of multi-sided dice during their gameplay. This assignment will focus on the HTML for the project

Homework 8 - d-n-dice 2

We'll continue working on our d-n-dice application, adding CSS (using Sass) to style the page

Homework 9 - d-n-dice 3

This assignment will complete the Dungeons & Dragons dice roller application. We'll add JavaScript to the mix to make it work