WEB APP DEVELOPMENTzero-cost serverless real-time ones

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

CONTENT

1. The problem2. The solution

a. angularJSb. yeomanc. firebased. github page

3. demo4. FAQ

The idea

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

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

The problems

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

The Solution!

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

Your ultimate formula

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

(demo)

a tool set to scaffolding, building and deploying web apps

Scaffolding angular projectyo angular

yo angular:controller CtrlName

yo angular:view

Manage dependencynpm install

bower install

Run, Test, Buildgrunt server

grunt test

grunt build

Pre-build:

Built:

More at: http://yeoman.io/

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.

Features:● Authentication

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

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

Free HostingPage Generation with ThemesManual page

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

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/

FAQ

thank you