Teaching Plan

The module covers a lot of technical content and this is split over 10 weekly labs. Make sure you complete all lab exercises.

Assessment

The assessment for this module is split into two parts:

A phase test that covers the foundation materials (the first 5 lectures and labs).
A report that covers the building and testing of your website. Both the assignment brief and grading rubric can be found on CUMoodle.

The module is split into 10 lectures and labs.

The first 5 should be considered foundation and cover the core skills and knowledge. These will be assessed in the phase test which takes place on week 6.
The remainder of the lectures and labs cover the skills needed to build and test a dynamic website and this will be assessed in the practical assessment.

2 Module Content

Setup and The HTTP Protocol

In this first lab you will learn how to set up your development environment and will also learn about the HTTP Protocol that powers the Internet.

Setup
1. Codeanywhere
2. Cloning lab materials
3. Organising the IDE
The HTTP protocol
1. Request/response
2. Using the POST method
3. Metadata

Link to worksheet

2 Learning HTML5

Syntax
Lists
Hypermedia
1. Routes
2. Hyperlinks
3. Images
4. Media
Tables
Forms
1. POST vs GET
2. Form controls
3. Labelling forms
4. Form validation

Link to worksheet

3 Learning CSS3

Introduction to CSS3
1. CSS Basics
2. Selector
3. Fine-tuning your CSS
Using CSS for page layout
1. CSS box model
2. Positioning elements
3. Navigation

Link to worksheet

4 Introduction to JavaScript/NodeJS/ECMA6

Understanding ECMAScript 6

Working with NodeJS
1. Executing NodeJS files
2. Installing packages
3. Listing and uninstalling packages
4. Useful modules
Variables and Scope
1. Variables and Scope
2. Strict mode
3. Importing a package or module
4. Conditionals and loops
5. Strings
6. Arrays
Data types
Errors and exceptions

Link to worksheet

5 Functions and Objects

Functions
1. Function syntax
2. The spread operator
3. The Arguments object
4. The rest parameter
5. Default parameters
6. Function expressions
7. Callbacks
Objects
1. Creating object literals
2. Retrieving object properties
3. Modifying objects
4. Undefined values

Link to worksheet

6 Version Control

Phase test
Using Git locally
Using Git remotes

Link to worksheet

7 The Express Web Server

Package manifests
Routing
Templating
Modular code

Link to worksheet

8 Data Persistence

The Filesystem
SQLite
Document databases
Relational databases
Graph databases

Link to worksheet

9 Automated Testing

Unit testing
Code coverage
Testing async code

Link to worksheet

9 Deployment

Building a web server
1. Raspberry Pi
2. Cloud using Heroku
Transferring files
1. File transfer protocol
2. Directory synchronisation
3. Git

Link to worksheet

10 Responsive Web Design

About this Github repository

This Github repository is a collaborative work between Coventry University and Helsinki Metropolia University of Applied Sciences. The repository was initially set up by Mark Tyers who contributed initial drafts of most exercises. During the 1st semester of the 15-16 academic year, this set of material was used by Erja, Vesa and colleagues, who made substantial improvements.

Additions were made by Jianhua Yang between 2016-17 after which the module was taken over by Mark Tyers for the 2018 delivery.

Tagged releases have been created at the end of each semester of delivery to act as snapshots of the materials. These can be accessed in GitHub under the Releases tab.

$ git tag -a 1415OCTMAY 582f65c -m '1415OCTMAY'
$ git push origin 1415OCTMAY

Deleting tags (local then remote).

$ git tag --delete 582f65c
$ git push -delete origin 582f65c

Notes:

Express vs Koa vs Hapi: https://www.sitepoint.com/express-koa-hapi/

Good article on Koa covering useful bits such as global error handling: https://scotch.io/tutorials/introduction-to-koa-the-future-of-express

horstcrl/TEACHING-MATERIALS

About

Resources

Stars

Watchers

Forks

Releases

Languages