Rising Star: Discover Meteor (Tim Brandin)

33

Transcript of Rising Star: Discover Meteor (Tim Brandin)

Page 1: Rising Star: Discover Meteor (Tim Brandin)
Page 2: Rising Star: Discover Meteor (Tim Brandin)

Hi! I'm TimHi! I'm TimFull Stack DeveloperInteraction Designer

Meetup Captain

From Gothenburg, Sweden~5269 miles from here

Page 3: Rising Star: Discover Meteor (Tim Brandin)

AgendaAgendaWhat is Meteor?Live coding a chat appWhy Meteor?How does it work?Future – What's next

Page 4: Rising Star: Discover Meteor (Tim Brandin)

MeteorMeteorOpen source platform forOpen source platform forbuilding web and mobilebuilding web and mobile

apps in JavaScriptapps in JavaScript

Page 5: Rising Star: Discover Meteor (Tim Brandin)

Built for the nextBuilt for the nextgeneration of appsgeneration of apps

Rich, responsive user interfacesCollaborative multi-user applications

Cross platform appsMeteor, makes this fast and easy to build

Page 6: Rising Star: Discover Meteor (Tim Brandin)

How modern appsHow modern appslook and feellook and feel

Modern apps today like Uber and FacebookDifferent from traditional page-based apps

Serve data, not markupHeavy-lifting is done on the client

Meteor, is built for this architecture

Page 7: Rising Star: Discover Meteor (Tim Brandin)

DemoDemoLet's build a chat app

Press down for demo video

Page 8: Rising Star: Discover Meteor (Tim Brandin)

Demo VideoDemo Videohttps://www.youtube.com/watch?v=66DH69e-wJ0

Page 9: Rising Star: Discover Meteor (Tim Brandin)

Why Meteor?Why Meteor?Great developer experience

Quick – time to marketRapid prototyping

Easy to learn

Page 10: Rising Star: Discover Meteor (Tim Brandin)

Why JavaScript?Why JavaScript?One language to rule them all, Versatile

Has gotten really great lately, ES6JavaScript wasn't bad, implementations was

Availability is winning

#1 most listed language on Github

Page 11: Rising Star: Discover Meteor (Tim Brandin)

How does MeteorHow does Meteorwork?work?

Page 12: Rising Star: Discover Meteor (Tim Brandin)

ComponentsComponentsServer – Node.js

Database – MongoDBWebsockets

Basically MEAN but easier

Page 13: Rising Star: Discover Meteor (Tim Brandin)

Package SystemPackage SystemExtend your app

Build your own packagesUpdate packages – Version resolver Find suitable packages (Atmosphere)

Page 14: Rising Star: Discover Meteor (Tim Brandin)

Sub projectsSub projectsLivequery – Realtime database queries

DDP – Subscribe to changes in the databaseMinimongo – Run database queries on the clientBlaze – Keep the view up to date with your data

Page 15: Rising Star: Discover Meteor (Tim Brandin)

Command line toolCommand line toolAdd, Find and List packagesUpdate Meteor & packages

Create packagesPublish packages (Atmosphere)

Page 16: Rising Star: Discover Meteor (Tim Brandin)

Business casesBusiness casesLEAN Startups – Use Meteor to build your MVP

Micro Services – Single problem solutions

Page 17: Rising Star: Discover Meteor (Tim Brandin)

Types of AppsTypes of Apps

Page 18: Rising Star: Discover Meteor (Tim Brandin)

Web appsWeb appsWeb applications that feel native

Single purpose apps to solve your micro problem

Page 19: Rising Star: Discover Meteor (Tim Brandin)

Mobile appsMobile apps – Fits all devices

– Installed from a store – Installed and Native

ResponsiveHybrid apps, Cordova/PhoneGap

React native

Page 20: Rising Star: Discover Meteor (Tim Brandin)

Desktop appsDesktop appsSometimes apps are better suited as installed

applications and not in a browser tab.I.e. , , , Slack Atom VisualStudio Sunrise

ElectronMacGap

Page 21: Rising Star: Discover Meteor (Tim Brandin)

Isometric appsIsometric appsApps that run on all environments;

Web, Mobile and Desktop

Where code can be shared between all of them.Meteor supports Web and Mobile today.

Page 22: Rising Star: Discover Meteor (Tim Brandin)

Open source appsOpen source appsFree to use applications to spawn your own version of;

– social news app – chat app for teams

– kanban board

TelescopeSpaceTalk

Libreboard

Page 23: Rising Star: Discover Meteor (Tim Brandin)

An open-source social news app built with Meteor

TelescopeTelescope

Crater.ioBacka

CrunchHunt

Page 24: Rising Star: Discover Meteor (Tim Brandin)

An open-source chat app built with Meteor

40+ in the team on Github and Trello210+ registered on Slack

Just released v0.1.1

SpaceTalkSpaceTalk

Page 25: Rising Star: Discover Meteor (Tim Brandin)

What's next?What's next?

Page 26: Rising Star: Discover Meteor (Tim Brandin)

Rendering frameworksRendering frameworksCore support for multiple rendering frameworks

(Meteor default)

(Facebook) (Google)

BlazeReactAngular

Page 27: Rising Star: Discover Meteor (Tim Brandin)

GalaxyGalaxyGalaxy: managed production-quality "meteor deploy"

Coming later this year

meteor deploy yourapp.com

Page 28: Rising Star: Discover Meteor (Tim Brandin)

Support for more databases, SQLServer side renderingIncremental loading

Meteor RoadmapMeteor Roadmap

Page 29: Rising Star: Discover Meteor (Tim Brandin)

Learning resourcesLearning resources

BooksOther

Forums

Official Meteor tutorialOfficial Documentation

Page 30: Rising Star: Discover Meteor (Tim Brandin)

BooksBooksDiscover Meteor

Your First Meteor ApplicationMeteor in Action

Page 31: Rising Star: Discover Meteor (Tim Brandin)

OtherOther – Presentations & Lightning talks

– In depth tutorials – Wiki for Meteor

– Screencasts

Meteor on YouTubeKadira Academy

MeteorpediaEventedMind

Page 32: Rising Star: Discover Meteor (Tim Brandin)

ForumsForumsWhere to ask questions;

Meteor on Stack Overflowforums.meteor.comTelescope on SlackSpaceTalk on Slack

Page 33: Rising Star: Discover Meteor (Tim Brandin)

Thx for listeningThx for listening@timbrandin

timbrandin.com