Recommended
More Related Content
What's hot
What's hot (18)
Similar to Meteor
Similar to Meteor (20)
Recently uploaded
Recently uploaded (20)
Meteor
- 2. What Meteor is? • Meteor.js is a powerful and full-stack JavaScript platform for developing real-time web and mobile applications. • It is built on Node.js platform and is written in JavaScript.
- 3. FEATURES OF METEOR JS 1. Full-Stack Solution 2. Isomorphic JavaScript Code 3. Live Reload 4. Database Integration Reload 5. Custom Package Manager
- 5. Add and remove Packages Start Server Access Database Reset Project Add Mobile Platform Bundle for Mobile Deploy to meteor.com Create Project meteor create <appname> meteor add|remove <packagename> meteor run[--port xxxx] meteor mongo meteor reset meteor add-platform <platform> meteor build [--server http://..] meteor deploy Command Line
- 6. Template in Meteor <head> <title>meteorApp</title> </head> <body> <h1>Header</h1> {{> myParagraph}} </body> <template name = "myParagraph"> <p>{{text}}</p> </template> if (Meteor.isClient) { // This code only runs on the client Template.myParagraph.helpers ({ text: 'This is paragraph...' }); } OUTPUT:--- HEADER This is paragraph…
- 7. HELPER IN METEOR • Template.templatename.functioname=function() { } • Template.templatename.helpers { ‘function1’:function() { } ‘function2’:function() { } }
- 8. EVENTS IN METEOR Template.templateName.events() { ‘event selector’() { } } <body> <form class=“b”> <input type=“text” name=“a1”> <input type=“submit”> </form> </body> Template.body.events( { ‘submit .b’(event){ const target = event.target; const text = target.a1.value } }) ExampleSyntax for event
- 9. Example <head> <title>meteorApp</title> </head> <body> <div> {{> myTemplate}} </div> </body> <template name = "myTemplate"> <p>PARAGRAPH...</p> <button class = "myClass">CLASS</button> <button id = "myId">ID</button> </template> if (Meteor.isClient) { Template.myTemplate.events({ 'click p': function(){ console.log("The PARAGRAPH is clicked..."); }, 'click .myClass': function(){ console.log("The CLASS is clicked..."); }, 'click #myId': function(){ console.log("The ID is clicked..."); }, }); }
- 10. Session in Meteor js if (Meteor.isClient) { var myData = { key1: "value1", key2: "value2" } Session.set('mySession', myData); var sessionDataToLog = Session.get('mySession'); console.log(sessionDataToLog); }
- 11. Packages Routing iron: router Data reactive- var tmeasday: publish-counts aldeed: collection2 Authentication accounts- password Utilities momentjs: moment johdirr: meteor-git-rev email browser- policy nimble: restivus Basics • jquery • mizzao:bootstrap-3 • fontawesome:- fontawesome Visualization • peernohell: c3 • sergeyt: d3 • dburles: googlemaps Utilities • less • mrt: filesaver http Shared Packages Server-Side Packages Client-Side Packages mdg: geolocation mdg: camera Mobile Packages Explore Packages at :Atmoshphere js
- 12. Running on IOS Running on an iPhone or iPad (Mac Only; requires Apple developer account) • If you have an Apple developer account, you can also run your app on an iOS device. Run the following command: meteor run ios-device • This will open Xcode with a project for your iOS app. You can use Xcode to then launch the app on any device or simulator that Xcode supports. Running on an iOS simulator (Mac Only) • If you have a Mac, you can run your app inside the iOS simulator. • Go to your app folder and type: meteor install-sdk ios • This will run you through the setup necessary to build an iOS app from your project. When you're done, type: meteor add-platform ios meteor run ios • You will see the iOS simulator pop up with your app running inside.
- 13. Running on Android Running on an Android device • First, complete all of the steps above to set up the Android tools on your system. • Then, make sure you have USB Debugging enabled on your phone and the phone is plugged into your computer with a USB cable. • Also, you must quit the Android emulator before running on a device. • Then, run the following command: meteor run android-device • The app will be built and installed on your device. Running on an Android emulator • In the terminal, go to your app folder and type: meteor install-sdk android • This will help you install all of the necessary tools to build an Android app from your project. When you are done installing everything, type: meteor add-platform android • After you agree to the license terms, type: meteor run android • After some initialization, you will see an Android emulator pop up, running your app inside a native Android wrapper.
- 14. Thank You