Hands-On MEAN Stack Web Development

In this video, we will generate our first Angular project.

   •  Use the Angular CLI tool downloaded earlier to create the project

   •  Test the project template by compiling and running it

   •  Create a Hello World application

In this video, we will look at our project’s folder structure and overview.

   •  Have a look at what roles all the folders generated by Angular CLI play

   •  See how changes are propagated with the help of our test app

   •  Build a custom role to install and configure a custom application

In this video, we will see how to create our first Angular component.

   •  Create a new component in our test app

   •  Run the app to see how the data of the component is executed

   •  A live programming session solving example

In this video, we will look at templates in Angular.

   •  Display a property inside a template, that is, html part of the page

   •  Display the names of a few days of the week inside a template, that is, html part of the page

   •  Use an encrypted file as part of an Ansible playbook run

We will look at events and bindings in Angular.

   •  Create new component for our events and bindings

   •  Add a click event binding to the onclick event of a JavaScript element

   •  Use event binding for property events as well

In this video, we will look at custom events and bindings.

   •  Bind to custom properties

   •  Display property from parent and send data from parent to child as well as child to the parent

   •  When event is fired, a function is run and is getting data passed from event emitter

In this video, we will look at services in Angular.

   •  Introduction to services

   •  Create a service for our project

In this video, we will look at two-way data binding in Angular.

   •  See how two-way data binding works

   •  Show that data given as input in our app is actually going to the component

   •  Show that changes to data given as input in our app are seen live

Angular comes out of the box with a forms module which we can use to create and validate forms with ease.

   •  Learn about template driven Forms

   •  Add forms module to the application

   •  Validate the form fields

In this video, we will create our first NodeJS application.

   •  Create a new NodeJS project

   •  Run the test project in the terminal

   •  Create and run a hello project

In this video, we will look at modules and require.

   •  Go to the NodeJS documentation to learn more about modules

   •  Use the File System module using the require function

   •  Execute the app

We will be creating our own module.

   •  Create a module by creating a new file in NodeJS project

   •  Use the module in a console.log (module) and run

   •  Show an example for method overloading

In this video, we will look at installing external modules in our application.

   •  Create a package.json file

   •  Import an external module into our application

   •  See how JavaDoc looks by compiling via gradle

In this video, we will look at the asynchronous nature of Node.

   •  Learn how a program executes in synchronous and asynchronous application respectively

   •  Make your application asynchronous and test the output

In this video, we will create our own HTTP server.

   •  Import HTTP

   •  Create a server using the HTTP module

   •  See that we can listen to requests and send our responses

In this video, we will create our Express server.

   •  Install Express

   •  Use the function require to require Express into our app

   •  Create a server to run a Hello World app

In this video, we will explore the GET method.

   •  Use the GET method to get back an array of users in our Hello World app

   •  Pass a parameter to get one specific user in our app

   •  Use the GET method to get one particular property by adding a query

In this video, we will install Nodemon.

   •  Understand what Nodemon/ Node monitor is

   •  Install and run Nodemon

   •  Use try-catch to better protect the code

We will create a POST request.

   •  See how it is used similar to GET request

   •  Use a form like Postman for the data to be posted

   •  Use NIO and read text from a file to be converted

In this video, we will look at making a PUT request.

   •  See how it is used similar to GET request

   •  Use the PUT id to see the users should values should be updated

   •  Use a form like Postman for the data to be updated

In this video, we will create a DELETE request.

   •  See how it is used similar to GET request

   •  Use the id to find the user and find the index of the id to remove that from the index array

   •  Use a form like Postman for the data to be deleted

In this video, we will look at cleaning up.

   •  Understand what PATCH method is and why it should be used

   •  If the record doesn’t exist, we cannot update the record

   •  Add error case

In this video, we will be installing Mongoose.

   •  Understand why to use a different client called Mongoose instead of the Mongo client in our node application

   •  Install Mongoose

   •  Require Mongoose into our app

In this video, we will look at models.

   •  Create a file called model

   •  Access to models with Mongoose

   •  Create our application’s deployment and service

In this video, we will use the model to create a record.

   •  Use the same API that we had Express

   •  Create a new user for the record

   •  Use a form like Postman to see what happens when we send a data

We will get a record through our model.

   •  Use the same API that we had Express

   •  Add a function for callback of error and records

   •  Use a form like Postman to see how we get the data

In this video, we will edit a record with our model.

   •  Add a function to find a user by id

   •  Add a function for callback of error and records

   •  Use a form like Postman to see how we can edit the data

We will delete a record with our model.

   •  Add a function to find a user by id and remove it

   •  Add a function for callback of error and records

   •  Use a form like Postman to see how we can delete the data

In this video, we will build the front-end of our application with Angular.

   •  Create the user interface and the components

   •  Style the application

   •  Create the required services

In this video, we will build the back-end and the APIs required for the application.

   •  Create the API endpoints in Express

   •  Create Mongoose models for the collections

   •  Use the models in the API to perform CRUD operations

In this video, we will connect the client side to the API server.

   •  Consume the API in the front-end

   •  Use HTTP to connect to the API

   •  Update the services to use the APIs