Mean Stack

Mean Stack

Learn all of the different aspects of full stack JavaScript development using the MEAN stack. We're not talking about any generators or MEAN frameworks here, we're talking about a full understanding of MongoDB, Express, AngularJS and Node.js.

4.5 out of 5 based on 875 ratings. 5 user reviews.  Last updated 2/2019

Create modern, scalable and high-speed Web Applications with Angular (formerly named Angular 2, now just "Angular") and NodeJS + Express + MongoDB.Angular 1 and NodeJS, together with ExpressJS (a NodeJS 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+. Benefit from the many improvements and advantages Angular offers you: Speed, ease of development, highly reactive, awesome support for asynchronous operations, great scalability and more! And combine these advantages with the power of a NodeJS + Express + MongoDB backend!

Requirements


  • Concepts behind NodeJS, Express and MongoDB (with Mongoose) will be refreshed in this course but as this course is focused on the connection of these technologies with Angular, basic knowledge about them is strongly recommended.
  • It is recommended to have beginner-level Angular knowledge, though this course will provided a detailed refresher and will explain the core concepts used in detail.
  • HTML, CSS and basic JavaScript knowledge is assumed throughout this course.
  • NO advanced or expert knowledge about any of these topics is assumed or required.

Target Audience

Our target audience is usually those who are already in the fields of marketing, professional managers in content and media fields, entrepreneurs of the business market who have a better understanding of how it works. However, we always encourage our aspiring students to do their best and develop the best position in the field of Mean Stack. At the end of the course, we provide certificates which further increase our student's value in the marketplace.

Prerequisites

Anybody who are beginners without programming knowledge interested in Mean Stack can take this Training.

Learn how to connect your Angular Frontend to a NodeJS & Express & MongoDB Backend by building a real Application

What you'll learn


  • Build real Angular + NodeJS applications
  • Understand how Angular works and how it interacts with Backends
  • Connect any Angular Frontend with a NodeJS Backend
  • Improve any Angular (+ NodeJS) application by adding Error Handling
  • Use MongoDB with Mongoose to interact with Data on the Backend
  • Provide a great user experience by using Optimistic Updating on the Frontend
  • Getting Started
    • Introduction
    • What is MEAN?
    • What is a Single Page Application (SPA)?
    • How Does the MEAN Stack Work?
    • Installing Node & the Angular CLI
    • Installing our IDE
    • Exploring the Project Structure
    • How To Get The Most Out Of This Course
  • 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
    • Creating Posts with Property & Event Binding
    • Creating a Post Model
    • Getting Posts from Post-Create to Post-List
    • Calling GET Post
    • More About Observables
    • Working on our Form
  • Adding NodeJS to our Project
    • Module Introduction
    • Connecting Node & Angular - Theory
    • What is a RESTful API?
    • Adding the Node Backend
    • Using the Angular HTTP Client
    • Understanding CORS
    • Adding Angular
  • Working with MongoDB
    • Comparing SQL & NoSQL
    • Connecting Angular to a Database
    • Understanding Mongoose Schemas & Models
    • Storing Data in a Database
    • Deleting Documents
    • Updating the Frontend after Deleting Posts
  • Enhancing the App
    • Module Introduction
    • Adding Routing
    • Styling Links
    • Client Side vs Server Side Routing
    • Creating the "edit" Form
    • Finishing the Edit Feature
    • Updating Posts on the Server
    • Re-Organizing Backend Routes
    • Adding Loading Spinners
  • Adding Image Uploads to our App
    • Saving User Input
    • Configuring Text Fields
    • Styling Text Fields
    • Fixing a Bug & Adding a Button
    • Using our Form to Create a New Product
    • Improving the Style of our Form
  • 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
  • Authentication
    • Module Introduction
    • Adding a Reference to the Model
    • Adding the User ID to Posts
    • Protecting Resources with Authorization
    • Passing the User ID to the Frontend
    • Using the User ID on the Frontend
image

Start your free trial

Test out the Machine Learning features for 14 days, no credit card required.