COMP3670

Reading list

• w3schools

HTML5

• Dive into HTML5

• HTML5 specification

• Awesome HTML5

• Bootstrap

• Validator

JavaScript

• Awesome JavaScript libraries (mostly client side)

• Awesome Node.js libraries (server side)

CSS

• Awesome CSS stuff

• Font awesome icons

SVG

• D3

Random

• Geocities-izer

• Don’t use JPEG inappropriately

• Webcam.js

Package up the web app

• Cordova (package up a web app as a phone app)

• Electron (package up a web app as a desktop app)

January 6

Introduce yourself

Welcome! Let’s get to know each other with an icebreaker. Answer these questions:

• What is your name?

• Why is Computer Science your major?

• Tell us something nobody else in the room knows about you.

January 8

Install Git and frontends

Windows

Install Git for Windows

Install Git Extensions

Note	Select KDiff, and choose OpenSSH (not PuTTY); otherwise, stick to the default settings.

Mac OS X

Install git from here

Install GitX-dev

Linux

Install git using your package manager.

Note	Don’t forget to use sudo with your package manager.

Run starterupper

Starterupper sets up git and project hosting for this class; it is safe to run even if you already have git and SSH keys set up on your machine.

Open Git Bash (Windows) or Terminal (Linux, Mac OS X) and paste in the command below. Press Shift-Insert to paste in Git Bash.

curl https://raw.githubusercontent.com/lawrancej/COMP3670-2016/master/main.sh | bash

January 11

Install Atom

Let’s dive into HTML, CSS, JavaScript.

January 12

1. Write a home page

2. Write down project ideas (look around at existing web applications)

3. Begin to think about who to work with

git checkout -b gh-pages
git push origin gh-pages

Go to: http://lawrancej.github.io/COMP3670-2016/Code/example.html

January 13

• Install Node.js Stable (not LTS) for your platform.

• Also, Instal Docker toolbox for your platform.

• Font awesome

cd ~/COMP3670-2016
git pull upstream master
cd Code
node node-example.js

Go to: http://127.0.0.1:1337/ and it should say Hello World