Mean Stack MEAN stack is basically a collection of JavaScript-based web development technologies that includes , , and . Following diagram clearly explains that how these technologies work together to develop a web application. AngularJS being client makes AJAX calls to ExpressJS returning response in JSON format. ExpressJS that is running on NodeJS Server further communicate with MongoDB as persistent medium (a NoSQL database). MongoDB ExpressJS AngularJS NodeJS Why MEAN Stack? The acronym “MEAN” stands for “ ” and represents a group of technologies which are known to synergize well together. The major benefit of the MEAN stack is that it’s extremely quick to prototype with. Node.js allows you to use Javascript on the backend as well as the frontend which can save you from having to learn a separate language. In addition, the nature of MongoDB allows you to quickly change and alter the data layer without having to worry about migrations, which is a very valuable attribute when you’re trying to build a product without clear specifications. Finally, these technologies have a lot of community support behind them so finding answers to questions or hiring help is going to be much easier using these technologies. MongoDB Express.js AngularJS Node.js NoSQL Introduction MONGODB MongoDB is a cross-platform, document oriented database that provides, high performance, high availability, and easy scalability. It works on concept of collection and document. MongoDB is, a kind of NoSQL database. As a NoSQL database, MongoDB shuns the relational database’s table-based structure to adapt JSON-like documents that have dynamic schemas which it calls BSON. This makes data integration for certain types of applications faster and easier. Go through and proceed to its , which should help you understand NoSQL and MongoDB better. MongoDB Official Website Great Manual EXPRESS.JS Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and also mobile applications. Express.js and Node.js gave JavaScript newfound back-end functionality — allowing developers to build software with JavaScript on the server side for the first time. Together, they make it possible to build an entire site with JavaScript: You can develop server-side applications with Node.js and then publish those Node.js apps as websites with Express. The best way to understand express is through its , particularly ; you can also go through for more resources. Official Website The Express Guide this StackOverflow thread ANGULARJS AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. AngularJS’s data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology. Angular’s Official Website is a great starting point. CodeSchool created a for beginners, and the angular videos by . great tutorial Egghead NODE.JS Node.js® is a JavaScript runtime built on . Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. It’s package ecosystem, , is the largest ecosystem of open source libraries in the world. Chrome’s V8 JavaScript engine npm Node.js is a cross-platform runtime environment and has also library for running JavaScript applications outside the browser. Node is used for creating server-side and networking web applications. It is open source and free to use Start by going through and the as well as , which should get you going with the Node.js platform in no time. Node.js Official Website documentation page this StackOverflow thread Prerequisite Technologies ### Linux * — and Install Node.js, nodeschool has also free to get you started. We recommend node-4.x as the preferred node version to run mean.io. * — and Install mongodb — if you’re just starting. Node.js Download node tutorials MongoDB Download Checkout their manual If you’re using ubuntu, this is the preferred repository to use. $ curl -sL | sudo -E bash -$ sudo apt-get update$ sudo apt-get install nodejs https://deb.nodesource.com/setup_4.x — Get git using a package manager or it. Git download WINDOWS — and Install Node.js, nodeschool has free to get you started. Node.js Download node tutorials — Follow the great tutorial from the mongodb site — MongoDB “Install Mongodb On Windows” — The easiest way to install git and then run the rest of the commands through the application (via command prompt) is by downloading and installing Git git bash Git for Windows OSX — and Install Node.js or use the packages within brew or macports. Node.js Download — Follow the tutorial here — MongoDB Install mongodb on OSX — Get git . git from here Prerequisite packages Mean currently uses gulp as a build tool and bower to manage frontend packages. $ npm install -g gulp // and bower $ npm install -g bower Installation To start with MEAN install the mean-cli package from NPM. This will also add the command which lets you interact (install, manage, update …) your Mean based application. mean INSTALL THE MEAN CLI In linux install in globally as root bash $ sudo npm install -g mean-cli $ mean init <myApp> $ cd <myApp> && npm install INVOKE NODE WITH A TASK MANAGER Mean supports the gulp task runner for various services which are applied on the code. To start your application run — bash $ gulp Alternatively, when not using gulp (and for production environments) you can run: bash $ node server Then, open a browser and go to: bash http://localhost:3000 RUNNING ON A DIFFERENT PORT If you have a rails, node, or other MEAN project already running, you may need to use a different port. You can set the port and start your new MEAN project with one command: bash $ export PORT=3001 && gulp Then, open a browser and change the port number before you visit: bash http://localhost:3001 UPDATE NPM, BOWER OR GULP Sometimes you may find there is a weird error during install like npm’s . Usually updating those tools to the latest version solves the issue. Error: ENOENT Update NPM: bash $ npm update -g npm Updating Gulp: bash $ npm update -g gulp Updating Bower: bash $ npm update -g bower CLEANING NPM AND BOWER CACHE NPM and Bower has a caching system for holding packages that you already installed. We found that often cleaning the cache solves some troubles this system creates. NPM Clean Cache: bash $ npm cache clean Bower Clean Cache: bash $ bower cache clean Mean Stack Development Tutorials Want to learn Mean Stack development quickly . You can find few resources here https://github.com/ericdouglas/MEAN-Learning _A MEAN stack tutorial where you wil build a real-world application. The tutorial is for beginners and will get you…_www.bradoncode.com Mean Stack Tutorial - Beginners Tutorial Hiring MEAN stack developers If you would like to hire mean stack developers please visit us here http://ontoborn.com/ References http://mean.io/

Mean Stack Development[For Developers]

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

21 Essential tools for a Lean startup

25 Stories To Learn About Angularjs

15 Proven Optimization Tips For Angularjs Development To Speed Up Your Web App Performance

15 Best Web Development Tools To Use In 2021

5 Best JavaScript Frameworks in 2017

How does Angular2 work? Part 1 — Application Refs

21 Essential tools for a Lean startup

25 Stories To Learn About Angularjs

15 Proven Optimization Tips For Angularjs Development To Speed Up Your Web App Performance

15 Best Web Development Tools To Use In 2021

5 Best JavaScript Frameworks in 2017

How does Angular2 work? Part 1 — Application Refs

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps