Meteor Developing TeamSync (Real Time Collaboration Tool) using Meteor Febin John James Boutline Draft
Hasgeek meteor workshop Draft
Jan 13, 2015
Meteor is well funded project. Developed by engineers of Facebook,Google etc.
Meteor is an open-source, full-stack JavaScript framework that makes it easy to write top-quality web apps in a fraction of the time. When you install Meteor on your laptop and create a new Meteor project, it comes bundled with all the different technology components you need, and it configures them to work together behind the scenes so that everything just works. This is really powerful for beginners because it lets you focus on learning to code, rather than on configuration.
Meteor gets you to your first live deployed web app right away.Having your own tangible project to hack on is hugely motivating, and that makes you much more likely to succeed in your goal of becoming a developer.
One of the seven principles of Meteor is "Simplicity equals productivity." Meteor was designed to be easy to learn, including for beginners. You don't have to learn everything at the start. For example, Meteor automatically synchronizes data between all your users in real time for you: you don't have to think about it until you're ready to add custom rules for who can see what.
Every developer and new entrepreneur should legitimately give Meteor a serious look. Your time to market will be shorter and developer happiness will increase 10-fold.
Meteor is an open-source, full-stack JavaScript framework that makes it easy to write top-quality web apps in a fraction of the time. When you install Meteor on your laptop and create a new Meteor project, it comes bundled with all the different technology components you need, and it configures them to work together behind the scenes so that everything just works. This is really powerful for beginners because it lets you focus on learning to code, rather than on configuration.
Meteor gets you to your first live deployed web app right away.Having your own tangible project to hack on is hugely motivating, and that makes you much more likely to succeed in your goal of becoming a developer.
One of the seven principles of Meteor is "Simplicity equals productivity." Meteor was designed to be easy to learn, including for beginners. You don't have to learn everything at the start. For example, Meteor automatically synchronizes data between all your users in real time for you: you don't have to think about it until you're ready to add custom rules for who can see what.
Every developer and new entrepreneur should legitimately give Meteor a serious look. Your time to market will be shorter and developer happiness will increase 10-fold.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Meteor
Developing TeamSync (Real Time Collaboration Tool)
using Meteor
Febin John JamesBoutline
Draft
TeamSync Demo
Developing TeamSync using Meteor
7.Sessions
Understanding meteor sessions
8.Meteor Accounts
Understanding meteor accountsAdding external login servicesAdding twitter login
9.Allow Deny
Understand allow deny callbacks.Securing TeamSync
10.Deployment
Deploying teamsync app.
4. Collections
Meteor CollectionsMeteor Data SynchronizationIntegrating collection with templatesTurning prototype into functional appReactivity
5.Publications & Subscriptions
How publications & subscriptions workAdding publications to our prototype
6. Routing
Learn about routing in meteor Create team pages with Unique Url’s
1. Introduction
What is meteor?Why meteor?Installing meteor Meteor Packages
2. Mini Mongo
What makes mongodb simple?Mini Mongo CRUD Operations
3. Templates
Meteor’s templating languageYour first templateTemplate Manager’sTeamSync Prototype with static data
Introduction to Meteor
What is meteor ?
Database Real-time Sync User Interface
Why Meteor?
Easy to learn
Up and running in hours
You are already familiar with javascript, aren’t you?
Installing Meteor
curl https://install.meteor.com | sh
npm install -g meteorite
// Only needed if you encounter any permission errorssudo -H npm install -g meteorite
Meteor Packages
Core Packages Smart Packages Atmosphere Packages
Hands on Mini Mongo
It’s way better than SQL
Features of MongoDB
No Schema
High Performance
High Scalability
MongoDB CRUD Operations
Type “meteor mongo”
Let’s begin
Starting Meteor
Creating a meteor app
meteor create teamsync
cd teamsync
meteor
Meteor app folder structure
client serverpubliclibcollections
Templates
A meteor app
Templates(HTML Files)Client Side(JS Files)Server Side(JS Files)
Your first template
Handlebars
Let’s create prototype of teamsync with static data
create team templateteams board templatejoin team templatechat templatemission’s templateteam update templatemission update template
Collections
Collections for TeamSync
Teams Collection Mission’s Collection Status Collection
Messages Collection
Server-Side Collections
Client-Side Collections
Let’s connect collections with the templates we created
Reactivity
Publications & Subscriptions
How it works?
Adding publication’s and subscriptions to TeamSync
Routing
Iron-Router
Making unique links for team pages
Sessions
Improving User Experience of TeamSync with sessions
Meteor Accounts
Adding twitter Authentication to our TeamSync App
Allow/Deny
Securing our TeamSync App with allow deny callbacks
Deploying TeamSync
What’s Next
Meteor community
Discover Meteor
Meteor Hacks
Contribute
What else ?
Scaling Meteor
Advantages of using meteor for mobile clients
Monitor app performance .
Tools Chain
Meteorite Packages
Velocity Package
Kadira
Meteorpad
Important Links
docs.meteor.com
meteorhacks.com
meteorpedia.com
Related Documents
