ICS 314 Fall 2024

Experiential Learning "Active" learning opportunities

This page collects together all of the “experiences” associated with individual modules.

In this site, experiences represent “active” learning opportunities, as opposed to readings, which represent “passive” learning opportunities. In many courses, readings and experiences together constitute the “assignments”.

Module: ICS 314 PreGame

Laptop requirements

The hardware you need to succeed in software engineering

Introduction to the command line

Learn how to use the command line.

Introduction to HTML and CSS

Get familiar with HTML and CSS

Introduction to Javascript And Typescript

Get some initial familiarity with Javascript and Typescript

Introduction to VSCode

Get some initial familiarity with VSCode

Join the ICS 314 Discord

Get comfortable with the class communication system

Module: Introduction

E00: Learn the command line

Learn how to use the command line.

Optional

E01: Environment configuration

Learn how to configure your development environment.

Section 4: 26 Aug 11:00 PM Sections 1,2,5: 27 Aug 11:00 PM

E02: Introduce yourself

Get started with the ICS 314 Discord server

Section 4: 27 Aug 11:00 PM Sections 1,2,5: 28 Aug 11:00 PM

E03: Create 3 SMART Goals for this class

Create personal goals for this class

Section 4: 27 Aug 11:00 PM Sections 1,2,5: 28 Aug 11:00 PM

Module: Professional Persona

E04: Experience LinkedIn

Learn how to join LinkedIn and set up your profile.

Section 4: 29 Aug 11:00 PM Sections 1,2,5: 30 Aug 11:00 PM

E05: Experience hawaii.slack.com

Learn how to join the Hawaii Slack workspace and participate in discussions.

Section 4: 30 Aug 11:00 PM Sections 1,2,5: 31 Aug 11:00 PM

E06: Experience a professional portfolio

Learn how to design and implement your professional portfolio.

Section 4: 11 Sep 11:00 PM Sections 1,2,5: 12 Sep 11:00 PM

Module: Typescript 1: Basics

E07a: Intro to Javascript (FreeCodeCamp)

Basic syntax: functions, loops, if-then-else, arrays, objects

Section 4: 31 Aug 11:00 PM Sections 1,2,5: 01 Sep 11:00 PM

E07b: Intro to Typescript (FreeCodeCamp)

Basic Typescript typing syntax

Section 4: 31 Aug 11:00 PM Sections 1,2,5: 01 Sep 11:00 PM

E08: Project Euler Problem 1

Solve the first Project Euler problem

Practice WOD Section 4: 01 Sep 11:00 PM Sections 1,2,5: 02 Sep 11:00 PM

E09: isUnique (CTCI, #1)

Solve the first CTCI problem

Practice WOD Section 4: 02 Sep 11:00 PM Sections 1,2,5: 03 Sep 11:00 PM

E10: Reflect on Typescript

Write a technical essay summarizing your learning about Typescript.

Technical Essay Section 4: 04 Sep 11:00 PM Sections 1,2,5: 05 Sep 11:00 PM

Module: Open Source Software

E11: Reflect on smart questions

Use Stack Overflow to find smart and not-smart questions

Technical Essay Section 4: 11 Sep 11:00 PM Sections 1,2,5: 12 Sep 11:00 PM

Module: Typescript 2: Object orientation

E12: Jamba Juice 1

Use classes to represent a Jamba Juice Menu

Practice WOD Section 4: 07 Sep 11:00 PM Sections 1,2,5: 08 Sep 11:00 PM

E13: Jamba Juice 2

Extend your Jamba Juice system

Practice WOD Section 4: 08 Sep 11:00 PM Sections 1,2,5: 09 Sep 11:00 PM

E14: Jamba Juice 3

Extend your Jamba Juice system to represent stock and a store.

Practice WOD Section 4: 09 Sep 11:00 PM Sections 1,2,5: 10 Sep 11:00 PM

Module: Configuration management

Experience the GitHub Student Developer Pack

Sign up for free developer tools and private repos

E16: Experience Local Portfolio Management

Use git to manage your professional portfolio locally

Section 4: 16 Sep 11:00 PM Sections 1,2,5: 17 Sep 11:00 PM

Module: Typescript 3: Functional programming

Functional programming warmup

Play around with functional programming

Section 4: 12 Sep 11:00 PM Sections 1,2,5: 13 Sep 11:00 PM

E18: Experience Functional Programming (Part 1)

Functional programming using Array functions

Section 4: 13 Sep 11:00 PM Sections 1,2,5: 14 Sep 11:00 PM

E19: Experience Functional Programming (Part 2)

Continue to explore functional programming

Section 4: 15 Sep 11:00 PM Sections 1,2,5: 16 Sep 11:00 PM

E20: Experience Functional Programming (Part 3)

Yet more functional programming

Section 4: 17 Sep 11:00 PM Sections 1,2,5: 18 Sep 11:00 PM

Module: Development Environments

E21: Install VSCode

Install and configure VSCode for this class

Section 4: 19 Sep 11:00 PM Sections 1,2,5: 20 Sep 11:00 PM

E23: Hello Typescript

Create your first Typescript project in Visual Studio Code

Module: QA Part 1: Coding standards

E24: Improve code quality using ESLint in VSCode

Use ESLint in VSCode with our coding standards

E25: Fix bad Typescript

Fix some sample Typescript that violates our coding standards

Section 4: 20 Sep 11:00 PM Sections 1,2,5: 21 Sep 11:00 PM

E26: Five problems every software engineer should be able to solve (Part 1)

Solve some simple software engineering interview problems

Practice WOD Section 4: 21 Sep 11:00 PM Sections 1,2,5: 22 Sep 11:00 PM

E27: Five problems every software engineer should be able to solve (Part 2)

Solve some simple software engineering interview problems

Practice WOD Section 4: 22 Sep 11:00 PM Sections 1,2,5: 23 Sep 11:00 PM

E28: Reflect on Coding Standards

Write a technical essay summarizing your learning about Coding Standards.

Technical Essay Section 4: 25 Sep 11:00 PM Sections 1,2,5: 26 Sep 11:00 PM

Module: UI Design (Basics)

E29: FreeCodeCamp HTML5 and CSS

Learn about HTML and CSS using FreeCodeCamp

5 hours Section 4: 27 Sep 11:00 PM Sections 1,2,5: 28 Sep 11:00 PM

E30: BrowserHistory1

Develop a web page using basic HTML.

Practice WOD Section 4: 28 Sep 11:00 PM Sections 1,2,5: 29 Sep 11:00 PM

E31: BrowserHistory2

Develop a web page using basic CSS and Google Web Fonts.

Practice WOD Section 4: 29 Sep 11:00 PM Sections 1,2,5: 30 Sep 11:00 PM

E32: BrowserHistory3

Develop a funky multi-column web page with a navbar.

Practice WOD Section 4: 30 Sep 11:00 PM Sections 1,2,5: 01 Oct 11:00 PM

Module: UI Design (Frameworks)

E34: BrowserHistory with Bootstrap 5

Make life wonderful with Bootstrap 5

Practice WOD Section 4: 05 Oct 11:00 PM Sections 1,2,5: 06 Oct 11:00 PM

E35: Island Snow with Bootstrap 5

Rebuild the Island Snow home page with Bootstrap 5

Practice WOD Section 4: 06 Oct 11:00 PM Sections 1,2,5: 07 Oct 11:00 PM

E36: Your Choice with Bootstrap 5

Rebuild a site of your choosing with Bootstrap 5

Practice WOD Section 4: 07 Oct 11:00 PM Sections 1,2,5: 08 Oct 11:00 PM

E37: Reflect on UI Frameworks

Write a technical essay summarizing your experience doing the UI Frameworks practice WODs.

Technical Essay Section 4: 09 Oct 11:00 PM Sections 1,2,5: 10 Oct 11:00 PM

Module: UI Design (React)

E38: React Quick Start Tutorial

Work through the React Quick Start Tutorial

2 hours Section 4: 10 Oct 11:00 PM Sections 1,2,5: 11 Oct 11:00 PM

E38A: React Foundations Tutorial

Work through the React Foundations Tutorial

2 hours Section 4: 11 Oct 11:00 PM Sections 1,2,5: 12 Oct 11:00 PM

E39: React Tic-Tac-Toe Tutorial

Work through the React Tic Tac Toe Tutorial

2 hours Section 4: 12 Oct 11:00 PM Sections 1,2,5: 13 Oct 11:00 PM

E40: React Island Snow Tutorial

Work through the React Island Snow Tutorial

2 hours Section 4: 13 Oct 11:00 PM Sections 1,2,5: 14 Oct 11:00 PM

XC: Your Choice in React

Check your knowledge of Bootstrap 5 and React

Section 4: 16 Oct 11:00 PM Sections 1,2,5: 17 Oct 11:00 PM

XC: React Tic-Tac-Toe Additional Challenges

Extending React Tic Tac Toe

Extra Credit Section 4: 17 Oct 11:00 PM Sections 1,2,5: 18 Oct 11:00 PM

Module: Databases (PostgreSQL)

E41: Install pgAdmin

Install pgAdmin and connect to your PostgreSQL server

Section 4: 17 Oct 11:00 PM Sections 1,2,5: 18 Oct 11:00 PM

E42: PostgreSQL: Getting Started

Follow the PostgreSQL Getting Started guide

Section 4: 17 Oct 11:00 PM Sections 1,2,5: 18 Oct 11:00 PM

E43: Prisma (ORM): Getting Started

Follow the Prisma Start from scratch relational databases guide

Section 4: 18 Oct 11:00 PM Sections 1,2,5: 19 Oct 11:00 PM

Module: Application Design (Nextjs), Part 1

E44: Nextjs Hello World

Create a repo, put a Nextjs app in there, see it in VSCode.

Section 4: 17 Oct 11:00 PM Sections 1,2,5: 18 Oct 11:00 PM

E45: Learn Nextjs

Work through Learn Nextjs

Section 4: 19 Oct 11:00 PM Sections 1,2,5: 20 Oct 11:00 PM

E46: Island Snow in Nextjs

Implement the Island Snow Mockup using Nextjs

Section 4: 20 Oct 11:00 PM Sections 1,2,5: 21 Oct 11:00 PM

XC: Your Choice in Nextjs

Check your knowledge of Nextjs, Bootstrap 5, and React

Section 4: 23 Oct 11:00 PM Sections 1,2,5: 24 Oct 11:00 PM

Module: Application Design (Nextjs), Part 2

E48A: nextjs-application-template

Install nextjs-application-template, play around with it.

Section 4: 24 Oct 11:00 PM Sections 1,2,5: 25 Oct 11:00 PM

E48B: nextjs-example-form

Understand how to create forms in Nextjs and React.

Section 4: 26 Oct 11:00 PM Sections 1,2,5: 27 Oct 11:00 PM

E48C: Bowfolios

Understand the Bowfolios example application.

Section 4: 28 Oct 11:00 PM Sections 1,2,5: 29 Oct 11:00 PM

Module: Application Design (Nextjs), Part 3

E49: Digits, Part 1

Create Landing page mockup

Section 4: 31 Oct 11:00 PM Sections 1,2,5: 01 Nov 11:00 PM

E50: Digits, Part 2

Create List Contacts page mockup

Section 4: 02 Nov 11:00 PM Sections 1,2,5: 03 Nov 11:00 PM

E51: Digits, Part 3

Create Contact table

Section 4: 04 Nov 11:00 PM Sections 1,2,5: 05 Nov 11:00 PM

E52: Digits, Part 4

Create AddContact and EditContact pages

Section 4: 06 Nov 11:00 PM Sections 1,2,5: 07 Nov 11:00 PM

E53: Digits, Part 5

Create Notes

Section 4: 08 Nov 11:00 PM Sections 1,2,5: 09 Nov 11:00 PM

E54: Digits, Part 6

Clean up and write simple documentation

Section 4: 10 Nov 11:00 PM Sections 1,2,5: 11 Nov 11:00 PM

Module: Agile Project Management

E55: Team Bonding

Learn about your team members

Section 4: 08 Nov 11:00 PM Sections 1,2,5: 09 Nov 11:00 PM

E56: Create a GitHub organization and home page

Form an organization for your final project

Section 4: 10 Nov 11:00 PM Sections 1,2,5: 11 Nov 11:00 PM

E57: Experience Issue Driven Project Management

Set up your first milestone plan for this project.

Section 4: 07 Nov 11:00 PM Sections 1,2,5: 08 Nov 11:00 PM

E58: Experience a team presentation

Present your team and project to the class

Section 4: 11 Nov 09:00 AM Sections 1,2,5: 12 Nov 10:30 AM

EC: Experience Issue Driven Project Effort Estimation

Set up and perform effort estimation this project.

Module: Deployment

E59: Learn to deploy a Nextjs app

Deploy nextjs-application-template-react to Vercel

Section 4: 14 Nov 11:00 PM Sections 1,2,5: 15 Nov 11:00 PM

E60: Deploy your final project to Vercel

Deploy your final project to Vercel

Section 4: 16 Nov 11:00 PM Sections 1,2,5: 17 Nov 11:00 PM

Module: Testing

E61: Experience testing nextjs-application-template

Write an acceptance test for our template

Section 4: 18 Nov 11:00 PM Sections 1,2,5: 19 Nov 11:00 PM

Module: Ethics in Software Engineering

What are the professional codes of software engineering ethics?

How do professional codes help us to be ethical in our working lives?

Foundations: 2

Doing harm as a software engineer

What kinds of harm can software engineers cause? What kinds can they prevent?

Foundations: 3

Doing good as a software engineer

How can software engineers contribute to the good life for others?

Foundations: 4

To whom are software engineers obligated?

Who is ‘the public’ that deserves an engineer’s professional concern?

Foundations: 5

Where do ethical obligations come from?

Why do software engineers have ethical obligations to the public at all?

Foundations: 6

How can software engineers act ethically?

How can software engineers live up to their ethical obligations, both professionally and in their private lives?

Foundations: 7

Case Study: Harrassment

Explore ethical implications of online harrassment for software engineers

Case Study

Case Study: Privacy

Explore ethical implications of privacy for software engineers

Case Study

Case Study: Autonomous Cars

Explore ethical implications of self-driving vehicles

Case Study

Case Study: The code I'm still ashamed of

Explore ethical implications of blindly following customer requirements

Case Study

Case Study: Facebook Whistleblower

Explore ethical implications of Facebook’s behavior as revealed by a whistleblower

Case Study

Case Study: The University of Minnesota is banned from Linux

Explore ethical implications of UMN security research on the Linux kernel

Case Study

Module: Design Patterns

E63: Reflect on Design Patterns

Write a technical essay summarizing your learning about design patterns

Technical Essay Section 4: 04 Dec 11:00 PM Sections 1,2,5: 05 Dec 11:00 PM

Module: Final Project

Final Project: Milestone 1

Set up the team, create initial issues, build M1

Section 4: 20 Nov 11:00 PM Sections 1,2,5: 21 Nov 11:00 PM

Final Project: Milestone 2

Continue managing the project and implementing functionality

Section 4: 02 Dec 11:00 PM Sections 1,2,5: 03 Dec 11:00 PM

Final Project: Milestone 3

Potentially finish the project?

Section 4: 11 Dec 11:00 PM Sections 1,2,5: 12 Dec 11:00 PM

Reflect on Software Engineering

Write a technical essay summarizing your learning about Software Engineering.

Technical Essay 18 Dec 11:00 PM

Final Exam

Update your portfolio with projects and experiences from this class

20 Dec 11:00 PM

Module: HACC

XC: Experience HACC Kickoff

Attend the HACC Kickoff Event

100 Extra Credit Points! 12 Oct 09:30 AM

XC: Present your app at HACC

Attend the HACC Judging and Awards ceremony

100 Extra Credit Points! 16 Nov 09:30 AM