The document discusses Meteor.js, a full stack JavaScript platform built on Node.js, which offers real-time features and an easy learning curve with a supportive community. It highlights key features such as live reload, built-in client-side technologies, authentication options, and simple deployment processes. Additionally, it mentions the limitations of Meteor.js, notably its exclusive support for MongoDB and the reliance on small community resources for other frameworks.

1. Only JavaScript, only
Meteor.js
Tomáš Hromník (@elfoslav) www.hromnik.com

2. Development in PHP
- Context switching
- Server language vs. JavaScript

3. Development in PHP
- Context switching
- Server language vs. JavaScript
- Different function names in PHP and
JavaScript

4. Development in PHP
WRONG!!!

5. Node.js
- JavaScript on the server

6. Node.js
- JavaScript on the server
- Isomorphic applications

7. Node.js
- JavaScript on the server
- Isomorphic applications
- JavaScript everywhere

8. Node.js frameworks
- Sails.js, Geddy.js, Tower.js, Total.js,...

9. Node.js frameworks
- Sails.js, Geddy.js, Tower.js, Total.js,...
- not much killer features

10. Node.js frameworks
- Sails.js, Geddy.js, Tower.js, Total.js,...
- not much killer features
- very small community

11. Node.js frameworks
- Sails.js, Geddy.js, Tower.js, Total.js,...
- not much killer features
- very small community
- lack of learning resources

12. Node.js frameworks
- Express.js
- very lightweight

13. Node.js frameworks
- Express.js
- very lightweight
- programmer has to do a lot of work himself

14. Node.js frameworks
- Meteor.js
- a lot of killer features

15. Node.js frameworks
- Meteor.js
- a lot of killer features
- easy to learn

16. Node.js frameworks
- Meteor.js
- a lot of killer features
- easy to learn
- good documentation

17. Node.js frameworks
- Meteor.js
- a lot of killer features
- easy to learn
- good documentation
- large passionate community

18. Node.js frameworks
- Meteor.js
- a lot of killer features
- easy to learn
- good documentation
- large passionate community
- a lot of learning resources

19. What is Meteor?
Full stack JavaScript platform for building real-
time applications.
Built on top of Node.js

20. Meteor.js (killer) features
- Live reload - forget about F5

21. Meteor.js (killer) features
- Live reload - forget about F5
- Automatic CSS and JS minification on
production server

22. Meteor.js (killer) features
- No need to include CSS, JS files manually
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
...
<script src="bower_components/jquery/dist/jquery.js"></script>
...

23. Meteor.js (killer) features
- Real-time by default
Messages = new Mongo.Collection(‘messages’);
Messages.insert({ text: ‘Hello Meteor’, timestamp: Date.now() });

24. Meteor.js (killer) features
- Built in client-side technologies
- Templates, Helpers, Events, Session

25. Meteor.js (killer) features
- Built in client-side technologies
Template.hello.helpers({
counter: function() {
return Session.get(‘counter’);
}
});

26. Meteor.js (killer) features
- Built in client-side technologies
<template name=”hello”>
<button class=”increase-counter”>Click me</button>
<p>You clicked {{counter}} times</p>
</template>

27. Meteor.js (killer) features
- Built in client-side technologies
Template.hello.events({
‘click .increase-counter’: function(evt, tpl) {
Session.set(‘counter’, Session.get(‘counter’) + 1);
}
});

28. Meteor.js (killer) features
- MiniMongo
//client-side code
var messagesFromFuture = Messages.find({
timestamp: { $gt: Date.now() }
});

29. Meteor.js (killer) features
- Latency compensation
- instant feedback for user interaction

30. Meteor.js (killer) features
- Package manager
$ meteor add accounts-ui accounts-password

31. Meteor.js (killer) features
- Package manager
$ meteor add accounts-ui accounts-password
<template name=”hello”>
<h1>Sign in / Sign up:</h1>
{{> loginButtons}}
</template>

32. Meteor.js (killer) features
- Package manager
$ meteor add less
$ meteor add coffeescript
atmospherejs.com

33. Meteor.js (killer) features
- Package manager
- You can also use NPM

34. Meteor.js (killer) features
- Built in authentication/registration
- Email, Facebook, Twitter, Google, Github,...
$ meteor add service-configuration
$ meteor add accounts-facebook

35. Meteor.js (killer) features
- Built in authentication/registration
- Email, Facebook, Twitter, Google, Github,...
ServiceConfiguration.configurations.insert({
service: "facebook",
appId: "yourAppId",
secret: "yourSecret"
});

36. Meteor.js (killer) features
- Built in authentication/registration
- Email, Facebook, Twitter, Google, Github,...
Meteor.loginWithFacebook();

37. Meteor.js (killer) features
- Easy deployment
$ meteor deploy appname
http://www.appname.meteor.com

38. Meteor.js (killer) features
- Easy deployment
- Meteor up package
$ npm install -g mup
$ cd /app-folder
$ mup init
$ mup deploy

39. Meteor.js (killer) features
- Mobile apps in Meteor (Android, iOS)
$ meteor install-sdk android
$ meteor add-platform android
$ meteor run android

40. Specialities
Publish/Subscribe
//server
Metor.publish(“userTasks", function () {
return Tasks.find({ userId: this.userId });
});
//client
Meteor.subscribe(“userTasks”);

41. Specialities
Autopublish, Insecure package
$ meteor remove autopublish
$ meteor remove insecure

42. Specialities
Directory structure
app/
client/
lib/
public/
server/
...

43. Meteor.js caveats
- Only MongoDB support at this time.

44. Meteor.js community

45. Meteor.js community
https://forums.meteor.com/

46. My Meteor applications
TodoToday http://todotoday.meteor.com/ (OS)

47. My Meteor applications
Seenist http://seenist.com/

48. My Meteor applications
Typefast http://typefast.meteor.com/ (OS)

49. My Meteor applications
FasterChat https://fasterchat.com (OS)

50. My Meteor applications
CoderMania http://codermania.com

51. Learning resources
● Official Meteor web: http://meteor.com
● Meteorhacks: http://meteorhacks.com
● E-book: https://www.discovermeteor.com
● Meteor screencasts: https://www.eventedmind.com
● Video courses on Udemy: https://www.udemy.com
● Meteor packages: https://atmospherejs.com
● My Meteor blog: http://meteor.hromnik.com
● Twitter: @meteorjs, #meteorjs

52. Only JavaScript, only
Meteor.js
Try to build an application in Meteor
Tomáš Hromník (@elfoslav) www.hromnik.com