Web app development using AngularJS, Yeoman, and Firebase allows for: 1) Building real-time web apps without servers or backend code through Firebase's scalable real-time backend. 2) Scaffolding Angular projects quickly using Yeoman to focus on application logic rather than infrastructure. 3) Deploying apps by generating static pages from Angular code through GitHub pages for zero-cost hosting.

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

3. CONTENT
1. The problem
2. The solution
a. angularJS
b. yeoman
c. firebase
d. github page
3. demo
4. FAQ

4. The idea
You have an idea about a real-time web app.
You just need a quick, functional prototype
to demonstrate your idea.

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

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

7. Your ultimate formula

8. 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

10. (demo)

11. a tool set to scaffolding, building and deploying
web apps

12. Scaffolding angular project
yo angular
yo angular:controller CtrlName
yo angular:view
Manage dependency
npm install
bower install

14. Run, Test, Build
grunt server
grunt test
grunt build

15. Pre-build:
Built:
More at: http://yeoman.io/

16. Scalable real-time backend
Build 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.

17. Features:
● Authentication
○ fb, twitter, github, persona, email
● Authorization
○ read, write, validation rules
● Presence management
● Server timestamp and offset
● Transactions
● ...

18. Free Hosting
Page Generation with Themes
Manual page

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

24. 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/

26. FAQ

27. thank you