Posts

Showing posts with the label Node.js

NodeJS - Quick Start- Web development

Image
A node.js web application contains the following three components: Import required modules : The "require" directive is utilized to load a Node.js module. Engender server : You have to establish a server that will listen to the client's request akin to Apache HTTP Server. Read request and return replication : The server engendered in an earlier step will read the HTTP request made by the client which can be a browser or a console and return the replication. Example 1: index.js var http = require( "http" ); http.createServer( function (request, response) { // Send the HTTP header // HTTP Status: 200 : OK // Content Type: application/json response.writeHead( 200 , { "Content-Type" : "application/json" }); var otherArray = [ "Java" , "Kotlin" ]; var otherObject = { item1: "Angular" , item2: "React Native" }; var json = JSON.stringify({ anObject: otherObject,

React JS Setup, Installation and First React Project

Image
 Hello everyone, today we will discuss the React JS Setup, Installation, and First React Project. Step 1:Install Node.js To check if  node.js  is installed on your system, type  node -v  in the terminal. This will help you see the version of  node.js  currently installed on your system. sibinmuhammed@ladmin-knf:~$ node -v v12.18.4 If it does not print anything, install node.js on your system. To install node.js, go to the homepage,  https://nodejs.org/en/download/  of node.js, and install the package based on your OS. For more topics, click below link: React JS Setup, Installation, and First React Project :  part 1 ReactJS - JSX :  part 2 ReactJS - Components :  part 3 ReactJS - State and Props :  part 4 ReactJS - Component API : part 5 ReactJS - Events  :  part 6 Reactjs - Form :  part 7 ReactJS - Bootstrap - Buttons : part 8 ReactJS - Bootstrap - Table : part 9 ReactJS - Keys : part 10 CRUD React J+Node JS+Express+MongoDB CRUD:MERN Stack development  Kotlin + Spring Boot + React JS +

Install Angular 10 CLI and Create a New Example App with Routing

Image
 Hello everyone, today we will discuss the Environment Setup required for Angular 10. To install Angular 10, we require the following −  Nodejs  Npm  Angular CLI  IDE for writing your code Step 1:Install Node.js To check if node.js is installed on your system, type node -v in the terminal. This will help you see the version of node.js currently installed on your system. sibinmuhammed@ladmin-knf:~$ node -v v12.18.4 If it does not print anything, install node.js on your system. To install node.js, go to the homepage, https://nodejs.org/en/download/ of node.js, and install the package based on your OS. Based on your OS, install the required package. Once node.js is installed, npm will also get installed along with it. To check if npm is installed or not, type npm –v in the terminal as given below. It will display the version of the npm . sibinmuhammed@ladmin-knf:~$ npm -v 6.14.8 Step 2 — Installing Angular CLI 10 Head over to a new terminal

Node.js + Vue.js + Mongo DB - CRUD example - MEVN stack development example

Image
Hello everyone, today we will learn how to build a full-stack application that is a basic User Management Application using Node.js , MongoDB , and Vue.js . GitHub repository link is provided at the end of this tutorial. You can download the source code. Node.js Express exports REST APIs & interacts with MongoDB Database utilizing Mongoose ODM . Vue.js is an open-source, progressive JavaScript framework for building utilizer interfaces. Vue fortifies the component-based approach to building web apps – it includes single-file components that are independent and loosely coupled to enable better code reuse and more expeditious development After completing this tutorial what we will build?   We will build a full-stack web application that is a basic User Management Application with CRUD features:  Create User  List User Update User Delete User  Following is the screenshot of our application - -Retrieve all Users: -Add a User: -Update User: We divided this tutorial into two parts.