The MEAN Stack
6 likes2,023 views
The document discusses the MEAN stack, which is a full-stack JavaScript framework that uses MongoDB, ExpressJS, AngularJS, and Node.js. It provides an overview of each component, explaining that MongoDB is the database, ExpressJS is the web application framework, AngularJS is the front-end framework, and Node.js is the web server. The MEAN stack allows for full-stack development with JavaScript and provides benefits like asynchronous communication and being easy to start developing with.
The MEAN Stack
- 2. Sr. JavaScript Developer Elance-oDesk Corp @jquerygeek Md. Ziaul Haq
- 3. What is MEAN Stack ?
- 4. Stack ?
- 5. • LAMP - JS, Apache, Php, MySQL • MS.Net - JS, IIS, C#, ASP.Net, SQL Server • Java - JS, Tomcat, Java, JSP, Oracle Some Development Stack
- 6. MEAN is for
- 7. • MongoDB - as Database • ExpressJS - as Web Application Framework • AngularJS - as Frontend Framework • NodeJS - as Web Server MEAN
- 11. • JavaScript everywhere • One language, no context change • Consistent best practices • Asynchronous Communication • Scalable Why MEAN
- 12. • Popular among the community • Popular in Github • HackerNews love JS :) • Enough resource • Easy to start on Why JavaScript
- 13. Who Using
- 14. Quick Overview
- 15. • NoSQL, document-oriented database system • JSON-like documents • Easier Faster to communicate • Scalable • Learn more : http://www.mongodb.org/
- 16. • A lightweight web app framework on top of Node.js • Wrapper for Node.js HTTP module objects • Easier Faster to communicate • Learn More: http://expressjs.com
- 17. • Client-side MVC framework • 2 way data binding • Watcher everywhere • Learn More: http://angularjs.org
- 18. • Server-side JavaScript platform built on V8 engine • Non blocking I/O • Asynchronous • Event driven • Almost every thing in NPM • Learn More: http://nodejs.org
- 19. Jump on
- 20. • Install Node and MongoDB in your system • Install the required tools • npm, Git, bower, grunt/gulp, mongoose • Setup the MEAN project with dependency
- 21. • Install Node and MongoDB in your system • Install the required tools • npm, Git, bower, grunt/gulp, mongoose • Setup the MEAN project with dependency
- 23. • Boilerplate, ready to start on • MEAN CLI • Dependancy management • Test suit are ready • Ready free packages MEAN.IO
- 24. Project create • $ sudo npm install -g mean-cli • $ mean init appName • $ cd appName npm install
- 25. • public - Frontend • assets - CSS and images go here • controllers - the front end processing • routes - routes to each view • services - angular wrappers for data providers • tests - karma tests • views - the HTML for each page
- 26. • server - Backend • controllers - the back end processing • models - the data object’s definitions • routes - routes to the controllers, from get/posts… • tests
- 27. Love Generator ? • Yeoman • generator-mean
- 28. jquerygeek@elance-odesk.com Thank you all. Questions?