MEAN Stack

642 views

Published on

This is an introductory presentation to MEAN stack for web application development which is done at 99X Technology.

This presentation is associated with a demonstration application of a instant group chat application which is 100% developed using MEAN stack within the 1h 30m of the presentation duration.

Demonstration app: https://github.com/samiyuru/mean-stack-chat-app

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
642
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

MEAN Stack

  1. 1. by Samiyuru Senarathne Mean Stack Fast scalable web apps Friday, July 25, 14
  2. 2. Who am I? I am Samiyuru Senarathne javascript, Objective C and java background Web development experience in node, php, python and java Friday, July 25, 14
  3. 3. What is Mean Stack? Friday, July 25, 14
  4. 4. Mean Stack is! A modern web development technology stack express Friday, July 25, 14
  5. 5. Why Mean Stack? Friday, July 25, 14
  6. 6. Isn't it good to use one language everywhere Reuse code in client and server Scalability Advantages & Why? And we hope we’ll get to develop in this stack in the future Friday, July 25, 14
  7. 7. JS everywhere Isn't it too slowww....? Friday, July 25, 14
  8. 8. Node vs Apache Concurrency  Level:            20000 Time  taken  for  tests:      1043.076  seconds Complete  requests:            1000000 Failed  requests:                25227      (Connect:  0,  Receive:  8409,  Length:  8409,   Exceptions:  8409) Write  errors:                      0 Total  transferred:            81265680  bytes HTML  transferred:              18059040  bytes Requests  per  second:        958.70  [#/sec]  (mean) Time  per  request:              20861.529  [ms]  (mean) Time  per  request:              1.043  [ms]  (mean,  across   all  concurrent  requests) Transfer  rate:                    76.08  [Kbytes/sec]  received   Connection  Times  (ms)                            min    mean[+/-­‐sd]  median      max Connect:                0  10201  2391.8    10840      20177 Processing:      595  10455  3239.1    10904      39809 Waiting:                0  8323  2331.0      8728      38740 Total:              1181  20656  4758.5    21795      44333 Concurrency  Level:            20000 Time  taken  for  tests:      3570.753  seconds Complete  requests:            1000000 Failed  requests:                2617614      (Connect:  0,  Receive:  848121,  Length:  886497,   Exceptions:  882996) Write  errors:                      0 Total  transferred:            36832520  bytes HTML  transferred:              2372264  bytes Requests  per  second:        280.05  [#/sec]  (mean) Time  per  request:              71415.058  [ms]  (mean) Time  per  request:              3.571  [ms]  (mean,  across  all   concurrent  requests) Transfer  rate:                    10.07  [Kbytes/sec]  received   Connection  Times  (ms)                            min    mean[+/-­‐sd]  median      max Connect:                0  4259  14734.0            0      79497 Processing:          4  64979  51442.2    65543    381910 Waiting:                0  2725  16784.2            0    249108 Total:                  87  69238  56233.8    68138    426365 Friday, July 25, 14
  9. 9. Who uses Mean Stack Friday, July 25, 14
  10. 10. Let’s jump to work Friday, July 25, 14
  11. 11. Wait! Let’s see what we are gonna use! Friday, July 25, 14
  12. 12. We’ll create an app module Will be using controllers We’ll use angular $http service Directives ng-app, ng-controller, ng-model, ng-click, ng-keypress, ng-repeat, ng-class, ng-if Friday, July 25, 14
  13. 13. MongoDB is our database Start mongodb in terminal querying the db from mongo shell Insertion & finding documents from collections Friday, July 25, 14
  14. 14. Node is a platform built on Chrome's JavaScript runtime Node uses an event-driven, non-blocking I/O model Friday, July 25, 14
  15. 15. Create express app map static files get & post routes respond to client in json express Friday, July 25, 14
  16. 16. Now let’s jump to work Friday, July 25, 14
  17. 17. Scalability Are you ready to scale? Friday, July 25, 14
  18. 18. Vertical Scaling Friday, July 25, 14
  19. 19. Horizontal Scaling Friday, July 25, 14
  20. 20. No bottle necks Mongo Node Friday, July 25, 14
  21. 21. Scale Node Node enforce shared nothing architecture Process clustering Friday, July 25, 14
  22. 22. Scale MongoDb Friday, July 25, 14
  23. 23. Thank You Friday, July 25, 14

×