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: 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: 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: 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 […]
CS 268: Lecture 19 – Today Client
Dear students: We have arrived at the last big idea of the semester: managing global state. To deal with complex and shared data in our React apps, we will push the data into an object managed by Redux. With this new manage of managing the data, we’ll have to find new ways of changing state […]
CS 268: Lecture 18 – Today Service
Dear students: We look at the mechanics of web services last time. Today we build up a non-toy web service for a time capsule application. Behind our web service will be a MySQL database, and our service will endpoints for the four common CRUD operations for operating on our database’s records: creating, rreading, updating, and […]
CS 268: Lecture 17 – Hello, Express
Dear students: Many websites pull down data from web services, just as we did with the News API. But how are these web services made exactly? That’s what we explore in this lecture. We’ll use Express to create our own web service that responds to HTTP requests and serves back its data through JSON. We’ll […]
CS 268: Lecture 16 – Hello, React
Dear students: The first theme of this course has been learning the foundational technologies of the web: HTML, CSS, and JavaScript. Today we officially reach the second theme: designing modern web apps with React. Systems like React ease the burden of designing interactive sites with dynamic content. Here’s your TODO list: Install Node.js, an ecosystem […]
CS 268: Lecture 15 – Higher-order Functions
Dear students: Today we hit up higher-order functions, a feature of modern languages that will shorten up your code considerably. Once you know a few of these higher-order functions, you may never write loops again. Why? Because so much of our looping algorithms follow certain patterns, we can generalize those patterns into reusable functions. For […]
CS 268: Lecture 14 – Fetch
Dear students: Last time we examined objects and how to pass them around using JSON. This time, we apply these ideas by consuming a web service: News API. We’ll use JavaScript’s builtin fetch function to grab and send JSON data. We started looking at this before spring breeeaaak happened, but I’ve re-implemented the example we […]