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.

1. Developers Conference
MEAN Stack
The

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

8. Server
Datasase
Client
MEAN App

9. JavaScript Everywhere
{JSON}
{JSON}

10. Fullstack JavaScript

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

22. Fullstack JavaScript Framework

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?