A detailed specification of the Web Application Development first assignment. This comprises a Node Web Server including RESTful API.

A detailed specification of the Web Application Development second assignment.

Here you will find a brief talk about myself, my background and what this Module will cover in the different sections. We'll talk about the specifics of the module, the material and the assessment schedule and breakdown.

Here we take a quick look at JavaScript, the language, its constructs, variables, objects etc. It is recommended you cover this section if you are unfamiliar with javascript.

Here we take a quick look at web services and REST in general. This section acts as support material to the remainder of the slide in this module.

Here we explore the general context of Web Apps, their history and the different technologies available to the developer to build them.

Here we discuss Node in general, the frameworks available to the app developer and the different approaches that can be followed in the design and development of a Node web app.

Here we investigate some of the more advanced features used in the design of Node web apps and focus on a particular Framework - Express.

Here we explore the use of NOSQL databases when used in Node web apps. We focus on MongoDB and Mongoose to build persistence into our Case Study web app.

Here we cover a brief overview of Vue, looking at the Core features of the framework and some interesting and useful info to aid the understanding of how developers can make the best use of those features in web app development.

Here we look at how the framework handles synchronising data between the model and the view via 2-way reactive data binding, as well as how that data can be manipulated.

Here we explore one of the core features of Vue, specifically how to reuse Components for better design and maintainability of our web apps.

Here we discuss the different approaches available to the developer for implementing url routing in a Vue web app, from very basic in-line routing to advanced component based systems.

Directives are a fundamental part of any Vue web app. In this section we look at the different types of directives that the developer can use to enhance the functionality and usefulness of a Vue app.

Event Handling is pretty much a given for any useful web app. Here we discuss Vue Event Handling in general, and look at specific examples implemented in our Case Study.

Here we discuss the use of Filters in Vue and how the developer can use Filters to change the way data is presented to the user.

Here we discuss some of the slightly more advanced features of Vue and how we can trigger events or side effects when the data model changes.

Here we introduce the Vue.js transition wrapper component, which allows add, entering and leaving transitions for any element or component in multiple contexts.

Here we take a quick look at our case study web app and its build structure using Webpack.

Here we take a quick look at how we use Axios - A Promise based HTTP Client - to make calls on our Node Server.