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.

In this lab we're going to build a very simple Node Web App using the WebStorm IDE. If you haven't done so already, get it set up by following the WebStorm IDE Setup. This web app won't have much functionality but it will take you through the process of building a Node Web app using WebStorm.

In this lab we will be using our WebStorm IDE to build a simple Node/Express Server to initially act as a Web Service APi which we will test manually, and eventually it will be our back-end to a full MEAN Stack Web App.

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.

In this lab we will be introducing some proper persistence, through a MongoDB backend, initially running locally, and then eventually deploying to www.mlab.com so that we can have remote mongo support.

As a related exercise (and a useful one!) you should complete this lab in the context of your own Web App, and deploy your Node Server to Heroku.

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.

This lab involves building your 1st Vue Web App - DonationVue-1.0.

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.

This lab involves adding some actual functionality to our Vue Web App - DonationVue-2.0 with the ability to List and add Donations.

This lab involves adding more functionality to our Vue Web App - DonationVue-3.0 with the ability to Update, Delete and Upvote Donations.

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.

As a related exercise (and a useful one!) you should complete this lab in the context of your own Web App, and deploy your app to Firebase.

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.