Dynamic Web Development
Introduction
1.
MEAN Setup
1.1.
WebStorm IDE
1.2.
AngularJS
1.3.
NodeJS
1.4.
Express
1.5.
MongoDB
2.
Practical Labs
2.1.
Lab 1 - DonationWebStorm (Express & Node Web App using WebStorm)
2.1.1.
Step 1 - Objectives
2.1.2.
Step 2 - Project Setup
2.1.3.
Step 3 - Customising our Home Page
2.2.
Lab 2 - DonationWeb 1.0 (Express & Node)
2.2.1.
Step 1 - Objectives
2.2.2.
Step 2 - Project Setup
2.2.3.
Step 3 - Creating our 'Model'
2.2.4.
Step 4 - Adding our 'Routes', Part 1 ('findAll' & 'findOne')
2.2.5.
Step 5 - Adding our 'Routes', Part 2 ('addDonation', 'deleteDonation' & 'incrementUpvotes')
2.2.6.
Step 6 - Android App REST APi Integration
2.2.7.
Solution
2.3.
Lab 3 - DonationWeb 2.0 (Mongo, Express & Node)
2.3.1.
Step 1 - Objectives
2.3.2.
Step 2 - Setup
2.3.3.
Step 3 - Creating our Database Schema
2.3.4.
Step 4 - Modifying our 'Routes', Part 1 ( 'findAll' & 'findOne' )
2.3.5.
Step 5 - Modifying our 'Routes', Part 2 ( 'addDonation', 'deleteDonation' & 'incrementVotes' )
2.3.6.
Solution
2.4.
Lab 4 - DonationWeb 3.0 (Angular Client App)
2.4.1.
Step 1 - Objectives
2.4.2.
Step 2 - Setup
2.4.3.
Step 3 - Implement 'About Us' Page
2.4.4.
Step 4 - Implement 'Contact Us' Page
2.4.5.
Solution
2.5.
Lab 5 - DonationWeb 4.0 (MEAN App)
2.5.1.
Step 1 - Objectives
2.5.2.
Step 2 - Setup
2.5.3.
Step 3 - 'View All Donations'
2.5.4.
Step 4 - 'Donate'
2.5.5.
Step 5 - 'Delete' and 'UpVotes'
2.5.6.
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
Dynamic Web Development
Solution - Lab 2
You can find the solution to this lab
here
and your project should look something like this
