1. Home
  2. Readings

Readings and other resources in module order

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

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

Module: Introduction

Guided tour of Morea course websites

How to use this website to succeed in ICS 314

Screencast 5 min

Guided tour of the Introduction module

Introducing the introduction.

Screencast 6 min

Introduction to ICS 314

Goals, texts, prerequisites, and more

Screencast 12 min

Grading

How grades for this class will be determined

Hamilton Basement Rules

We are visitors in Hamilton Basement. Here are the ground rules.

Section Attendance

There are multiple sections. Do you have to attend the one you signed up for?

Laptop requirements

The hardware you need to succeed in software engineering

Athletic Software Engineering

An overview of Athletic Software Engineering and results from AY 2016-2017

WOD Weekly Rhythm

Course structure for learning by WODs

Danny Weng Portfolio

Get to know your TA Danny from his professional portfolio

How to watch screencasts the smart way

There is an art to watching screencasts effectively. Here are some heuristics.

Teach yourself programming in 10 years

“Researchers have shown it takes about ten years to develop expertise in any of a wide variety of areas…”

Computer science students: learn how to write!

“The single most important skill I learned in university while getting a degree in Computer Science was how to write better. “

How I built a Slack bot to help me find an apartment in San Francisco

An example of the practical problem solving skills you can develop through this class and others in the ICS curriculum.

Optional

The programmer dress code

“I really want to know what it is about programming, or computers in general, that makes people want to grow a beard, have long hair, and dress like a slob.”

Optional

ICS 314 Syllabus

Basic information about the class

Module: Professional Persona

Guided tour of the professional persona module

Why, what, how, and when you will learn about professional personas.

Screencast 3 min

Professional Persona

Concepts of a professional persona

screencast 10 min

How to get an internship

The author had internships at Pixar, Google, and Two Sigma, and is now employed at Google. Here are his tips, including the importance of a professional portfolio.

Professional portfolio style guide

Guidelines for creating a usable and effective professional portfolio

Technical essay style guide

Guidelines for creating high quality technical essays

Software engineers should write

“The best software engineers are great writers because their prose is as logical and elegant as their code.”

ICS Portfolios

Dozens of portfolios created by ICS students just like you.

Module: Javascript 1: Basics

Guided tour of the Javascript 1 module

Why, what, how, and when you will learn about Javascript, Phase 1.

Screencast 6 min

7 reasons why Javascript is better than Java and C++

Why you want to learn Javascript (even if you don’t do web app development)

Screencast 13 min

Introduction to JSFiddle

Quick introduction to the JSFiddle Javascript environment

Screencast 8 min

AirBnB Javascript Style Guide

Javascript style guidelines for ICS 314

ES6: let and const

Use let and const for variable declarations, not var

ES6: for-of, for-in

How to iterate over arrays and objects in ES6

Module: Open Source Software

Guided tour of the open source software module

Why, what, how, and when you will learn about open source software.

Screencast 5 min

Open Source Software

History of open source, licenses, prime directives, how to participate effectively

Screencast 14 min

Understanding Open Source Licensing

Short summary of copyright, copyleft, and the motivation for open source licenses.

Choose a (open source) license

Simple overview of several open sources licenses and their implications.

How to ask questions the smart way

The classic guide to how to participate in the open source community effectively

The three prime directives for open source development

Three simple rules for assessing the open source quality of your project.

The Cathedral and the Bazaar

“I anatomize a successful open-source project, fetchmail, that was run as a deliberate test of some surprising theories about software engineering suggested by the history of Linux.”

Optional

Open Source is a Life Changer

“…Let me tell you a short story about a guy, typical .NET developer, who not so long ago also thought that being an open source developer literally means wasting your time.”

Optional

Module: Javascript 2: Object orientation

Guided tour of the Javascript 2 module

Why, what, how, and when you will learn about object orientation in Javascript

Screencast 6 min

Object Orientation: Java vs. Javascript

An beginners guide to objects in Java and Javascript

Screencast 24 min

Tutorial on ES6 classes (LearnHarmony)

Interactive introduction to ES6 classes

Tutorial on ES6 classes (ExploringJS)

Comprehensive reference on ES6 classes

Tutorial on ES6 classes (Mozilla)

Introduction to classes, showing how they evolved from prior JS idioms

Tutorial on ES6 subclasses (Mozilla)

Second part of Mozilla tutorial, focusing on class inheritance.

ES6: template strings

Use templates to simplify string construction

Module: Configuration management

Guided tour of the configuration management module

Why, what, how, and when you will learn about configuration management

Screencast 4 min

Introduction to version control and configuration management

Basic concepts of VC and CM, from rcs to cvs to svn to git

Screencast 15 min

Introduction to GitHub Desktop

How to use GitHub Desktop for this class

Screencast 20min

Introduction to GitHub Desktop, Part 2 (Branching and Merging)

Branching and merging with GitHub Desktop

Screencast 17min

Pro Git, Chapter 1

About version control, a short history of git, git basics

GitHub Basics

Signup, setup git, create a repo, fork a repo, be social, try git

Linus Torvalds on Git (Why Subversion Sucks)

Google Tech Talk (optional, but interesting (1M+ views))

Screencast 70 min Optional

GitHub Cheat Sheet

“A collection of cool hidden and not so hidden features of Git and GitHub.”

Optional

Module: Javascript 3: Functional programming

Guided tour of the Javascript 3 module

Why, what, how, and when you will learn about functional programming in Javascript.

Screencast 6 min

Functional programming in Javascript

Understand the basics: how to use functions as values, functions as arguments, and functions as return values.

Screencast 32 min

Stop writing for loops. Start using underscore.

Make your code more compact and understandable with Underscore.js

Underscore home page

Reference guide to underscore functions

Use the source, Luke!

Annotated source code for Underscore. Highly readable.

Optional

Module: Development Environments

Guided tour of the development environments module

Why, what, how, and when you will learn about development environments

Screencast 5 min

Introduction to Development Environments

ROI for IDEs, basic capabilities, our class standard IDE.

Screencast 13 min

Diagnose IntelliJ startup delays

Hints for improving performance if needed

Optional

Configuring IntelliJ IDEA for MacOS

Configuring your Mac so that IntelliJ keyboard shortcuts work as advertised.

Mac users only

ICS Code Style for IntelliJ IDEA

An XML file containing code style preferences for this class.

Module: QA Part 1: Coding standards

Guided tour of the coding standards module

Why, what, how, and when you will learn about coding standards

Screencast 4 min

Introduction to coding standards

Why use coding standards, and how we will use them in this class

Screencast 10 min

Javascript coding standards

Javascript coding standards to observe in this class

AirBnB Javascript Style Guide

Javascript style guidelines for ICS 314

Module: UI Design (Basics)

Guided tour of the UI Design (Basics) module

Why, what, how, and when you will learn about user interface design basics.

Screencast 5 min

UI Design Basics

Introduction to user interface design using HTML and CSS and supporting tools.

Screencast 11 min

Getting started with Google Web Fonts

How to use the Google Web Fonts API to add fonts to your web pages.

Ten Google WebFont Combinations

A hand-picked set of 10 title/text font combinations.

Chrome Developer Tools

Documentation for the developer tools associated with the Chrome browser.

Explore and master Chrome Developer Tools

Course on Chrome Developer Tools offered by Google and Code School.

Optional

Live Reload

How to install and use the Live Reload browser refresh tool.

Optional

Module: UI Design (Frameworks)

Guided tour of the UI Design (Frameworks) module

Why, what, how, and when you will learn about UI Design and framework support.

Screencast 6 min

UI Frameworks

Introduction to user interface frameworks.

Screencast 15 min

Browser Color Pickers

How to use browser-based plugins to determine page colors.

Screencast 6 min

7 rules for creating gorgeous UI (Part 1)

A non-artsy primer in digital aesthetics.

7 rules for creating gorgeous UI (Part 2)

A guide to visual aesthetics, written by a nerd

Clean up your mess: A guide to visual design for everyone

If you’re like most people, you feel like a baby when it comes to visual design. You sometimes have a vague sense of what you want, but can’t articulate it or make it come about. All you can do is point and cry…

Optional

Semantic UI Example CodePens

Example code illustrating Semantic UI features, from Nate Taylor’s PluralSight course

Semantic UI Hello World

Quick start to using Semantic UI with IntelliJ

Color Blocked Home Pages

A common design pattern for home pages

Spaces vs non spaces in CSS rules

What’s the difference between ‘.classA.classB’ and ‘.classA .classB’?

Module: UI Design (React)

Guided tour of the React module

Why, what, how, and when you will learn about React

Screencast 7 min

React Docs

React official reference documentation

Semantic UI/React Docs

Official Semantic UI/React documentation

Meteor, Node, and NPM tips

Trouble shooting for Meteor, Node, and NPM

Module: Databases (MongoDB)

Guided tour of the Mongo module

Why, what, how, and when you will learn about Mongo

Screencast 7 min

Why are we using MongoDB?

Why was MongoDB chosen for this class?

Screencast 7 min

Module: Application Design (Meteor), Part 1

Guided tour of the Meteor, Part 1 module

Why, what, how, and when you will learn about Meteor, Part 1

Screencast 5 min

Introduction to Web Application Frameworks

Ruby on Rails, Spring, Meteor, Request-Response, AJAX, LAMP, MEAN

Screencast 27 min

Meteor Fundamentals

What makes Meteor different? What concepts do I need to understand as a newbie?

Screencast 30 min

Meteor for Newbies: Application Structure

How to organize your files to make a Meteor application

Screencast 19 min

Tips for Meteor

Advice from students on how to improve your Meteor experience

Tips for installing Meteor on Windows

Advice from Cam on how to install Meteor for Windows

Module: Application Design (Meteor), Part 2

Guided tour of the Meteor (Part 2) module

Why, what, how, and when you will learn about Meteor (Part 2)

Screencast 5 min

Introduction to GitHub Desktop, Part 2 (Branching and Merging)

Branching and merging with GitHub Desktop

Screencast 17min

meteor-application-template-react

Template for quickly starting Meteor development projects.

Template code Screencast 27 min

React Uniforms

A package to simplify form management in React and meteor

Meteor Guide: Introduction

About Meteor

Reference

Meteor Guide: Code Style

Suggested style guidelines for your code

Reference

Meteor Guide: Collections and Schemas

How to define, use, and maintain MongoDB collections in Meteor.

Reference

Meteor Guide: Publications and Data Loading

How and where to load data in your Meteor app using publications and subscriptions.

Reference

Module: Project Management

Guided tour of the project management module

Why, what, how, and when you will learn about project management

Screencast 3 min

Introduction to software development process models

Waterfall, Spiral, CMM, Agile…

Screencast 14 min

Introduction to issue driven project management

The project management method to be practiced in this class

Screencast 12 min

BowFolios: Development Process

Learn about the BowFolios development process

Screencast 10 min

Introduction to GitHub Desktop, Part 3 (Merge Conflicts)

Merge conflicts with GitHub Desktop

Screencast 17min

IDPM Guidelines

Guidelines for issue driven project management

GitHub hosting project management guidelines

Guidelines for using GitHub effectively for project hosting

Mastering Issues

GitHub documentation on their Issue manager

GitHub documentation

Tracking the progress of your work with Project Boards

GitHub documentation on their Project Boards tool

GitHub documentation

Tracking the progress of your work with Milestones

GitHub documentation on their Milestones tool

GitHub documentation

Module: Deployment

Guided tour of the Deployment module

What’s in store for this module.

Screencast 3 min

How to deploy software

Deployment goals. Preparation, branching, controlling, and monitoring deployments.

Galaxy Deploy Guide

Reference Guide on how to deploy to Galaxy

Meteor Guide: Deployment

General considerations for deploying Meteor applications: environment variables, domain names, options, and processes.

Optional

Galaxy Help Center

Common issues and their resolution when deploying to Galaxy

Optional

Galaxy Deployment Tutorial

A more comprehensive tutorial on Meteor deployment using Galaxy

Optional

Module: Ethics in Software Engineering

Guided tour of the ethics module

Overview of the ethics module

Screencast 3 min

What do we mean when we talk about ethics?

Definition of ethics, ethics in software engineering, personal vs. professional ethics

Foundations: 1

ACM Code of Ethics

This Code identifies a commitment to ethical professional conduct through 24 statements of personal responsibility.

ACM Software Engineering Code of Ethics and Professional Practice

This Code contains eight Principles related to the behavior of and decisions made by professional software engineers.

Module: Design Patterns

Guided tour of the design patterns module

Overview of the design patterns module

Screencast 3 min

Introduction to design patterns

What are design patterns? Why are they useful?

Screencast 20 min

Design pattern examples in Bowfolios

A walkthrough of Bowfolios, illustrating its design patterns

Screencast 22 min

Design Patterns Tutorial

A tutorial introduction to design patterns by sourcemaking.com

Module: Final Project

Software Engineering Requirements

General process and product requirements

Project: Campus Jam

Requirements for a UHM music jam locator

Project: Club Hub

Requirements for a UHM Student Organization directory application

Project: Manoa Flea Market

Requirements for a UHM Flea Market application

Project: Manoa Munchies

Requirements for a UHM Munchies application

Project: Study Buddy

Requirements for a UHM Study Buddy application

Project: Toaster Oven Lovin'

Requirements for a UHM recipe application

Project: Company Connector

Requirements for a UHM employment locator

Fall 2018 Project Ideas

Student-generated project ideas for Fall 2018

Module: HACC

HACC Home Page

The Hawaii Annual Code Challenge Home Page

HACC 2016

Reflections on my experience participating in the 2016 HACC

HACC 2017

ICS 314 students clean up at HACC 2017

HACC 2018

Recommendations for HACC 2018