Schedule and structure of the Summer School

Deploying a site involves understanding a little more about Clients & Servers, Hosting Providers, Domain Names, Transferring the Sites Files, HTTP and Absolute & Relative Paths

Harp.js and Surge.sh are the two services we will use to server the page locally, and also to deploy it to a public web server.

A review of the the evolution of a web site from simple unstyled pages to a reasonable simple but appealing layout.

The EJS template system implements mechanisms for assembling sites from templates - which are called 'partials' in EJS. Additionally, there is a complimentary 'layout' mechanism for reusing entire page structures.

An overview of the container and segments styles in the framework

An exploration of the Grid and Image styles.

An exploration of the Tables

Our final tour of the Semantic-UI library - with a focus on icons, variations in segments and responsive grids

What is is, what role it plays, why was it built.

A look at at the components of a glitch project. Also types of project will we build?

The options available in a Glitch project + a an overview of the community projects

Place javascript in its proper context, and explore its relationship to the browser.

Explore the javascript variables, including the basic types, conversion and usage

Boolean expressions, operators and selection statements

Using const & let. Declaring and using objects.

A concise tour of the structure of variables & objects in Javascript

Structure of a web app: Front-end Vs Backend. Routers, Models, Views, Controllers

Views: Handlebars layouts, partials and templates

The backend will use a modular approach, relying on specific mechanism to import/export shared objects

Server, routes + controllers

Templates enable dynamic composition of views from layouts, partials and expressions.

JSON is notatino for representing javascript objects in a simple literal format.

Review thee dashboard controller in detail.

Revise the Dashboard to render playlist without their contents. Use a new playlist view renders individual playlists

Explore the MVC Pattern in action in Playlist 2

MVC is the guiding principle for the structure of our application.

How to remove a song from the playlist

How a form UI is laid out in HTML using Semntic UI

How to accept user input from a form and process it in a controller

The Playlist are ultimately stored in a JSON file. This file is managed by database modules.

Creating, accessing, adding to and removing from arrays.

Exploring length, slice, concat, join, indexOf, lastIndexOf

Using for, while and do-while to iterate over an array

A review of the structure of arrays of Strings

Arrays of more complex data structures, including nested objects.

Keeping track of the currently logged in user is a challenge - as HTTP is, by definition 'stateless'. Hidden form fields, url rewriting and cookies are three common techniques for implementing sessions.

Explore how we need to refactor the application to support sessions

New forms needed to enable the user to signup / login

The API to create, access and destroy sessions.