Web Application Development Labs
Introduction
1.
MEAN Setup
1.1.
AngularJS
1.2.
NodeJS
1.3.
Express
1.4.
MongoDB
2.
Practical Labs
2.1.
Lab 1 - Donation 1.0 (Angular App)
2.1.1.
Step 1 - Objectives
2.1.2.
Step 2 - Setup
2.1.3.
Step 3 - Implement 'About Us' Page
2.1.4.
Step 4 - Implement 'Contact Us' Page
2.1.5.
Solution
2.2.
Lab 2 - Donation 2.0 (Angular App)
2.2.1.
Step 1 - Objectives
2.2.2.
Step 2 - Setup
2.2.3.
Step 3 - 'View All Donations'
2.2.4.
Step 4 - 'Donate'
2.2.5.
Step 5 - 'Delete' and 'UpVotes'
2.2.6.
Solution
2.3.
Lab 3 - Donation 3.0 (Express, Node & Angular App Part 1)
2.3.1.
Step 1 - Objectives
2.3.2.
Step 2 - Setup
2.3.3.
Step 3 - Importing our Angular Project
2.3.4.
Step 4 - Refactoring our Controllers
2.3.5.
Step 5 - Updating our Views
2.3.6.
Solution
2.4.
Lab 4 - Donation 4.0 (EAN Part 2)
2.4.1.
Step 1 - Objectives
2.4.2.
Step 2 - Setup
2.4.3.
Step 3 - Creating our 'Model'
2.4.4.
Step 4 - Adding our 'Routes', Part 1 ('home' & 'findAll')
2.4.5.
Step 5 - Updating our 'Views' Part 1
2.4.6.
Step 6 - Adding our 'Routes', Part 2 ('Add', 'Delete' & 'UpVotes')
2.4.7.
Step 7 - Updating our 'Views', Part 2
2.4.8.
Solution
2.5.
Lab 5 - Donation 5.0 (MEAN)
2.5.1.
Step 1 - Objectives
2.5.2.
Step 2 - Setup
2.5.3.
Step 3 - Creating our Database Schema
2.5.4.
Step 4 - Modifying our 'Routes', Part 1 ( 'findAll' & 'addDonation' )
2.5.5.
Step 5 - Modifying our 'Routes', Part 2 ( 'deleteDonation' & 'incrementVotes' )
2.5.6.
Step 6 - Updating our 'Views'
2.5.7.
Solution
3.
Deploying our App to Heroku
3.1.
Step 01 - Requirements
3.2.
Step 02 - Using BitBucket & SourceTree
3.3.
Step 03 - The Heroku Toolbelt
3.4.
Step 04 - Heroku & MongoLab
Powered by
GitBook
Web Application Development Labs
Solution - Lab 1
You can find the solution to this lab
here
.