Top Banner
WEB APP DEVELOPMENT zero-cost serverless real-time ones Presenters: Việt Tùng & Thành Quang from: eClick project - FPT Online
27

Zero cost serverless Real time web app

Jan 12, 2015

Download

Technology

Barcamp Saigon

Presentation at BarcampSaigon 2013, RMIT 7th July
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
Page 1: Zero cost serverless Real time web app

WEB APP DEVELOPMENTzero-cost serverless real-time ones

Presenters: Việt Tùng & Thành Quangfrom: eClick project - FPT Online

Page 2: Zero cost serverless Real time web app
Page 3: Zero cost serverless Real time web app

CONTENT

1. The problem2. The solution

a. angularJSb. yeomanc. firebased. github page

3. demo4. FAQ

Page 4: Zero cost serverless Real time web app

The idea

You have an idea about a real-time web app.

You just need a quick, functional prototype to demonstrate your idea.

Page 5: Zero cost serverless Real time web app

The problems

- not enough money to buy or rent a server- not enough time learn about those WebSocket thingy.

Page 6: Zero cost serverless Real time web app

The Solution!

The solution - without any cost- without any backend server- only one language to know- scalable as you go- security? yes

Page 7: Zero cost serverless Real time web app

Your ultimate formula

Page 8: Zero cost serverless Real time web app

HTML enhanced for web apps!

● super easy 2-way binding ● separation of concerns (testable)● awesome support for one-page app● Dependency Injection (DI)● easy to extend● more at http://angularjs.org

Page 9: Zero cost serverless Real time web app
Page 11: Zero cost serverless Real time web app

a tool set to scaffolding, building and deploying web apps

Page 12: Zero cost serverless Real time web app

Scaffolding angular projectyo angular

yo angular:controller CtrlName

yo angular:view

Manage dependencynpm install

bower install

Page 13: Zero cost serverless Real time web app
Page 14: Zero cost serverless Real time web app

Run, Test, Buildgrunt server

grunt test

grunt build

Page 15: Zero cost serverless Real time web app

Pre-build:

Built:

More at: http://yeoman.io/

Page 16: Zero cost serverless Real time web app

Scalable real-time backendBuild Fast: focus on your application logic and your customers.Real-time: a whole new level of interactivity to your users.Server-less: without worrying about servers or server code.

Page 17: Zero cost serverless Real time web app

Features:● Authentication

○ fb, twitter, github, persona, email● Authorization

○ read, write, validation rules● Presence management● Server timestamp and offset● Transactions● ...

Page 18: Zero cost serverless Real time web app

Free HostingPage Generation with ThemesManual page

Page 19: Zero cost serverless Real time web app
Page 20: Zero cost serverless Real time web app
Page 21: Zero cost serverless Real time web app

After your page is generated, you can get a local copy. If you generated a project page, fetch and check out the new branch:

Page 22: Zero cost serverless Real time web app
Page 23: Zero cost serverless Real time web app
Page 24: Zero cost serverless Real time web app

Demo

- Idea: online bidding web app- Users login with facebook to create auctions- Other users keep bidding until time expired- The last bid wins.- visit: http://vnbidding.com/dist/

Page 25: Zero cost serverless Real time web app
Page 26: Zero cost serverless Real time web app

FAQ

Page 27: Zero cost serverless Real time web app

thank you