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
Introduction to the concepts of Back End Scripting
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
A worked solution to gomark V1
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.
Exploring length, slice, concat, join, indexOf, lastIndexOf
Using for, while and do-while to iterate over an array
Creating, accessing, adding to and removing from arrays.
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.
Gomark V3 Review
The fundamentals of the cloudinary service + API
A review of the UX of the picture-store app
The Glitch app implementation.
Review the structure, syntax and access rules for Javascript Objects
Walk through the Playlist 4 application in detail
Function return values, scope and structure
How more complex data structures can be constructed.
A review of the course and a peek into the future of your learning