Getting Started
  • Introduction
  • What is MEAN?
  • Join our Online Learning Community
  • What is a Single Page Application (SPA)?
  • How Does the MEAN Stack Work?
  • MUST READ: Angular CLI - Latest Version
  • Installing Node & the Angular CLI
  • Installing our IDE
  • Exploring the Project Structure
  • Course Outline
  • How To Get The Most Out Of This Course
  • Section Resources
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
  • Section Resources
Adding NodeJS to our Project
  • Module Introduction
  • Connecting Node & Angular - Theory
  • What is a RESTful API?
  • Adding the Node Backend
  • Adding the Express Framework
  • Improving the server.js Code
  • Fetching Initial Posts
  • Using the Angular HTTP Client
  • Understanding CORS
  • Adding the POST Backend Point
  • Adding Angular
  • Section Resources
Working with MongoDB
  • Module Introduction
  • What is MongoDB?
  • Comparing SQL & NoSQL
  • Connecting Angular to a Database
  • Setting Up MongoDB
  • Using MongoDB Atlas & IP Whitelist
  • 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
  • Section Resources
Enhancing the App
  • Module Introduction
  • Adding Routing
  • Styling Links
  • Client Side vs Server Side Routing
  • Possible Error
  • Creating the "edit" Form
  • Finishing the Edit Feature
  • Updating Posts on the Server
  • Re-Organizing Backend Routes
  • Adding Loading Spinners
  • Section Resources
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
  • Beware of the Spread (...) Operator
  • Fetching Images on the Frontend
  • Updating Posts with Images
  • Wrap Up
  • Section Resources
Adding Pagination
  • Module Introduction
  • Adding the Pagination Component
  • Working on the Pagination Backend
  • Connecting the Angular Paginator to the Backend
  • Fetching Posts Correctly
  • Finishing Touches
  • Section Resources