MeteorJS - How to start

1. MeteorJS - How to start
Tran Trong Dan
Full stack developer from Singapore. Passionate about Javascript.

2. Front end vs Backend
● BackboneJS
● Angular JS
● Ember JS
● ReactJS
● Zend, Symphony
● Rails
● Django

3. What do we want?
● A framework supports both front-end and
backend
● Writing in the same language
● Reusable and composable code
● Data-binding

4. MeteorJS
● Isomorphic
● Data on the wire
● On top of NodeJS
● Latency Compensation
● Full Stack Reactivity

5. Install Meteor
● Install: curl https://install.meteor.com | /bin/sh
● Create an app: meteor create --example
leaderboard
● Demo: meteor.com

6. Demo
git clone https://github.com/aladine/leaderboard
cd leaderboard
meteor
Link: http://meteorpad.com/pad/MQ7nSpLYQF3s7EoNa/Copy%20of%20Leaderboard

7. Exercise 1
git commit -am ‘complete exercise 1’
git checkout -b solution-1

8. Exercise 2
git commit -am ‘complete exercise 2’
git checkout -b solution-2
Solution: http://meteorpad.com/pad/qH6JuKiSXo9F3YEjL/Leaderboard

9. Packages
● Core packages: Blaze, Session, Tracker
● Third party modules: atmosphere.com
● npm modules
● Local packages

10. Iron Router
Source: https://gentlenode.com/journal/meteor-11-iron-router-cheatsheet/18

11. Autoform
Source:
● https://github.com/aldeed/meteor-autoform/
● https://atmospherejs.com/aldeed/simple-schema
Demo: http://autoform.meteor.com/updateaf

12. Folder structure
Boilerplate: https://github.com/matteodem/meteor-boilerplate

13. Security
- Restrict read access: publish/subscribe
- Restrict write access: allow/deny
- Publications & Subscriptions
- settings.json: meteor --settings settings.json
Reference: https://github.com/themeteorchef/security-essentials

14. Npm support
● Install: meteor add meteorhacks:npm
● Deploy:
https://github.com/onmodulus/demeteorizer
● Other topics:
o DDP analyzer
o Kadira performance tracking

15. Mobile support
Platform:
● Android
● iOS
Source: https://github.com/meteor/meteor/wiki/Meteor-Cordova-Phonegap-integration

16. Meteor + AngularJS
Libraries:
● https://github.com/superchris/angular-meteor
● https://github.com/Urigo/angular-meteor
● https://github.com/mondora/asteroid (Meteor
backend + AngularJS frontend)

17. Meteor + Ionic
http://meteoric.github.io/
https://github.com/meteoric/meteor-ionic

18. Telescope
English version: link
Vietnamese version: link

19. Resources
● Meteor Dev Youtube channel
● Gitter.im
● crater.io
● meteorhacks.com

20. Thank you