CS 347: Lecture 19 – Today App: Client, Part I
Dear students: React takes over management of the DOM, allowing us to focus on managing the state of our app. As the data behind our app and our component hierarchy become more complex, even state management becomes challenging. To deal with this complexty, we will push the data into an object managed by Redux. With […]
CS 347: Lab 18 – Express Chat
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 an exercise, 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 and claim […]
CS 347: Lecture 18 – Today App: Database + Web Service
Dear students: Last time, we looked at the mechanics of web services using Express. Today we build up a non-toy web service for a time capsule application that lets the user track memories of each day. Behind our web service will be a MySQL database, and our service will have endpoints for the four common […]
CS 347: Lab 17 – Express Chat
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 an exercise, 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 and claim […]
CS 347: 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 347: Lab 16 – Acrostic Generator
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 an exercise, 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 and claim […]
CS 347: Project 2 Rubric
Your project 2 submission will be graded using the rubric below. Your site will be evaluated on five dimensions. For each dimension, I list a sample of the questions that I will use to structure my evaluation. User Experience Does the app have a coherent purpose? When network requests are being made, does the user […]
CS 347: Project 2 – React App – due December 13
In the second project of this course, you will create a web app that consumes a web service. The subject of the app is not specified; you pick its purpose. You will use several tools from the Node.js ecosystem, including React, Redux, and Express. Expectations Your app must meet the following expectations: You will create […]
CS 347: 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 the most recent […]
CS 347: Lab 15 – Map, Filter, and Reduce
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 an exercise, 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 and claim […]