Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build Modern MEAN Stack Web App
Rating: 4.2 out of 5(13 ratings)
95 students

Build Modern MEAN Stack Web App

Modern MEAN Stack web Application development with Node.js, Angular, Nestjs, MongoDB
Created byHaider Malik
Last updated 12/2020
English
English [Auto],

What you'll learn

  • NestJs Fundamentals
  • Typescript Fundamentals
  • Angular Fundamentals
  • Build RESTFUL APIs with NestJs and MongoDB
  • Build RestFUL APIs with NestJs and Mysql
  • Authentication and Authorization using PassportJs
  • Add Documentation for your APIS
  • Build Single Page frontend app with Angular
  • CRUD Application with Angular
  • Authentication in Angular Application

Course content

13 sections94 lectures11h 23m total length
  • Typescript Steup6:36

    Explore the basics of TypeScript, a typed superset of JavaScript that compiles to plain JavaScript, with practical examples of types, interfaces, classes, and boolean and string types for web development.

  • Basic Types2:19

    Explore TypeScript’s type system, including the any type, numbers, built-in primitives (string, boolean, void, null, undefined), and user defined types like arrays, classes, and interfaces.

  • Types in Typescript10:38

    Master declaring and using variables in TypeScript with let and const, and define types like string, number, arrays, tuples, enums, unknown, never, void, null, undefined, and object.

  • Operators, Decisions and Loops8:56

    Explore TypeScript operators, including arithmetic, relational, logical, assignment, and type operators. Apply decision making with if, else, nested if, switch, and loops like for, while, and do while.

  • Functions7:13

    Explore how functions build rideable, maintainable, and reusable code. Define, call, and return values, use parameters with defaults and rest parameters, and implement anonymous and arrow functions.

  • Interfaces10:20

    Learn how interfaces declare members and enforce contracts for objects, listing properties, methods, and events without implementations. See person interface examples, function types, union types, and optional members.

  • Classes13:28

    Explore TypeScript classes, including constructors, this, and instance methods. Learn inheritance, encapsulation, and interfaces through car and circle examples, plus static members and access modifiers.

  • Modules4:37

    Learn modular design in a mean stack app by exporting and importing modules, wiring circle and calculator classes, and exporting actions and interfaces to share code across files.

  • Generic Types5:51

    Explore generics in TypeScript, using generic types and identity functions to build reusable components with type parameters like T, U, and interfaces.

  • Generics in more depth8:23

    Master generics in depth by building generic classes and interfaces, applying constraints, and using multiple types with precise return values, as shown with a generic animal class and logging identity.

  • Introduction to Decorators3:03

    Understand decorators as runtime functions attached to class, method, and property, receiving target, key, and descriptor. Build a log decorator and observe calls in a calculator example with experimental decorators.

  • Arguments in Decorator4:31

    Explore how to use decorator arguments and the descriptor to intercept method calls, log data, and access original methods in a TypeScript-based MEAN stack app.

  • Configurable Decorator using Decorator Factory1:46

    Learn to build a configurable decorator with a decorator factory, accept arguments such as a name, an object, and a title, and return a decorator function that uses these values.

  • Property Decorator4:28

    Learn how a property decorator automates getters and setters for multiple properties, like first name, by replacing and redefining properties on a person’s prototype with enumerable and configurable attributes.

  • Parameter Decorator2:15

    Master the parameter decorator by configuring target, key, and index to decorate properties like salary and to handle the request body in a MEAN stack app.

  • Class Decorator0:38

    Learn to create and apply a class decorator in a mean stack web app, wiring a constructor function to the model decorator and running the project to see the person.

Requirements

  • Having a basic understanding of JavaScript and/or NodeJS
  • Having basic knowledge of TypeScript is recommended, but not required

Description

The term MEAN stack refers to a collection of JavaScript based technologies used to develop web applications. MEAN is an acronym for MongoDB, ExpressJS, Angular and Node.js. From client to server to database, MEAN is full stack JavaScript.

The main reason for choosing the MEAN stack over others is because of the use of a common language for both client-side and server-side. Since, all these technologies are written in JavaScript, your web development process becomes neat. Node.js is a platform that brought JavaScript implementation on the server-side. With Angular  using JavaScript on the front-end, it becomes easier to reuse code from back-end to front-end.

MEAN stack offers a modern approach to web development. It also makes use of the power of modern SPAs (single-page applications), which does not require entirely refreshing a web page for every server request like most traditional web applications do. Today there is a trend to develop multiple frameworks that correspond to a single programming language and form a full-stack solution. But, as of now, using MEAN stack is a very effective approach to web development.

In this course, we are going to build our backend application Nest.js. Nest.js is a Node.js framework. It is built on the top of Express and Typescript.

Nest.js is a progressive Node.js framework for building efficient, reliable and scalable server-side applications. NestJS is a server-side (backend) application framework beautifully crafted to support developers productivity and make their lives happier. Well, it's not only a framework, it's an enabler of entering the world of advanced engineering concepts such as Domain Driven Design, Event Sourcing, Microservices architecture.

I spent a good few years in my career developing large scale apps and it didn’t let me down any single time. It’s well written, having quality as an objective, modular web framework with a good documentation, delivering nice developer experience. Exactly the same way I’d describe Nest.

NestJs is built on the top of Typescript and Express.js. It also combines some elements of Object Oriented Programming and functional programming.

Here comes NestJS, a framework which is fully written in TypeScript (it supports JS too, but types are good), it’s easily testable and brings in all the necessary stuff you always think about but you don’t know what to choose.

Why NestJs?

NestJS doesn’t try to limit you to a particular way of doing things, it just provides the tooling you need. It doesn’t try to reinvent the wheel, it utilize existing tools you already know. For example, it uses express behind the scenes which makes your app compatible with the majority of express middlewares.

Here are some good reasons why NestJS shines:

  • Dependency Injection — NestJS provides DI straight out of the box, increasing efficiency, modularity and testability of applications.

  • Modularisation — NestJS provides a modular structure for organizing code within the same domain boundary into separate modules.

  • Flexibility — NestJS provides structure, which helps large teams build complex applications and yet comes in as lightweight as possible, so how you want to build is your choice.

  • Familiar APIs you already know — NestJS is heavily inspired by Angular, it is also quite similar to much established frameworks like Spring and .NET. This provides a shorter learning curve and lower entry threshold for developers.

  • Community — NestJS is the fastest rising framework, already with 14K stars surpassing HapiJS. Also, with NestJS leveraging on the Angular way of doing things, things can only get better for the community.

In this course, I will teach you the foundations/fundamentals of NestJs. I will teach you how to build RESTFUL APIs step by step. You will also learn how to plan, design and deploy APIs. I have also another separate section of GraphQL.

What you are going to learn in this course?

  • Typescript Fundamentals

  • NestJs Fundamentals

  • Angular Fundamentals

  • Build RESTFUL APIs with NestJs

  • Connect REST APIs with Angular

  • Build Frontend with Angular

  • Authentication on Angular

  • Authentication on Backend Application

Who this course is for:

  • Intermediate JavaScript developers who want to dive into back-end development
  • Any developer wants to learn how to build backend server side applications with Typescript
  • Developers who want to learn how build Restful apis with NestJs, MongoDB and MySQL
  • Developers who want to learn how to secure your APIs using JWT
  • Developers who want to learn how to deploy NestJs application
  • Developers who want to learn how to learn how to build MEAN Stack App with Nestjs and Angular
  • Developers who want to learn how to consume RESTFUL APIs with Angular