Book Image

MongoDB, Express, Angular, and Node.js Fundamentals

By : Paul Oluyege
Book Image

MongoDB, Express, Angular, and Node.js Fundamentals

By: Paul Oluyege

Overview of this book

MongoDB, Express, Angular and Node.js Fundamentals is a practical guide to the tried-and-true production-ready MEAN stack, with tips and best practices. The book begins by demystifying the MEAN architecture. You’ll take a look at the features of the JavaScript libraries, technologies, and frameworks that make up a MEAN stack. With this book, you'll not only learn how to develop highly scalable, asynchronous, and event-driven APIs quickly with Express and Node.js, but you'll also be able put your full-stack skills to use by building two full-fledged MEAN applications from scratch. You’ll understand how to build a blogging application using the MEAN stack and get to grips with user authentication using MEAN. As you progress through the chapters, you’ll explore some old and new features of Angular, such as pipes, reactive forms, modules and optimizing apps, animations and unit testing, and much more. By the end of the book, you’ll get ready to take control of the MEAN stack and transform into a full-stack JavaScript developer, developing efficient web applications using Javascript technologies.
Table of Contents (9 chapters)
MongoDB, Express, Angular, and Node.js Fundamentals
Preface

Using Components, Directives, Services, and Making HTTP Requests in Angular


Now that we have started working with the Angular CLI and created our first Angular CLI application, it is time to start exploring the various features that make Angular a highly sought after framework on the web application development scene. We'll start with Angular components, the basic building blocks of any Angular application.

Angular Components

Everything in Angular is developed as a component; classes interact with different files that are embedded in components, which form a browser display. It can also be referred to as a kind of a directive with configuration that's suitable for an application structure that is component-based.

The architecture of an Angular application is a tree of components originating from one root component configured in the bootstrap property on your root NgModule (in the app.module.ts file).

Let's look at the file structure of an Angular root component that was created by default in...