-
00: Assignment Specifications
-
Assignment 1
-
Assignment 2
-
-
00: Module Overview
-
Course Preview + Html Editing
-
-
01: Introducing HTML
-
HTML Fundamentals
-
-
02: Introducing CSS
-
HTML & CSS
-
CSS Fundamentals
- 02: Introducing CSS
-
-
03: Box & Grid
-
Box Model
-
Layout
- 03: Box & Grid
-
-
04: Navigation & Style
-
Navigation
-
Design I: Introduction
-
-
05: Deployment & Templating
-
Deployment
-
Templating
-
Design II: Typography (+ html coding standards)
- 05a: Templating
-
-
06: Semantic + CSS Frameworks
-
06a: Semantic HTML
-
06b: CSS Frameworks & Semantic UI
-
06c: Colour
-
06d: Web Project Repositories
- 06a: Semantic + CSS Frameworks
-
-
07: Applications
-
Introducing Play Framework
-
Play Project Structure
- 07: Starting to Play
-
-
08: Models & Views
-
Controllers + Views
-
Models
- 08: Introducing MVC
-
-
10: Sessions
-
Sessions in Todo
- 10: Sessions
-
-
11: Sessions & Models
-
Play Review
-
Playlist Sessions
-
UX for Application Development
- 11a: Playlist Sessions
-
-
12: Deployment
-
Git
-
Deployment
- 12: Deployment
-
00: Assignment Specifications
![](./topic---assignments/topic.png)
specifications · assignments · grading guidelines · schedule · submission
00: Module Overview
![](./topic-00-overview/topic.jpg)
topics · schedules · calendar · assignments · first lab
01: Introducing HTML
![](./topic-01-introducing-html/topic.png)
web · client/server · browser · html · documents · elements · attributes · links ·images · page structure · nesting · wireframing · block · inline
02: Introducing CSS
![](./topic-02-introducing-css/topic.jpg)
markup · style · function· stylesheet · rules · selectors · declarations· properties · values · classes · ids · inheritance
03: Box & Grid
![](./topic-03-box-model/topic.png)
padding · border · margin · width · grid · grid-template-columns · grid-column-start · span · grid-gap
04: Navigation & Style
![](./topic-04-navigation/topic.jpeg)
indentation · encoding · doctype · validity · semantics · entities · type attributes · quotations · nav · tab · current · padding · border · menu · li · ul · header · main · nav · aside · article · footer · section · figure
05: Deployment & Templating
![](./topic-05-templating/topic.png)
clients · servers · hosting · domains · dns · paths · http · command prompt · node · harp · surge · server · compile · EJS · dry · wet · engine · partials · includes · layouts · paths · compile
06: Semantic + CSS Frameworks
![](./topic-06-css-frameworks/topic.jpg)
review · bootstrap · semantic ui · container · segment · grid · stackable · tables · icons · images · row · col
07: Applications
![](./topic-07-starting-play/topic.png)
sites · apps · frameworks · command line · ide · java · request · response · front-end · back-end
08: Models & Views
![](./topic-08-introducing-mvc/topic.png)
Models · Views · Controllers · conf · Song · Playlist · ArrayList · OneToMany · Bootstrap
09: Forms
![](./topic-09-forms/topic.png)
routes · get · post · delete · template loops · submit · buttons · 404
10: Sessions
![](./topic-10-sessions/topic.png)
stateless · stateful · tracking · cookies · signup · login · logout · session object · clearing
11: Sessions & Models
![](./topic-11-playlist-sessions/topic.png)
song · playlist · session · add · delete · login · signup
12: Deployment
![](./topic-12-deployment-review/topic.jpg)
heroku · cli · config · database · dashboard · logs · startup · management · shutdown