Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Whatsmeteor a whatsApp like Chat App writen in Meteorjs

1,725 views

Published on

Whatsmeteor a whatsApp like Chat App writen in Meteorjs

Published in: Technology
  • Be the first to comment

Whatsmeteor a whatsApp like Chat App writen in Meteorjs

  1. 1. whatsMeteor a whatsApp like Chat App & Big Projects with Meteor Michael Lazarski Twitter: @lazarskiDOTme
  2. 2. What we will create today! Demo: http://whatsmeteor.meteor.com Add me: t@t.de Github url: https://github.com/lampe/whatsMeteor
  3. 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. 4. Let's talk about structure
  5. 5. Special Folder 1/2
  6. 6. Special Folder 2/2
  7. 7. Views/Components
  8. 8. navBar.html
  9. 9. navBar.css
  10. 10. Okay but what about routes ? ● meteor add Iron:router
  11. 11. Okay but what about subscriptions ? ● User Template Subscriptions !
  12. 12. … So we can use this:
  13. 13. Or this:
  14. 14. But what about the Server Side?
  15. 15. Use Meteor.methods for data ! 1/
  16. 16. Use Meteor.methods for data ! 2/3 ● The Future is your friend
  17. 17. 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
  18. 18. 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
  19. 19. Okay lets build a chat app!

×