FRONT-END AND BACK-END WEB DEVELOPMENT

NODE.JS - EXPRESS.JS - MONGODB - ANGULAR.JS

COURSE OVERVIEW
Node.js, Express.js, MongoDB, and Angular.js stack is basically a collection of JavaScript-based web
development technologies. Angular.js being front-end Client makes AJAX calls to Express.js returning
response in JSON format. Express.js that is running on Node.js back-end Server further communicate
with MongoDB as persistent medium (a NoSQL database).
This 4-day course provides students with knowledge and skill to develop a modern web application using the
Node.js, Express.js, MongoDB, and Angular.js technologies. After completing this course, students will be able to
set up a web development project using Node.js, Express.js, MongoDB, and Angular.js, build data model with
MongoDB, build Single-page Application with Angular.js, work with authentication in the Angular apps.
Duration: 4 days
WHO SHOULD ATTEND PREREQUISITES
Web developers who want to learn how to build web  Experience in web development and
applications using Node.js stack frameworks programming would be helpful.

COURSE CONTENT
BACK-END SIDE - NODE.JS, EXPRESS.JS, MONGO.DB
INTRODUCING FULL-STACK DEVELOPMENT
Why learn the full stack? • Introducing Node.js: The web
server • Introducing Express.js: The framework •
Introducing MongoDB: The database • Introducing
Angular.js: The front-end framework • Supporting cast
DESIGNING A JAVASCRIPT’S STACK ARCHITECTURE
A common JavaScript stack architecture • Looking beyond
SPAs • Designing a flexible JavaScript stack architecture •
Planning a real application • Breaking the development into
stages • Hardware architecture
CREATING AND SETTING UP A WEB PROJECT
A brief look at Express.js, Node.js, and NPM • Creating an
Express.js project • Modifying Express for MVC • Import
Bootstrap for quick, responsive layouts
BUILDING A STATIC SITE WITH NODE.JS EXPRESS.JS
Defining the routes in Express.js • Building basic controllers
• Creating some views • Adding the rest of the views
CONSUMING A REST API: USING AN API FROM INSIDE
EXPRESS.JS
How to call an API from Express • Using lists of data
from an API: The Loc8r homepage • Getting single
documents from an API: The Loc8r Details page •
Adding data to the database via the API: Add Loc8r
reviews • Protecting data integrity with data validation
FRONT-END DEVELOPMENT - ANGULAR.JS
ADDING ANGULAR.JS COMPONENTS TO AN
EXPRESS.JS APPLICATION
Getting Angular.js up and running • Displaying and
filtering the homepage list • Getting data from an API
BUILDING A SINGLE-PAGE APPLICATION WITH
ANGULAR.JS : FOUNDATIONS
Setting the groundwork for an Angular SPA • Switching
from Express routing to Angular routing • Adding the
first views, controllers, and services • Improving browser
performance

BUILDING DATA MODEL WITH MONGODB & MONGOOSE
Connecting the Express.js apps to MongoDB using
Mongoose • Why model the data? • Defining simple
Mongoose schemas • Using the MongoDB shell to create
MongoDB database & add data • Getting our database live
WRITING A REST API: EXPOSING THE MONGODB
DATABASE TO THE APPLICATION
The rules of a REST API • Setting up the API in Express.js •
GET methods: Reading data from MongoDB • POST
methods: Adding data to MongoDB • PUT methods:
Updating data in MongoDB • DELETE method: Deleting
data from MongoDB
BUILDING AN SPA WITH ANGULAR: THE NEXT LEVEL
A full SPA: Removing reliance on the server-side
application • Adding additional pages and dynamically
injecting HTML • More complex views and routing
parameters • Using Angular UI components to create a
modal popup
AUTHENTICATING USERS, MANAGING SESSIONS, AND
SECURING APIS
How to approach authentication in the full stack •
Creating a user schema for MongoDB • Creating an
authentication API with Passport • Securing relevant API
endpoints • Creating Angular authentication service •
Creating register and login pages • Working with
authentication in the Angular app

SUGGESTED NEXT COURSE

 Web Application Security
 Building PHP Web Service API
 Oracle 12c Weblogic Administration
