Angular Node JS The MEAN Stack Guide
Learn with Collegites.tech
12 modules
Access for 2 days
Master Angular, Node.js, and the MEAN stack for full-stack web development
Overview
This comprehensive course covers Angular, Node.js, and the MEAN stack, providing you with a solid foundation in full-stack JavaScript development. You will learn how to build dynamic web applications using these technologies, along with best practices and common patterns in MEAN stack development.
Key Highlights
Full-stack JavaScript development
Angular and Node.js integration
Building dynamic web applications
What you will learn
Build dynamic web applications
Learn how to create interactive and responsive web applications using Angular and Node.js.
MEAN stack development
Understand the key components of the MEAN stack and how to leverage them for full-stack development.
Best practices and common patterns
Discover best practices and common design patterns for developing robust and scalable web applications.
Modules
Getting Started
9 attachments • 39.13 mins
1. Introduction
2. What is MEAN
3. What is a Single Page Application (SPA)
4. How Does the MEAN Stack Work
6. Installing Node & the Angular CLI
7. Installing our IDE
8. Exploring the Project Structure
9. Course Outline
10. How To Get The Most Out Of This Course
The Angular Frontend - Understanding the Basics
18 attachments • 1 hrs
1. Module Introduction
2. Understanding the Folder Structure
3. Understanding Angular Components
4. Adding our First Component
5. Listening to Events
6. Outputting Content
7. Getting User Input
8. Installing Angular Material
9. Adding a Toolbar
10. Outputting Posts
11. Diving Into Structural Directives
12. Creating Posts with Property & Event Binding
13. Creating a Post Model
14. Adding Forms
15. Getting Posts from Post-Create to Post-List
16. Calling GET Post
17. More About Observables
18. Working on our Form
Adding NodeJS to our Project
11 attachments
1. Module Introduction
2. Connecting Node & Angular - Theory
3. What is a RESTful API
4. Adding the Node Backend
5. Adding the Express Framework
6. Improving the server.js Code
7. Fetching Initial Posts
8. Using the Angular HTTP Client
9. Understanding CORS
10. Adding the POST Backend Point
11. Adding Angular
Working with MongoDB
15 attachments
1. Module Introduction
2. What is MongoDB
3. Comparing SQL & NoSQL
4. Connecting Angular to a Database
5. Setting Up MongoDB
7. Adding Mongoose
8. Understanding Mongoose Schemas & Models
9. Creating a POST Instance
10. Connecting our Node Express App to MongoDB
11. Storing Data in a Database
12. Fetching Data From a Database
13. Transforming Response Data
14. Deleting Documents
15. Updating the Frontend after Deleting Posts
16. Adding Posts with an ID
Enhancing the App
9 attachments
1. Module Introduction
2. Adding Routing
3. Styling Links
4. Client Side vs Server Side Routing
6. Creating the edit Form
7. Finishing the Edit Feature
8. Updating Posts on the Server
9. Re-Organizing Backend Routes
10. Adding Loading Spinners
Adding Image Uploads to our App
13 attachments
1. Module Introduction
2. Adding the File Input Button
3. Converting the Form from a Template Driven to a Reactive Approach
4. Adding Image Controls to Store the Image
5. Adding an Image Preview
6. Starting with the Mime-Type Validator
7. Finishing the Image Validator
8. Adding Server Side Upload
9. Uploading Files
10. Working with the File URL
12. Fetching Images on the Frontend
13. Updating Posts with Images
14. Wrap Up
Adding Pagination
6 attachments
1. Module Introduction
2. Adding the Pagination Component
3. Working on the Pagination Backend
4. Connecting the Angular Paginator to the Backend
5. Fetching Posts Correctly
6. Finishing Touches
Adding User Authentication
38 attachments
1. Module Introduction
2. Adding the Login Input Fields
3. Handling User Input
4. Adding the Signup Screen
5. Creating the User Model
6. Creating a New User Upon Request
7. Connecting Angular to the Backend
8. Understanding SPA Authentication
9. Implementing SPA Authentication
10. Sending the Token to the Frontend
11. Adding Middleware to Protect Routes
12. Adding the Token to Authenticate Requests
13. Improving the UI Header to Reflect the Authentication Status
14. Improving the UI Messages to Reflect the Authentication Status
15. Connecting the Logout Button to the Authentication Status
16. Redirecting Users
17. Adding Route Guards
18. Reflecting the Token Expiration in the UI
19. Saving the Token in the Local Storage
1. Module Introduction
2. Adding the Login Input Fields
3. Handling User Input
4. Adding the Signup Screen
5. Creating the User Model
6. Creating a New User Upon Request
7. Connecting Angular to the Backend
8. Understanding SPA Authentication
9. Implementing SPA Authentication
10. Sending the Token to the Frontend
11. Adding Middleware to Protect Routes
12. Adding the Token to Authenticate Requests
13. Improving the UI Header to Reflect the Authentication Status
14. Improving the UI Messages to Reflect the Authentication Status
15. Connecting the Logout Button to the Authentication Status
16. Redirecting Users
17. Adding Route Guards
18. Reflecting the Token Expiration in the UI
19. Saving the Token in the Local Storage
Authorization
6 attachments
1. Module Introduction
2. Adding a Reference to the Model
3. Adding the User ID to Posts
4. Protecting Resources with Authorization
5. Passing the User ID to the Frontend
6. Using the User ID on the Frontend
Handling Errors
7 attachments
1. Module Introduction
2. Testing Different Places to Handle Errors
3. The Error Interceptor
4. Displaying the Basic Error Dialog
5. Adding an Error Dialog
6. Returning Error Messages on the Server
7. Finishing Touches
Optimizations
10 attachments
1. Module Introduction
2. Using Controllers
3. Separating the Middleware
4. Creating an Angular Material Module
5. Splitting the App Into Feature Modules
6. Fixing an Update Bug
7. Creating the Auth Module
8. Adding Lazy Loading
10. Using a Global Angular Config
11. Using Node Environment Variables
Deploying our App
5 attachments
1. Module Introduction
2. Deployment Options
3. Deploying the REST Api
5. Angular Deployment - Finishing the Two App Setup
6. Using the Integrated Approach
FAQs
How can I enrol in a course?
Enrolling in a course is simple! Just browse through our website, select the course you're interested in, and click on the "Enrol Now" button. Follow the prompts to complete the enrolment process, and you'll gain immediate access to the course materials.
Can I access the course materials on any device?
Yes, our platform is designed to be accessible on various devices, including computers, laptops, tablets, and smartphones. You can access the course materials anytime, anywhere, as long as you have an internet connection.
How can I access the course materials?
Once you enrol in a course, you will gain access to a dedicated online learning platform. All course materials, including video lessons, lecture notes, and supplementary resources, can be accessed conveniently through the platform at any time.
Can I interact with the instructor during the course?
Absolutely! we are committed to providing an engaging and interactive learning experience. You will have opportunities to interact with them through our community. Take full advantage to enhance your understanding and gain insights directly from the expert.
About the creator
Learn with Collegites.tech
Rate this Course
Free
Order ID:
This course is in your library
What are you waiting for? It’s time to start learning!
Wait up!
We see you’re already enrolled in this course till Access for 2 days. Do you still wish to enroll again?
