Overview
-
Learn how to work with Angular 2 and Node.js to build a full-stack web application—which you can later use as a template for your own web app.
Syllabus
-
Introduction
- Welcome
- What you should know
- Using the exercise files
- Demo application overview
- Architectural overview
- Download and install Node
- Creating and configuring the Angular 2 project
- Creating the component
- Show our data
- Refining your layout with Angular Material
- Set up express
- Create a service
- Updating Angular to get data from your service
- Create a post service
- Save data to a list
- Creating an express router
- Creating the component
- Get our input data
- Communicate between multiple components with Output and ViewChild
- Create a data store in our service
- Handle errors with try or catch
- Create a nav bar
- Set up routes
- Add a messages route
- Pass a route parameter
- Retrieve a route parameter
- HTTP get with Observable
- Broadcast an event with a subject
- Observables and the async pipe
- Create a register layout
- Reactive forms with FormBuilder
- Validate with reactive forms
- Validate passwords with a custom validator
- Validate emails with a custom validator
- Create an Angular auth service
- Create a node register service
- Authenticate with JSON web tokens
- Store a token with Angular
- Implement an authentication check
- Log out
- Create an Angular login component
- Create the login services
- Send a token with Angular HTTP requests
- Create a security middleware
- Edit user Info
- Update message posting
- Next steps
