The post How to configure Webpack in React App? appeared first on IT Bulls.
The post How to configure Webpack in React App? appeared first on IT Bulls.
]]>Webpack is a popular module bundler for JavaScript applications, and it can be used in React apps to manage and optimize the assets and modules used in the app. In this article, we will go through the process of configuring Webpack in a React app.
The first step is to install Webpack and the Webpack CLI. You can do this by running the following command in your terminal:
Create a new file in the root of your project called webpack.config.js. This file will contain all the configurations for Webpack.
The entry point is the starting point for Webpack to begin building the bundle. In a React app, the entry point is usually the index.js file. You can configure the entry point by adding the following code to your webpack.config.js file:
module.exports = {
entry: './src/index.js',
};
The output is the location and filename of the final bundled file. You can configure the output by adding the following code to your webpack.config.js file:
module.exports = {
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
};
Loaders are used to preprocess files, such as converting Sass to CSS or JSX to JavaScript. In this step, you will need to install the necessary loaders and configure them in your webpack.config.js file. For example, to use the babel-loader for transpiling JSX and ES6 code to JavaScript, you would install it by running:
npm install babel-loader @babel/core @babel/preset-env @babel/preset-react --save-dev
Then, you can configure it in your webpack.config.js file like this:
module.exports = {
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
]
}
};
Plugins are used to perform additional tasks, such as minifying the bundled code or creating a HTML file to serve the bundle. One common plugin used in React apps is the HTMLWebpackPlugin, which generates an HTML file to serve the bundle. You can install it by running:
npm install html-webpack-plugin --save-dev
Then, you can configure it in your webpack.config.js file like this:
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
plugins: [
new HtmlWebpackPlugin({
template: "./src/index.html",
filename: "./index.html"
})
]
};
Once you have configured your webpack.config.js file, you can run Webpack by adding a script to your package.json file and running npm. For example, you can add a “build” script like this:
"scripts": {
"build": "webpack --mode production"
}
Then, you can run it by executing the following command in your terminal:
npm run build
This will run Webpack in production mode, which optimizes the bundle for performance.
You can also run Webpack in development mode by using the following command:
npm run build -- --mode development
This will give you additional features like hot-reloading and source-maps, which can help with debugging.
You can also use webpack-dev-server, which allows you to run the app in development mode and also it automatically reloads the page when the code changes.
npm install webpack-dev-server --save-dev
and add a script to package.json like this:
"scripts": {
"start": "webpack-dev-server --mode development --open"
}
And then you can start the development server by running:
npm start
This will start the development server and automatically open the app in the browser.
In summary, configuring Webpack in a React app involves setting up the entry point, output, loaders and plugins, and running Webpack in development or production mode. It may seem a little complicated at first, but once you get the hang of it, it will become a powerful tool that can help you manage and optimize your React app.
Thank you for reading and stay tune, stay connected and stay safe. Please support us by sharing the blog.
You can read more from official Webpack Doc
Read our other blogs on ITbulls.in
The post How to configure Webpack in React App? appeared first on IT Bulls.The post How to configure Webpack in React App? appeared first on IT Bulls.
]]>The post PHP Interview Questions And Answers Related To Build-In Functions appeared first on IT Bulls.
The post PHP Interview Questions And Answers Related To Build-In Functions appeared first on IT Bulls.
]]>PHP, or Hypertext Preprocessor, is a widely-used programming language for web development. In this blog post, we’ll go over some of the most commonly asked PHP interview questions and provide answers to help you prepare for your next interview.
PHP is a server-side scripting language used for web development. It is used to create dynamic web pages and can be embedded into HTML.
PHP automatically determines the data type of a variable based on the value assigned to it. Variables in PHP are represented by a dollar sign ($), followed by the variable name.
A static website is one that has fixed content and does not change, while a dynamic website has content that can change based on user input or other factors. PHP is often used to create dynamic websites.
PHP is commonly used for creating login forms, image galleries, and forums. It can also be used to connect to and retrieve data from a database, such as MySQL.
PHP has built-in error handling functions, such as the “error_reporting” function, which can be used to control the level of error reporting. Additionally, the “try” and “catch” statements can be used to handle exceptions.
The GET method is used to retrieve data from a server, while the POST method is used to send data to a server. GET requests can be cached and bookmarked, while POST requests cannot.
The “mysqli” or “PDO” extension can be used to connect to a MySQL database in PHP. The “mysqli_connect” or “PDO::__construct” function is used to establish a connection, and then various functions can be used to execute SQL statements and retrieve data.
The “session_start” function is used to start a new session or resume an existing one. Once a session has been started, session variables can be set and accessed using the $_SESSION superglobal array.
Both “include” and “require” are used to include a file into a PHP script. However, if the file cannot be found, the “include” statement will produce a warning, while the “require” statement will produce a fatal error, halting the execution of the script.
The “==” operator is used to compare values, while the “===” operator is used to compare values and data types. For example, “1 == ‘1’” would be true, but “1 === ‘1’” would be false.
Both “echo” and “print” are used to output data in PHP. However, “echo” is slightly faster than “print” and does not return a value.
“unset” is used to destroy a variable, while “unlink” is used to delete a file.
The “isset” function is used to check if a variable has been set, or if it has a value. It returns a boolean value of true if the variable is set and false if it is not.
The “empty” function is used to check if a variable is empty or not. It returns a boolean value of true if the variable is empty and false if it contains a value.
The “is_numeric” function is used to check if a variable contains a numeric value or not. It returns a boolean value of true if the variable contains a numeric value and false if it does not.
The “strlen” function is used to find the length of a string. It returns the number of characters in a string.
The “explode” function is used to split a string into an array. It takes two parameters, the first is the delimiter and the second is the string.
The “implode” function is used to join elements of an array into a single string. It takes two parameters, the first is the delimiter and the second is the array.
The “array_merge” function is used to merge two or more arrays into one. It takes any number of arrays as parameters and returns a new array containing all the elements of the original arrays.
The “in_array” function is used to check if a value exists in an array. It takes two parameters, the first is the value to search for and the second is the array. It returns a boolean value of true if the value is found and false if it is not.
The “array_search” function is used to search for a value in an array. It takes two parameters, the first is the value to search for and the second is the array. It returns the key of the value if it is found and false if it is not.
The “sort” function is used to sort the elements of an array in ascending order. It takes the array as a parameter and sorts it in place, meaning that the original array is modified.
The “rsort” function is used to sort the elements of an array in descending order. It takes the array as a parameter and sorts it in place, meaning that the original array is modified.
The “count” function is used to count the number of elements in an array. It takes the array as a parameter and returns the number of elements.
The “array_keys” function is used to return all the keys of an array. It takes the array as a parameter and returns a new array containing all the keys.
The “array_values” function is used to return all the values of an array. It takes the array as a parameter and returns a new array containing all the values.
The “array_unique” function is used to remove duplicate values from an array. It takes the array as a parameter and returns a new array with all duplicate values removed.
The “array_slice” function is used to extract a portion of an array. It takes three parameters, the first is the array, the second is the starting index, and the third is the number of elements to extract. It returns a new array containing the extracted elements.
The “array_combine” function is used to create an array by using one array for keys and another for its values. It takes two arrays as parameters and returns a new array with the keys and values combined.
The “array_reverse” function is used to reverse the order of the elements in an array. It takes the array as a parameter and returns a new array with the elements in reverse order.
The “array_sum” function is used to calculate the sum of the values in an array. It takes the array as a parameter and returns the sum of the values.
The “array_count_values” function is used to count the number of occurrences of each value in an array. It takes the array as a parameter and returns an array with the values as keys and their count as values.
The “array_replace” function is used to replace the values of an array with the values from one or more other arrays. It takes at least two arrays as parameters and returns a new array with the replaced values.
The “array_walk” function is used to apply a user-defined function to each element of an array. It takes two parameters, the first is the array and the second is the function to apply.
The “array_map” function is used to apply a user-defined function to each element of an array and return the result in a new array. It takes two parameters, the first is the function to apply and the second is the array.
The “array_filter” function is used to filter the elements of an array based on a user-defined function. It takes two parameters, the first is the array and the second is the function to use as a filter.
The “array_reduce” function is used to apply a user-defined function to an array and reduce it to a single value. It takes two parameters, the first is the array and the second is the function to use for reducing.
The “array_chunk” function is used to split an array into smaller arrays of a specified size. It takes two parameters, the first is the array and the second is the size of the chunks.
The “array_key_exists” function is used to check if a specific key exists in an array. It takes two parameters, the first is the key to check for and the second is the array. It returns a boolean value of true if the key exists and false if it does not.
The “shuffle” function is used to randomly shuffle the elements of an array. It takes the array as a parameter and shuffles it in place, meaning that the original array is modified.
These are some of the most commonly asked PHP built-in functions related interview questions. By understanding the concepts and functions behind these questions, you’ll be well-prepared for your next interview. Remember to also practice with real-world examples and be prepared to explain your thought process and reasoning behind your answers.
You can always visit official PHP Doc.
Thank you for reading and stay tune, stay connected and stay safe. Please support us by sharing the blog.
Read our other blogs on ITbulls.in
The post PHP Interview Questions And Answers Related To Build-In Functions appeared first on IT Bulls.The post PHP Interview Questions And Answers Related To Build-In Functions appeared first on IT Bulls.
]]>The post How to Download & Install Visual Studio 2019 appeared first on IT Bulls.
The post How to Download & Install Visual Studio 2019 appeared first on IT Bulls.
]]>These are the minimum hardware requirements to run Visual Studio 2019
You can find older versions of the visual studio here.
Before beginning installation, install the following prerequisites
Make sure you have dotnet framework 4.5 is installed. You can download it from the following link
If you are on Windows 8.1 or Windows Server 2012 R2, you need to install the update 2919355
You can download it from the following direct download links
Else you can download it from the link Visual Studio 2019 Downloads
Right-click and select Run as administrator on the downloaded file to begin the installation
You will be asked for permission to continue. Click on Yes to continue with the installation.
Next, you will be asked to accept the Software License terms and Privacy Statement. Click on continue to go ahead with the installation.
The Installer fetches the required files to install Visual Studio 2019. This process will take a few minutes
The Installer will ask for the features you wish to install. You have four options here.
The first option is to select workloads.
A workload is a group of individual components based on the project type. For Example, if you are developing using ASP.NET for web development, then you can choose ASP.NET and web development workload, which will install the following components for you
Click here to see the complete list of workloads in Visual Studio 2019
Select the required Workload. I have chosen .NET Desktop development & ASP.NET and web development.
The Second Option gives an exhaustive list of components that you can install. Choosing the workloads automatically selects the components that are part of that workload. You can further customize what you want to install from this option.
Select the required components
The language is automatically picked up from the language configured by the operating system. You can change it from this Tab.
The final tab is the installation location. Change the location if you wish to
Now, click on the Install button to begin the installation of Visual Studio 2019.
The installer will now download each component from the internet and starts the installation. This will take a while, depending on your internet speed.
Once the installation is complete, you will be presented with the Installation succeeded message along with the option to register.
If you are installing Visual Studio for the first time, you will be asked to sign in.
The post How to Download & Install Visual Studio 2019 appeared first on IT Bulls.The post How to Download & Install Visual Studio 2019 appeared first on IT Bulls.
]]>The post Various “Job Roles” in an IT Company appeared first on IT Bulls.
The post Various “Job Roles” in an IT Company appeared first on IT Bulls.
]]>As the name suggests, all a tester does is test the IT product built by the IT developer. But, it is not as easy as it sounds.
Responsibilities | Skills Required |
Test application on multiple devices Many SaaS and web based applications needs to be tested on multiple devices like different smartphones, tablets, laptops, high resolution screens, etc. | A tester should know how to work with platforms like BrowserStack, that can help test the same application on multiple OS and multiple resolutions. |
Integration Testing Whenever application comes up with a new update, a tester is supposed to test the whole application again from the initial point. | A tester should be aware about all the product use cases and how they may conflict with each other. |
Responsibilities | Skills Required |
Create staging environments Most of the IT companies create a multilevel structure like Dev environment, Staging Environment, etc. for the testing purpose. A DevOps is the one who is supposed to setup these environments for the ease of testers and developers. | A DevOps should have good knowledge of server setups and should know usage of platforms like AWS , Azure, etc. |
Build pipelines A DevOps should automate the process of “development to deployment”, as soon as a developer deploys a code on Git, the code build should be automatically initiated and the changes should be reflected on particular environment for the testers. | A DevOps should know how to use CI / CD platforms like Jenkins. |
Responsibilities | Skills Required |
Understand User Pain Points Understand which are the features of the product that client is not able to understand properly. | Communication skills are must. |
Generate Feature Request Create a summary of all the client requests and identify features that most of the clients are looking for in near future. | Analytical skills |
Responsibilities | Skills Required |
Create UI / UX Templates UI = User Interface UX = User Experience A UI / UX designer is the one who maintains the company website and also the once who defines design and workflow of the product. The designer creates design templates for the developers, and then the front end developers follows the guidelines given in these templates. | A designer must be aware about the platforms like Adobe XD, Zeplin, where they can create shareable UI templates. |
Mostly, people with a few years of experience in IT companies are offered this kind of post. So, you might not get a job of “Product Manager” as a fresher.
Responsibilities | Skills Required |
Co-ordination & Planning An IT product runs by multiple teams working towards a same goal. It is tedious to be in loop with all the other teams. Product manager is the one who keeps record about the progress of each team. Product manager also decides the upcoming tasks and work timelines for each team. | Leadership quality, Time management, etc. Managers mostly work with tools like JIRA |
These Job roles may have different name in different companies, but we have tried here to mention the most commonly used names. This may help you prepare for a particular job role !
Once you are sure about the job role (that you want to pursue), you might want to prepare for the Job Interview, also read our blog on Interview in Tech Companies : Go Prepared
The post Various “Job Roles” in an IT Company appeared first on IT Bulls.
]]>The post Introduction to SEO appeared first on IT Bulls.
The post Introduction to SEO appeared first on IT Bulls.
]]>In today’s world, everyone uses Google for anything to everything. Be it some recipe or finding any local store near you. Google keeps track of everything. In order to list “anything to everything” in the search engines, they use algorithms to rank them based on the content every website provides.
SEO full form Search Engine Optimization meaning optimizing the search results ranked by the respective search engines based on the provided keywords.
Your Ranking in the search results depends upon the following factors.
Content is the king out of all factors. Because no matter how much you optimize your website for search engines, the content is going to be the same. Of course! you’re going to optimize the content too for better results. But in most cases, the content has to be unique, plagiarism-free.
To crawl websites, Google uses Algorithms such as Panda, Penguin, Hummingbird. Every time a new algorithm comes into the market, hired executives need to work again on their existing work based on the necessity. As long as your content is good, natural & original, it doesn’t affect your rank on search engines, even if a new algorithm comes into the market.
The activities which are done on the web pages of the website are called ON Page SEO. ON Page It includes activities such as Adding Title Tags, Meta description, and alt-text to images & so on.. (to be continued in future posts)
The activities which are done outside the web pages of the website are called OFF Page SEO. OFF Page. This includes activities such as link building, local SEO & so on.. (to be continued in future posts)
This is referred to how search engines will crawl and index the website. (to be continued in future posts)
When you go to Google and search anything, you’ll notice two types of results, the upper one shows the paid results and the rest are the free results or the organic ones.
Paid ads do not require any SEO Efforts, the results are instant.
If you want to grow your reach using organic ways, then it takes time and you’ve to invest 3-6 amount of months. If you’re into a competitive niche, it might take more than 6 months. Investing this much amount of time results in, keywords coming on the top of the search results of search engines.
However, you should not dependent solely on either of it. Paid Ads are good in terms of one time kind of boost in traffic. Although, to keep it going, you’d have to pay. In that case, a good seo and ranking always help in long shot.
It’s either you pay the price of the ads or invest time in Search Engine Optimization to get your website up in the search result for rankings.
Stay tuned for more amazing content!
Meanwhile, check out our latest blogs
The post Introduction to SEO appeared first on IT Bulls.
]]>The post Node.js | Technical Interview – QnA appeared first on IT Bulls.
The post Node.js | Technical Interview – QnA appeared first on IT Bulls.
]]>Technical interview questions are unlike online MCQ based quizzes ! Because, Technical interviews are mainly for testing your conceptual knowledge. You do not need to memorise names of the packages, libraries or built-in functions and modules, etc. Internet is already there for such tasks, all a developer should know is How to utilise it better ?! |
JavaScript is a programming language. JavaScript can be only executed on browsers, because browsers provide a runtime environment for JavaScript. We cannot use the JavaScript directly on the server side.
Node.js is simply a runtime environment. It gives a platform to run JavaScript on servers (Just like browsers do on the client side), so you can use JavaScript on server side. It also includes I/O and networking based libraries to take more advantage of JavaScript.
Node.js is Asynchronous, it does not wait for file read or network request for going to the next statement.
db.query(() => {
console.log("log on db query callback");
});
console.log("log outside");
// --- output ---
// log outside
// log on db query callback
NPM = Node Package Manager
It is a set of reusable packages and modules. NPM have packages for almost all the basic tasks like library for date-time management (moment), for array-json operations (lodash) and so on ..
If you are adding a package using “npm install” command and if that package needs to be there in the production, then you should append “–save” flag at end, so that it will be added in the dependencies section of the package.json file.
Ex. npm install moment –save
But, if you are adding a package that is not required on production (which will only be used for testing / development purposes ), you should append “–save-dev” flag with the command to add the entry in the devDependencies section.
Ex. npm install mocha –save-dev
{
"name": "test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"moment": "^2.29.1"
},
"devDependencies": {
"mocha": "^8.3.0"
}
}
package.json keeps the record of your dependencies along with the minimum required version of the dependency.
package-lock.json keeps also keeps the records of your dependencies but it mentions the exact version of the dependency that is currently being used in the project.
So, when you share a project it is more advisable to also share the package-lock.json to avoid dependency related issues.
If you want to understand the usage of package.json and package-lock.json in more depth, please read https://dev.to/saurabhdaware/but-what-the-hell-is-package-lock-json-b04
When you write a code where there is many nested callbacks, which makes code hard to read and hard to debug. For Example :
function_1 ((request, response) => {
function_2 ((request, response) => {
function_3 ((request, response) => {
.... // and so on
});
});
});
Questions from more advanced level topics like event loops, I/O or networking can also be asked if you are applying for job as an experienced developer. Let us know, if you want us to write some more technical interview QnAs on Node.js. We can plan to add them in the next part !
The post Node.js | Technical Interview – QnA appeared first on IT Bulls.The post Node.js | Technical Interview – QnA appeared first on IT Bulls.
]]>The post JavaScript | Technical Interview – QnA appeared first on IT Bulls.
The post JavaScript | Technical Interview – QnA appeared first on IT Bulls.
]]>We have identified the most asked JavaScript interview questions here, might be really useful to revise once, before your technical interview !!
All these questions can also be asked in a “Node.js Technical Interview”.
Although this is a simple question, it may be hard to put things in words sometimes :
JavaScript is a Scripting / Programming Language, mostly used to add event based features in web pages.
A Scripting Language is the one that is directly implemented on run-time, not compiled earlier like C language.
ECMAScript = European Computer Manufacturers Association Script.
ECMAScript is a specification that defines “how a scripting language should be created ?”.
JavaScript is an implementation of ECMAScript specification.
[ * It is unlikely to be asked about features against the ECMAScript version, added for just the understanding ]
ECMAScript version | Major Feature Updates |
ES5 | The first stable ECMAScript used for JavaScript |
ES6 / ES2015 | Arrow Functions added, “for … of” loops added, “let” and “const” introduced |
ES7 / ES2016 | “await” & “async” keywords added |
ES8 / ES2017 | “Object.values” & “Object.entries” added |
ES9 / ES2018 | Spread Operators added |
ES10 / ES2019 | “Array.prototype.flat” & “Array.prototype.flatMap” added, array sorting made stable |
ES11 / ES2020 | nullish coalescing operator (??) added |
A variable created with “const” cannot be assigned a new value. But, variable created by “var” and “let” can be assigned a new value.
const constA = 123;
constA = 456;
console.log("constA : ", constA);
// --- output ---
// Error: Attempting to override "constA", which is a constant.
let letA = 123;
letA = 456;
console.log("letA : ", letA);
// --- output ---
// letA : 456
var varA = 123;
varA = 456;
console.log("varA : ", varA);
// --- output ---
// varA : 456
A variable created with “let” can be used in a block scope, where a variable created with “var” has a functional scope.
// --- var example ---
function testVar() {
console.log("varA before if : ", varA);
if (true) {
let varA = "Hello !";
}
console.log("varA after if : ", varA);
}
testVar();
// --- output : var example ---
// varA before if : undefined
// varA after if : Hello !
// --- let example ---
function testLet() {
if (true) {
let letA = "Hello !";
}
console.log("letA after if : ", letA);
}
testLet();
// --- output : let example ---
// error: Uncaught ReferenceError: letA is not defined
A == compares the value of 2 variables, where a === compares values as well as the type of variables.
// --- let example ---
let a = 1;
let b = "1"
console.log("a == b : ", a == b);
console.log("a === b : ", a === b);
// a === b is equivalent to : (a == b && typeof a == typeof b)
// --- output ---
// a == b : true
// a === b : false
JavaScript is a synchronous language !
Synchronous language : Language that waits for the execution of one line before going to next line.
Asynchronous language : Language that does not wait for long tasks, like database queries to respond first (Example : Node.js)
Arrow functions were introduced in ES6 (ES2015), an arrow function does not have its own “this”. Therefore, if you use this inside arrow function, it will directly access the window object.
Ex. When you print this.demoVar inside an arrow function, it will actually print window.demoVar.
See the example, given in the snippet.
demoVar = "global";
let demoObject = {
demoVar : "local",
arrowFunc : () => {
console.log("arrow function output : ", this.demoVar);
},
regularFunc() {
console.log("regular function output : ", this.demoVar);
}
}
demoObject.arrowFunc();
demoObject.regularFunc();
// --- output ---
// arrow function output : global
// regular function output : local
Due to this basic difference, arrow functions differ a lot from regular function.
If you want to learn in more depth about arrow functions and normal functions : You can read https://dmitripavlutin.com/differences-between-arrow-and-regular-functions/
TypeScript is based on JavaScript, it adds the concept of datatype in the JavaScript.
TypeScript is useful when you are working on a large codebase or in teams, because it tells you the errors on the compile time.
**********************
For the details of JavaScript Libraries, Frameworks and Job titles read our earlier blog :
JavaScript : Intro to Job Titles
Let us know about your JavaScript Interview Questions, might be helpful for a lot of us. We can include them in the next part of this blog.
The post JavaScript | Technical Interview – QnA appeared first on IT Bulls.
]]>The post Interview in Tech Companies | Go Prepared appeared first on IT Bulls.
The post Interview in Tech Companies | Go Prepared appeared first on IT Bulls.
]]>Most of the technical interview consist QA based questions, irrespective of the technology like Node.js, PHP, Angular, etc. These questions are generally asked to know your logical abilities and your presence of mind.
Quantitative Analysis is not a small topic of study. You should be practising QA from the very start of your graduation / degree. If you have not done so, then you can simply review the topics which are mostly asked like …
We’ll be posting separately about technical questions for all the common technologies. But, there are a few concept based questions that can be asked in all of them …
[ Would you like us to write a blog answering such questions ! Let us know in the comments ]
The resume is the written proof of what you have done till day which makes you eligible for the company. The main focus is on ..
Even if you are a fresher, corporate expect you to have some experience, in the form of , internship OR freelancing work OR educational projects, etc.
Interviewer may ask about “Which product of ours interests you ?”
Interviewer generally ask “Where do you see yourself after 5 years” ? The main objective of this question is to know ..
The upcoming years are will create a high demand of technical people ! Even if, you have no experience in technical domains till date, you can start learning today along with your work OR studies !
The post Interview in Tech Companies | Go Prepared appeared first on IT Bulls.The post Interview in Tech Companies | Go Prepared appeared first on IT Bulls.
]]>The post MongoDb | Setup MongoDb Sandbox Database for free?? appeared first on IT Bulls.
The post MongoDb | Setup MongoDb Sandbox Database for free?? appeared first on IT Bulls.
]]>MongoDB is a source-available cross-platform document-oriented database program. MongoDB is sorted a NoSQL database, It uses documents like JSON format with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License.
Note:
It can be only use for learning purpose, because Mongodb.com only give 500MBs, as database storage, so if you are using for Medium or Large size project than go with premium package offered by MongoDb.
Click here to open MongoDd login page. Login with google, or create free account from signup page. keep in mind that it is totally free.
After logged-In you will see this kind of dashboard.
Click on the “Build a Cluster” Button. It will redirect you to “Choose a Path” page, from there select Shared Clusters and click on “Create a Cluster”, a shown in the bellow images.
Once you click on the “Create a Cluster“, it will redirect you to “Create a Starter Cluster“, in that setup follow these steps
Then click on “Create Cluster“. As shown bellow image
When you click on “Create Cluster”, you will see following.
Now we have successfully created cluster, In witch we can create unlimited databases, but up to 512MB.
As it is document-oriented database, in MySql we have tables, but in Mongodb it is called collection.
To create first collection click on collections button, you will it in recently created cluster box.
Now, you will see List of collections,
If you don’t have any it will ask you to Load a Sample Dataset or Add My Own Data. If you have your mongodb collection exported from any other places or from Mongodb from local, then you can click on Load a Sample Dataset and load your existing data. And if you want to just create a new Collection then click on Add My Own Data. In our case I will show you to create new collection.
Once you click on Add My Own Data. you will see..
Insert database name and collection name, Let say database name is “demo” and collection name is “users”. Then click on create.
As you can see in above image, database and collection are created with name “demo“ and “user”.
So, this is how you can create database online with trusted site Mongodb.com. From here you can also create new database and add collections, also you can add entries in your existing collections.
If you want to learn How to connect Mongodb with Nodejs using Mongoose?
Thank you for reading and stay tune, stay connected and stay safe. Please support us by sharing the blog.
Read our other blogs on ITbulls.in
The post MongoDb | Setup MongoDb Sandbox Database for free?? appeared first on IT Bulls.
The post MongoDb | Setup MongoDb Sandbox Database for free?? appeared first on IT Bulls.
]]>