![Angular and Node.js - The MEAN Stack Guide [Video]](https://static.packt-cdn.com/products/9781789959741/cover/smaller)
Angular and Node.js - The MEAN Stack Guide [Video]
- FREE Subscription Read for free
- $129.99 Video Buy
- $12.99 Video + Subscription Buy
-
What do you get with a Packt Subscription?
- Instant access to this title and 7,500+ eBooks & Videos
- Constantly updated with 100+ new titles each month
- Breadth and depth in over 1,000+ technologies
-
Free ChapterGetting Started
-
The Angular Frontend - Understanding the Basics
- Module Introduction
- Understanding the Folder Structure
- Understanding Angular Components
- Adding our First Component
- Listening to Events
- Outputting Content
- Getting User Input
- Installing Angular Material
- Adding a Toolbar
- Outputting Posts
- Diving Into Structural Directives
- Creating Posts with Property & Event Binding
- Creating a Post Model
- Adding Forms
- Getting Posts from Post-Create to Post-List
- Calling GET Post
- More About Observables
- Working on our Form
-
Adding NodeJS to our Project
-
Working with MongoDB
- Module Introduction
- What is MongoDB?
- Comparing SQL & NoSQL
- Connecting Angular to a Database
- Setting Up MongoDB
- Adding Mongoose
- Understanding Mongoose Schemas & Models
- Creating a POST Instance
- Connecting our Node Express App to MongoDB
- Storing Data in a Database
- Fetching Data From a Database
- Transforming Response Data
- Deleting Documents
- Updating the Frontend after Deleting Posts
- Adding Posts with an ID
-
Enhancing the App
-
Adding Image Uploads to our App
- Module Introduction
- Adding the File Input Button
- Converting the Form from a Template Driven to a Reactive Approach
- Adding Image Controls to Store the Image
- Adding an Image Preview
- Starting with the Mime-Type Validator
- Finishing the Image Validator
- Adding Server Side Upload
- Uploading Files
- Working with the File URL
- Fetching Images on the Frontend
- Updating Posts with Images
- Wrap Up
-
Adding Pagination
-
Adding User Authentication
- Module Introduction
- Adding the Login Input Fields
- Handling User Input
- Adding the Signup Screen
- Creating the User Model
- Creating a New User Upon Request
- Connecting Angular to the Backend
- Understanding SPA Authentication
- Implementing SPA Authentication
- Sending the Token to the Frontend
- Adding Middleware to Protect Routes
- Adding the Token to Authenticate Requests
- Improving the UI Header to Reflect the Authentication Status
- Improving the UI Messages to Reflect the Authentication Status
- Connecting the Logout Button to the Authentication Status
- Redirecting Users
- Adding Route Guards
- Reflecting the Token Expiration in the UI
- Saving the Token in the Local Storage
-
Authorization
-
Handling Errors
-
Optimizations
-
Deploying our App
-
Course Roundup
About this video
This course will take you on a journey where you'll you will learn to create modern, scalable, and high-speed web applications with Angular (formerly Angular 2, now just Angular) and Node.js, Express, and MongoDB. Angular 1 and Node.js—together with Express.js (a Node.js framework) and MongoDB—formed the very popular MEAN stack. Now is the time to dive into MEAN 2.0 and replace Angular 1 with Angular 2+. This course is no Angular course , but it includes detailed explanations of the core concepts used as well as about Angular in general.
The code bundle for this video course is available at https://github.com/PacktPublishing/Angular-and-Node.js---The-MEAN-Stack-Guide
- Publication date:
- October 2018
- Publisher
- Packt
- Duration
- 13 hours 0 minutes
- ISBN
- 9781789959741
Download code from GitHub