Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to Build a Single Page Web by Bootstrap, a...

andre
July 07, 2014

How to Build a Single Page Web by Bootstrap, and Github, Google Docs, Parse.

Using Web Services to build a single page web for free in beginning phrase.

andre

July 07, 2014
Tweet

More Decks by andre

Other Decks in Programming

Transcript

  1. How to Build a Single Page Web by Bootstrap, Github,

    Google Docs, and Parse. Andre Lee
  2. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Demo
  3. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Demo
  4. Single Page • Single-Page Application (SPA) or • Single-Page Interface

    (SPI) Client Side Routing Client Side Rendering SPA
  5. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Demo
  6. Pros and Cons Pros • Reduce Rendering Duplicate Objects •

    Date & Time • Keep User’s State • Responsive
  7. Pros and Cons (Cont’d) Cons • Need JavaScript to be

    Enabled • Search Engine Optimization • Browser History
  8. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Demo
  9. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Demo
  10. Github Pages Pros • Free • Custom Domain Name •

    Don’t worry about DDoS Cons • All Public
  11. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Demo
  12. Google Docs Pros • Free Cons • Need to be

    Hacked • One Page Limitation
  13. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Demo • Single Page • Pros and Cons • Sketch • Github Pages • Google Docs • Parse • Demo
  14. Parse • Free for getting started • Infra. APIs •

    Push Notifications • Analytics • All need to do is “Business Logic”
  15. Outline • Single Page • Pros and Cons • Sketch

    • Github Pages • Google Docs • Parse • Demo