Whatsmeteor a whatsApp like Chat App writen in Meteorjs

1. whatsMeteor
a whatsApp like Chat App
&
Big Projects with Meteor
Michael Lazarski
Twitter: @lazarskiDOTme

2. What we will create today!
Demo:
http://whatsmeteor.meteor.com
Add me: t@t.de
Github url:
https://github.com/lampe/whatsMeteor

3. ● CamelCase vs underscores
● Use a Linter like JSHint
● Use Code beautifier
● Session for Global variables and ReactiveVar
for Template specific variables
● Variable name: templateNameVarName
● Remove autopublish and insecure from the
start

4. Let's talk about structure

5. Special Folder 1/2

6. Special Folder 2/2

7. Views/Components

8. navBar.html

9. navBar.css

14. Okay but what about routes ?
● meteor add Iron:router

15. Okay but what about subscriptions ?
● User Template Subscriptions !

16. … So we can use this:

17. Or this:

18. But what about the Server Side?

19. Use Meteor.methods for data ! 1/

20. Use Meteor.methods for data ! 2/3
● The Future is your friend

22. Some Mobile Tipps
● Always run meteor with –verbose
● Test your app on a slow connection
● Test your app on more then one Android
version
● Remember that to get in the Apple Store it
can take some time
● Check if Packages are also working on mobile
like CSS Frameworks

23. CSS Frameworks
● Bootstrap has most extra packages
● Foundation has also extra packages but not
that much
● Semantic-ui is you tell me ?
● New Hotness materializecss
meteor add materialize:materialize

24. Okay lets build a chat app!