Skip to content
Browse files
updated the readme file
  • Loading branch information
aa7401 committed Jul 18, 2019
1 parent 01885aa commit fd0ca40
Showing 1 changed file with 11 additions and 147 deletions.
@@ -1,154 +1,18 @@
# Teaching Plan
# Web Foundation

The module covers a lot of technical content and this is split over 10 weekly labs. Make sure you complete _all_ lab exercises.
This teaching material covers the foundation skills required to understand the world wide web and develop software for it. You should learn this material before attempting other teaching resources such as `dynamic-websites` and `restful-apis`.

## Assessment
The materials are split into several key topics:

The assessment for this module is split into two parts:
1. Understanding the HTTP protocol that underpins the world wide web.
2. Learning about the latest version of the Hypertext Markup Language used to building structured content.
3. Applying Cascading Stylesheets to change the appearance of web pages.
4. Learning the foundations of the NodeJS programming language.
5. Data persistence using a relational database.
6. Understanding a number of tools that can be used to improve the quality of the code you write.
7. Writing automated unit tests using Jest.

1. A phase test that covers the **foundation** materials (the first 5 lectures and labs).
2. 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.

1. 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.
2. 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.

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

[Link to worksheet](

## 2 Learning HTML5

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

[Link to worksheet](

## 3 Learning CSS3

1. Introduction to CSS3
1. CSS Basics
2. Selector
3. Fine-tuning your CSS
2. 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](

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

[Link to worksheet](

## 5 Functions and Objects

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

[Link to worksheet](

## 6 Version Control

1. **Phase test**
2. Using Git locally
3. Using Git remotes

[Link to worksheet](

## 7 The Express Web Server

1. Package manifests
2. Routing
3. Templating
4. Modular code

[Link to worksheet](

## 8 Data Persistence

1. The Filesystem
2. SQLite
3. Document databases
4. Relational databases
5. Graph databases

[Link to worksheet](

## 9 Automated Testing

1. Unit testing
2. Code coverage
3. Testing async code

[Link to worksheet](

## 9 Deployment

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

[Link to worksheet](

## 10 Responsive Web Design
Each topic should be worked through carefully and you should always complete the activities listed in the **Test Your Understanding** sections to ensure you fully understand the subject before moving on.

## About this Github repository

0 comments on commit fd0ca40

Please sign in to comment.