Building Real-Time JavaScript Web Apps

1. DISCOVER
Building Real-Time JavaScript Web Apps
Meteor | Created by nginex 1

2. Why Meteor?
Meteor | Created by nginex 2
 More quick development than ever.
From idea to execution.
 Great community:
GitHub - 32600 Stars || Stack Overflow – 19650 Questions
 Awesome tutorial to start learning
 Meteor is surprisingly simple to learn

3. History
Meteor | Created by nginex 3
 Meteor was released 2012
 Stable version 1.2.1 was released October 26 2015
 Got $11.2 million funding from Andreessen Horowitz
 Rod Johnson & Meteor Development Group are a creators of
Meteor

4. TOP 10 features
Meteor | Created by nginex 4

5. #1 UNIVERSAL JAVASCRIPT
Meteor | Created by nginex 5
Isobuild

6. #2 MOBILE AND WEB
Meteor | Created by nginex 6
meteor install-sdk ios
meteor add-platform ios
meteor run ios
meteor install-sdk android
meteor add-platform android
meteor run android

7. #3 REACTIVE RENDERING
Meteor | Created by nginex 7
Client GUI components provide the look, feel and response of a
thick client app using: Blaze, Angular, React

8. #4 Deliver with Galaxy
Meteor | Created by nginex 8
See additional information here:
- https://www.meteor.com/galaxy
- https://galaxy.meteor.com

9. #5 CONNECTED CLIENT OPERATIONS
Meteor | Created by nginex 9
Galaxy provides actionable metrics specific to the
management of stateful Connected Client apps to
ensure scale operations are understood and under
control

10. #6 HOT DEPLOYS
Meteor | Created by nginex 10
Type one command to push your app into production
and update all connected browsers and devices - even
if your app is in the App Store.
meteor deploy my-app.meteor.com

11. #7 COORDINATED VERSION UPDATES
Meteor | Created by nginex 11
Galaxy ensures the client code updates are
coordinated with precision to ensure a seamless
and automatic upgrade experience for all
clients - even while using the app

12. #8 RADICALLY LESS CODE
Meteor | Created by nginex 12
Accomplish in 10 lines what would
otherwise take 1000, thanks to a reactive
programming model that extends all the
way from the database to the user's
screen.

13. #9 OPTIMISTIC UI
Meteor | Created by nginex 13
Meteor presents 'Data-on-the-wire' with latency
compensation and conflict resolution built-in. When
data changes, updates propagate reliably to affected
clients and users’ screens update via Livequery, full
stack DB drivers and mini database sources

14. #10 FULLY INTEGRATED AND FLEXIBLE
Meteor | Created by nginex 14
Meteor’s integrated stack means you don’t have to
spend time managing and integrating components
and code. You can focus on building your app. And
with Meteor’s package system, you can plug in
thousands of libraries with additional functionality.

15. TOP 10 parts of Meteor
Meteor | Created by nginex 15

16. #1 Installing
Meteor | Created by nginex 16
On OS X or Linux?
Install the latest official Meteor release from your terminal:
curl https://install.meteor.com/ | sh
On Windows?
Download the official Meteor installer:
https://install.meteor.com/windows

17. #2 Creating your first app
Meteor | Created by nginex 17
To create the app, open your terminal and type
To run the newly created app
meteor create my-app
cd my-app
meteor

18. #3 Structure of App
Meteor | Created by nginex 18
publiclib
client server

19. #4 Package system.
10114 packages are available on 10/03/16
Meteor | Created by nginex 19

20. #4.1 Package system
Meteor | Created by nginex 20

21. #5 Templates
Meteor | Created by nginex 21

22. #6 Collections
Meteor | Created by nginex 22

23. #6.0 Publishing and Subscripting
Meteor | Created by nginex 23

24. #6.1 Publishing and Subscripting
Meteor | Created by nginex 24

25. #6.2 Publishing and Subscripting
Meteor | Created by nginex 25

26. #7 Routing
Meteor | Created by nginex 26
meteor add iron:router

27. #7.1 Routing
Meteor | Created by nginex 27

28. #8 Methods in Meteor
Meteor | Created by nginex 28
Methods

29. #9 Permissions
Meteor | Created by nginex 29

30. Sources
Meteor | Created by nginex 30
1. http://docs.meteor.com
Official documentation
2. http://guide.meteor.com
Official guide
3. https://www.meteor.com/tutorials/blaze/cr
eating-an-app
Creating app using Blaze
4. https://www.meteor.com/tutorials/angular
/creating-an-app
Creating app using Angular
5. https://www.meteor.com/tutorials/react/cr
eating-an-app
Creating app using React
6. http://discovermeteor.com
This book is a magnificent complement to
the Meteor documentation
7. http://meteortips.com/first-meteor-tutorial
Your First Meteor Application Book
8. https://www.youtube.com/user/LevelUpTu
ts
YouTube channel

31. Meteor | Created by nginex 31
Get started with
tomorrow's platform
today

32. Meteor | Created by nginex 32
Thanks a lot
Any questions?