CS 347: Lecture 4 – Box Model
Dear students: The CSS layout algorithm treats all our information as a set of boxes. In this lecture, we explore how we can influence the size and spacing of our boxes to produce user interfaces that cohere. Here’s your TODO list: Watch Layers of the Box Model, in which we introduce the box model of […]
CS 347: Lab 3 – First CSS
Welcome to lab. By now you have already watched the lecture videos on your own. Now we will apply the ideas from those videos in a handful of exercises, which you will complete in small groups. Within your breakout room, designate one of your team to be the screen sharer. Screen sharer, share your screen […]
CS 347: Lecture 3 – Adding Style
Dear students: It’s time to move start making our information structures aesthetically pleasing. In this lecture, we explore Cascading Stylesheets (CSS). We walk through a gallery of common visual properties and explore the CSS properties that allow us to configure them. Here’s your TODO list: Watch History of CSS, in which we see how CSS […]
CS 347: Lab 2 – HTML
Welcome to the first CS 347 lab. By now you have already watched the videos for lecture 2 on your own. Now we will apply the ideas from those videos in a handful of exercises, which you will complete in small groups. Within your breakout room, designate one of your team to be the screen […]
CS 347: Webdev Blog
This semester you will document your learning of web development in a blog that you serve out via the Apache web server. Each week you will write a short entry responding to some articles you’ve read or videos you watched on some aspect of HTML, CSS, JavaScript, or web development in general about which you […]
CS 347: Lecture 2 – Some More HTML
Dear students: Last time we met a few very common HTML elements. In this lecture we meet a few more. We also reiterate the nature of HTML as a language for communicating structure and not presentation. The semantic meaning of HTML is used in situations where no visual is produced. We also see how to […]
CS 347: Digital Ocean Setup
Your projects and blog will be hosted on a web server that really lives on the web. You will set up your server with Digital Ocean, a company that hosts virtual machines—which they call droplets. Normally, droplets cost money. Thanks to the GitHub Student Developer Pack, you can get a $50 credit for Digital Ocean. […]
CS 347: Lab 1 – HTML
Welcome to the first CS 347 lab. By now you have already watched the videos for lecture 1 on your own. You will complete these lab exercises together in small groups. Within your breakout room, designate one of your team to be the screen sharer. (Screen sharer, share your screen.) The screen sharer should also […]
CS 347: Lecture 1 – wwwroot
Dear students: Welcome to CS 347: Web Development. This is going to be a weird semester. I’m new to the university. We will be conducting the class remotely. There’s a lot of tension in the world. The good news is that—well, I don’t know what the good news is. But welcome nonetheless. I don’t think […]
Deriving the View Matrix
Computer graphics is less about knowing when to apply algorithms and more about knowing where. There are many possible wheres. Our 3D models are born in model space. To situate models in the virtual world, their model space coordinates are transformed into world space. Many lighting algorithms are applied in camera or eye space. From […]