Build Modern MEAN Stack Web App
Build Modern MEAN Stack Web App, available at $44.99, has an average rating of 4, with 94 lectures, based on 13 reviews, and has 92 subscribers.
You will learn about 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 This course is ideal for individuals who are Intermediate JavaScript developers who want to dive into back-end development or Any developer wants to learn how to build backend server side applications with Typescript or Developers who want to learn how build Restful apis with NestJs, MongoDB and MySQL or Developers who want to learn how to secure your APIs using JWT or Developers who want to learn how to deploy NestJs application or Developers who want to learn how to learn how to build MEAN Stack App with Nestjs and Angular or Developers who want to learn how to consume RESTFUL APIs with Angular It is particularly useful for Intermediate JavaScript developers who want to dive into back-end development or Any developer wants to learn how to build backend server side applications with Typescript or Developers who want to learn how build Restful apis with NestJs, MongoDB and MySQL or Developers who want to learn how to secure your APIs using JWT or Developers who want to learn how to deploy NestJs application or Developers who want to learn how to learn how to build MEAN Stack App with Nestjs and Angular or Developers who want to learn how to consume RESTFUL APIs with Angular.
Enroll now: Build Modern MEAN Stack Web App
Summary
Title: Build Modern MEAN Stack Web App
Price: $44.99
Average Rating: 4
Number of Lectures: 94
Number of Published Lectures: 94
Number of Curriculum Items: 94
Number of Published Curriculum Objects: 94
Original Price: $89.99
Quality Status: approved
Status: Live
What You Will 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
Who Should Attend
- 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
Target Audiences
- 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
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 stackJavaScript.
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
Course Curriculum
Chapter 1: Typescript Fundamentals
Lecture 1: Typescript Steup
Lecture 2: Basic Types
Lecture 3: Types in Typescript
Lecture 4: Operators, Decisions and Loops
Lecture 5: Functions
Lecture 6: Interfaces
Lecture 7: Classes
Lecture 8: Modules
Lecture 9: Generic Types
Lecture 10: Generics in more depth
Lecture 11: Introduction to Decorators
Lecture 12: Arguments in Decorator
Lecture 13: Configurable Decorator using Decorator Factory
Lecture 14: Property Decorator
Lecture 15: Parameter Decorator
Lecture 16: Class Decorator
Chapter 2: NestJs Fundamentals
Lecture 1: Getting started with NestJs
Lecture 2: Routing in NestJs
Lecture 3: Access Request Object
Lecture 4: Define Resources
Lecture 5: Status Code, Redirection and Route Parameters
Chapter 3: NestJs CRUD
Lecture 1: Module Introduction
Lecture 2: Create Post Endpoint to Save Record in Array
Lecture 3: Request Payload in NestJs
Lecture 4: FindAll and Delete Endpoint
Chapter 4: Validation and Pipes
Lecture 1: What are pipes
Lecture 2: Add Validations using ValidationPipe
Lecture 3: Understand How ValidationPipe works
Chapter 5: Middlewares
Lecture 1: What are Middlewares
Lecture 2: Create Custom Logger Middleware
Lecture 3: Creating HTTP Exception Filter
Chapter 6: Interceptors
Lecture 1: What are Interceptors
Lecture 2: Create Interceptor to Transform the Response
Chapter 7: Database
Lecture 1: Connect NestJs to Mysql using TypeORM
Lecture 2: Create a TypeORM Entity
Lecture 3: Save new record in MySQL Database Table
Lecture 4: Get, Update, and Delete Record
Chapter 8: Relations
Lecture 1: Adding One to One Relation between Entities
Lecture 2: CRUD with One to One Relationship
Lecture 3: One to Many Relationship
Lecture 4: Many to Many Relation
Chapter 9: Connected with Mongodb
Lecture 1: Connecting NestJs App with MongoDB
Chapter 10: Authentication
Lecture 1: Intro to Authentication
Lecture 2: Implement User Signup Feature
Lecture 3: Implement Login and Send JWT Token
Lecture 4: Introduction to PassportJs
Lecture 5: Authenticate User using Passport-JWT Strategy
Lecture 6: Install and Configure Swagger
Lecture 7: Add Documentation for Endpoints
Chapter 11: Angular Fundamentals
Lecture 1: Setup New Project
Lecture 2: Angular Components
Lecture 3: Angular Modules
Lecture 4: Data Binding
Lecture 5: Event Binding
Lecture 6: Directives
Lecture 7: Pipes
Lecture 8: Routing Basics
Lecture 9: Services
Lecture 10: Fetch Data from External API using HttpClient
Lecture 11: Creating Template Driven Forms
Lecture 12: Reactive Froms
Chapter 12: Building Frontend with Angular
Lecture 1: Project Setup
Lecture 2: Routing Setup
Lecture 3: Intro to Lazy Loading
Lecture 4: Implement Lazy Loading
Lecture 5: Create Product List Layout
Lecture 6: Create Generic API Service
Lecture 7: Creating Models
Lecture 8: Fetch Data from Backend API
Lecture 9: Render List Data using NgFor
Lecture 10: Build a Form to save Record
Lecture 11: Building Reactive Forms
Lecture 12: Resolve Form Value Issue
Lecture 13: Send Post Request using Reactive Forms
Lecture 14: Setup Routing For Edit Product
Lecture 15: Creating Method in Service to Update Product
Lecture 16: Set Data to Reactive Form
Lecture 17: Update Record using Reactive Form
Lecture 18: Perform Delete Operation
Lecture 19: Fix Param issue
Lecture 20: Form Validations
Chapter 13: Authentication on Frontend
Lecture 1: Setup Backend
Lecture 2: Creating Authentication Form
Lecture 3: User Login
Lecture 4: Fix Signup and Login button title
Lecture 5: Signup User Implementation
Lecture 6: Saving Token to Localstorage
Instructors
-
Haider Malik
Fullstack Developer/Entrepreneur/Author
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 1 votes
- 3 stars: 4 votes
- 4 stars: 1 votes
- 5 stars: 7 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Language Learning Courses to Learn in November 2024
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024