Ajayrc@gmail.com FullStack Development using Javascript What And Why
About this presentation • This presentation is about my first encounter with world of fullstack development using html, css, javascript, jsp, servlet, struts, hibernate, hql, spring, sql, stored procs and lot of other pains and second encounter with fullstack development using html, css and javascript. • I hope you got the message ;) • After this presentation, I leave up to you to decide that on which side of fullstack development you want to wake up tomorrow.
Funniest Language in the world is English Javascript
JavaScript is Agile! • High level programming language that does not have I/O capability • Object Oriented programming support without using Class • Functional Programming approach where each Function is an Object • Event oriented, no multi-threading, does not wait/block • No type casting, very forgiving, varies from browser to browser – but yet very robust, easy to learn, allows to create own features • It’s is ever evolving – and there is no timeline on when can you get which feature – browsers decide it – this allows browser makers to provide a feature which is then made publically available as per JS specifications and rest of the world can use it • Was oriented to work also on Server Side, but ended up being used on Client Side – mostly by weekend hobbyist web developers • Its Fast. Really Fast. • Nobody is Serious about it…Until 2009!
Its all Waterfall in Java World yet • Java/PHP/ASP.net/Python/Perl/Ruby etc • A quick calculation: assuming that each thread potentially has an accompanying 2 MB of memory with it, running on a system with 8 GB of RAM puts us at a theoretical maximum of 4000 concurrent connections, plus the cost of context-switching between threads. That’s the scenario you typically deal with in traditional web-serving techniques.
And this is Agile
The Epoch
NodeJs NodeJs NodeJs NodeJs…………… ∞ times NodeJs
Retrospection Time!
Forces impacting RDBMS
NoSQL wanted, NoSQL delivered • Advantages of MongoDB over RDBMS • Object Oriented Database – Default storage is JSON format. So conversion / mapping of application objects to database objects not needed . Faster to develop and Simpler to maintain. • Schema less : MongoDB is document database in which one collection holds different documents. Number of fields, content and size of the document can be differ from one document to another. • Deep query-ability. MongoDB supports dynamic queries on documents using a document-based query language that's nearly as powerful as SQL • Its is easy to scale up to PetaBytes. • Uses internal memory for storing the (windowed) working set, enabling faster access of data. Up to 10 times faster. • Replication & High Availability • Supports • Big Data • Content Management and Delivery • Mobile and Social Infrastructure
Angular • One of the most complete web application development framework of current time • Leverages Single Page Architecture • https://www.virginamerica.com/ • Template based • Allows Reuse of common files like css, html, images • e.g. KLM header/footer • Better performance • Unit Testing, End to End testing is supported out of the box • Highly Modular, Component Driven, Scalable • Works with jQuery and Bootstrap (most popular UI libs) • Brings MVC to Client side • Fosters API based development
Benefits of Agile and MEAN • TRANSPARENCY • Uses JavaScript • Engagement • Great community support, promotes open source, prefers open standards • Frequent Delivery, Allows Change • Highly Modular, Component base, Reusability • Predictability • Supported by google, microsoft, uber, paypal, nextflix, walmart, GE etc giants • High Quality • TDD approach • Business Focus, Customer Focus • Created keeping latest requirements of market and users • Supports Scalability, BigData, IoT, SPA etc Digital Trends
Scaling Agile? • InfoGraphic That was in Jul 2014, following is on 15 Feb 2016

Full stack development using javascript what and why - ajay chandravadiya

  • 1.
  • 2.
    About this presentation •This presentation is about my first encounter with world of fullstack development using html, css, javascript, jsp, servlet, struts, hibernate, hql, spring, sql, stored procs and lot of other pains and second encounter with fullstack development using html, css and javascript. • I hope you got the message ;) • After this presentation, I leave up to you to decide that on which side of fullstack development you want to wake up tomorrow.
  • 3.
    Funniest Language inthe world is English Javascript
  • 4.
    JavaScript is Agile! •High level programming language that does not have I/O capability • Object Oriented programming support without using Class • Functional Programming approach where each Function is an Object • Event oriented, no multi-threading, does not wait/block • No type casting, very forgiving, varies from browser to browser – but yet very robust, easy to learn, allows to create own features • It’s is ever evolving – and there is no timeline on when can you get which feature – browsers decide it – this allows browser makers to provide a feature which is then made publically available as per JS specifications and rest of the world can use it • Was oriented to work also on Server Side, but ended up being used on Client Side – mostly by weekend hobbyist web developers • Its Fast. Really Fast. • Nobody is Serious about it…Until 2009!
  • 5.
    Its all Waterfallin Java World yet • Java/PHP/ASP.net/Python/Perl/Ruby etc • A quick calculation: assuming that each thread potentially has an accompanying 2 MB of memory with it, running on a system with 8 GB of RAM puts us at a theoretical maximum of 4000 concurrent connections, plus the cost of context-switching between threads. That’s the scenario you typically deal with in traditional web-serving techniques.
  • 6.
  • 7.
  • 8.
    NodeJs NodeJs NodeJsNodeJs…………… ∞ times NodeJs
  • 9.
  • 10.
  • 11.
    NoSQL wanted, NoSQLdelivered • Advantages of MongoDB over RDBMS • Object Oriented Database – Default storage is JSON format. So conversion / mapping of application objects to database objects not needed . Faster to develop and Simpler to maintain. • Schema less : MongoDB is document database in which one collection holds different documents. Number of fields, content and size of the document can be differ from one document to another. • Deep query-ability. MongoDB supports dynamic queries on documents using a document-based query language that's nearly as powerful as SQL • Its is easy to scale up to PetaBytes. • Uses internal memory for storing the (windowed) working set, enabling faster access of data. Up to 10 times faster. • Replication & High Availability • Supports • Big Data • Content Management and Delivery • Mobile and Social Infrastructure
  • 12.
    Angular • Oneof the most complete web application development framework of current time • Leverages Single Page Architecture • https://www.virginamerica.com/ • Template based • Allows Reuse of common files like css, html, images • e.g. KLM header/footer • Better performance • Unit Testing, End to End testing is supported out of the box • Highly Modular, Component Driven, Scalable • Works with jQuery and Bootstrap (most popular UI libs) • Brings MVC to Client side • Fosters API based development
  • 13.
    Benefits of Agileand MEAN • TRANSPARENCY • Uses JavaScript • Engagement • Great community support, promotes open source, prefers open standards • Frequent Delivery, Allows Change • Highly Modular, Component base, Reusability • Predictability • Supported by google, microsoft, uber, paypal, nextflix, walmart, GE etc giants • High Quality • TDD approach • Business Focus, Customer Focus • Created keeping latest requirements of market and users • Supports Scalability, BigData, IoT, SPA etc Digital Trends
  • 14.
    Scaling Agile? • InfoGraphic Thatwas in Jul 2014, following is on 15 Feb 2016