
Learn a full stack web app with Node.js, Angular.js, and MongoDB using a modern JavaScript approach; build a simple real-time Twitter-like app and deploy your own web app without hiring.
Explore how Node.js enables real-time, data-intensive apps through an event-driven, non-blocking server-side environment. Learn to build APIs and websites with Express, MongoDB, and Angular, the full-stack JavaScript trio.
Install Sublime Text as your editor, sign up for Mongul as a service, use PowerShell for commands, and push to Good hop to deploy your real-time web app.
Start your first project by scaffolding a real-time web app using Node.js, installing Express, Mongoose, and body-parser, creating a basic server, and running it on port 3000.
Create a configuration file exporting variables, require it in the server to set up data and a secure cookie, and add middleware with body-parser extended true for images and JSON.
Create your first hello world in a real-time web app by building public and views folders, and using a route that returns hello world with Morgan logging 200 status.
Create a database by setting up a free deployment, creating a new user, and copying the connection string; then install mongoose, connect your node.js app, and test the connection.
Create your first user schema with mongoose by defining a user model in the models folder, including username and password fields, hiding the password, and exporting the model.
Hash passwords in a node.js app by using a mongoose pre-save hook with bcrypt, applying schema validation, and securely saving hashed credentials before database storage.
Create a custom method on the user schema to compare a given password with password in database, using this to refer to the user, and prepare your first API.
Build your first signup api in node.js by setting up routes, wiring the user model, parsing request bodies, saving to the database, and testing with postman.
Explore building a login API with a token-based authentication using jsonwebtoken, comparing cookie-based sessions to stateless tokens, validating user credentials and returning a signed token.
Implement a custom middleware that validates login tokens for protected routes by extracting the token from headers or body and allowing access only after successful verification.
Test the middleware by securing a home API with token-based authentication, using Postman to log in, obtain a token, and verify access with and without the x-access-token header.
Create a dynamic real-time web app by building a story schema with mongoose, linking it to a user as creator, and saving stories with content and a created date.
Enable the post method on the home API so logged-in users post stories to the database by decoding the token. Retrieve all stories by the user.
Create a dedicated API to authenticate and fetch the logged-in user's data for a real-time web app with node.js, angular.js, and mongoDB, enabling front-end access via a /me route.
Configure the front end by setting up express to serve public files, integrate bootstrap, and create the angular app with index and views to render css and javascript.
Develop an Angular auth service using a factory to call the authentication API, manage login tokens, implement login/logout, and verify token presence for guarded routes.
Create an Angular auth token factory to retrieve the browser token via window, then store, validate its legitimacy, and manage it in local storage.
Create an Angular auth interceptor factory that checks for a token in local storage, adds the x-access-token header, and redirects to login when missing.
Create a main Angular controller to manage login and logout, use a service to fetch user data and tokens, and implement route changes with an interceptor before redirecting on success.
Learn to implement a client-side routing system in an Angular app, configuring ngRoute, route providers, and redirects to a login page, with modular code, controllers, services, and views.
Implement a login flow with a form, validate credentials, and redirect to the home page while storing the authentication token in local storage for subsequent requests.
Build a signup frontend by creating a user service and controller to post signup data to the api, store the token, and redirect to the home page in angular.
Test the login and logout flow by showing a dynamic navigation bar when users are logged in, handling tokens, and updating the UI through the main controller.
Fix signup bugs by correcting the password field, generating and attaching a user token in requests, and updating the login/signup flow to display the username and store tokens locally.
Create a story service and its controller, wire them to routes, and enable posting and retrieving stories in a real-time app with node.js, angular.js, and mongodb.
Implement a story creation flow with a story service and controller, parsing user data, posting to the api, clearing the form, and enabling real-time updates via sockets.
Add real-time capability to your web app by installing socket.io, integrating it with node.js and express, and broadcasting updates to connected clients in real time.
Build a real-time all stories feature by creating an API route, a story service, and a controller in node.js and angular.js, with a resolve to preload data.
Create a new Angular directive reverse.js to reverse the order of items in a list by returning a function that slices the items, then integrate the directive into the app.
Learn how to deploy your real-time web app to the world by configuring Git, creating a Heroku app, and pushing to Git and Heroku for a live, accessible application.