Magnificent Meteor

Meteor is an open-source Node.js platform for building top-quality web apps in a fraction of the time.
It also included two demos
1) Simple my app for syntax introduction and
2) GDGbabychat application to give database interactive application emulation.

Transcript

1. Presented at GDG Ahmedabad OSS Framework Event Presented By: Dipali Vyas Project Manager @ Zestard Technologies Date: 20-June-2015 Magnificent
2. What is Meteor? ➢ An open-source platform for building top-quality web apps in a fraction of the time ➢ An Open-source real-time JavaScript web application framework ➢ Uses Node.js. (For Rapid prototyping and Cross-Platform (web, Android, iOS) code.) ➢ Integrates with MongoDB (automatically propagate data using Distributed Data Protocol & publish–subscribe pattern) ➢ Meteor-Baby was born just in December 2011 and is now production ready and evolving day by day… ➢ Whether you are an expert developer or just getting started … Go FOR IT
3. WHY Meteor? • Modern apps shouldn't need a refresh button (Modern apps serve data , not html) • Rails, DJjango, PHP, ASP.net etc are difficult to adapt to the new mode • Built to power the next generation of apps • Rich user interfaces • Collaborative multi-user applications • Cross platform apps • Fast development Don’t Compare Apples with Oranges… it all depends on context - relevance
4. WHY Meteor? • Modern apps shouldn't need a refresh button (Modern apps serve data , not html) • Rails, DJjango, PHP, ASP.net etc are difficult to adapt to the new mode • Built to power the next generation of apps • Rich user interfaces • Collaborative multi-user applications • Cross platform apps • Fast development Don’t Compare Apples with Oranges… it all depends on context - relevance
5. WHY Meteor? • Modern apps shouldn't need a refresh button (Modern apps serve data , not html) • Rails, DJjango, PHP, ASP.net etc are difficult to adapt to the new mode • Built to power the next generation of apps • Rich user interfaces • Collaborative multi-user applications • Cross platform apps • Fast development Don’t Compare Apples with Oranges… it all depends on context - relevance
6. WHY Meteor? • Modern apps shouldn't need a refresh button (Modern apps serve data , not html) • Rails, DJjango, PHP, ASP.net etc are difficult to adapt to the new mode • Built to power the next generation of apps • Rich user interfaces • Collaborative multi-user applications • Cross platform apps • Fast development Don’t Compare Apples with Oranges… it all depends on context - relevance
7. Meteor Learning Curve ➢ Structuring your application ➢ Data and security ➢ Reactivity ➢ Live HTML ➢ Templates ➢ Smart packages ➢ Blaze And You Become a Meteor Ninja...
8. Essentials for Meteor Application • Willingness to Code 0. Installing Meteor 1. Creating an app 2. Templates 3. Collections 4. Forms and events 5. Update and remove 6. Deploying your app Some More to do 7. Running on mobile 8. Temporary UI state 9. Adding user accounts 10. Security with methods 11. Publish and subscribe 12. Next steps
9. Quick Start Guide 1) Install Meteor: $ curl https://install.meteor.com | /bin/sh (Ref: https://www.meteor.com/install) 2) Create a project: $ meteor create gdgdemo 3) Run it locally: $ cd gdgdemo $ meteor run (Running on: http://localhost:3000/) 4) Smart Packages: meteor add (RefURL:Can have both client and server code) 5) Hot code push(console.log(“Hello World”);) (Meteor watches your code and updates the app) 6) Reactive data source 7) session key/value store 8) Deploying: $ meteor deploy gdgdemo.meteor.com
10. 1)Application Demo on Local Go to Demo ( Hello World MyApp)
11. Demo Time App structure /client /lib /packages /private /public /server /test
12. 2) ChatApp Demo on Local Go to Demo ( Simple Chat Application)
13. Demo:Deployment Requirements ➢ Web Server ➢ EC2 configuration ➢ Node.js v0.8.24 or v0.10.10 ➢ nginx ➢ Point static assets to /public/* ➢ gzip enabled ➢ Build script (TODO: link) ➢ Auto scaling > Auto-scale up 1 instance at 60% CPU usage ➢ Auto-scale down 1 instance at 30% CPU usage ➢ Meteor-cluster package for fast data synchronization between server instances ➢ Uses Redis
14. Questions… Any Questions? Develop your Meteor Application … now it’s your turn Thank you ….By Dipali Vyas
15. Developer Resources • Over 150 meetup groups around the world • 2500 + community authored packages atmospherejs.com • Discover meteor has made over 300000 in book sales • #11 on Github, just passed Backbone, soon Rails • Community> strong developers Worldwide >important community members in australia, Japan, France, Sri Lanka & Others (Now In India) • Open - source translations of Discover Meteor • Devshop in SF and London (Meteor's youtube channel)) • ~1500 User developed smart - packages on Atmosphere Sub Projects: https://www.meteor.com/projects • Official Documentation docs.meteor.com • High quality resources • Stack Overflow. The best place to ask (and answer!) technical questions is on [Stack Overflow]. • Mailing list. 1) meteor- talk@googlegroups.com (general questions, requests for help, and new project announcements) 2) meteor-core@googlegroups.com (discussing Meteor internals and proposed changes) • IRC. #meteor on irc.freenode.net. The developers hangout and Q&A • Github. (Pull a patch & Bug Tracker) • Meetup,Google group, blog • Discover meteor (boo) , & Evented,Mind ( vidoes)
16. References • https://www.andrewmunsell.com/blog/introduction-to-realtime-web-meteor-and-nodejs • http://sebastiandahlgren.se/2013/07/17/tutorial-writing-your-first-metor-application/ • https://www.meteor.com/community/get-involved • http://meteortips.com/first-meteor-tutorial/ • http://meteortips.com/deployment-tutorial/ • http://docs.meteor.com/ • http://stackoverflow.com/questions/tagged/meteor
17. Presented By: Dipali Vyas Date: 20-June-2015 Email: dipalia@gmail.com Twitter: @dipalia Magnificent