Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to Build a Single Page Web by Bootstrap, a...
Search
andre
July 07, 2014
Programming
2
550
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
Share
More Decks by andre
See All by andre
Booking.com Hackathon Taipei 2017
andre
0
200
Auto I18N (Internationalization) Process
andre
0
68
Write Securer Code
andre
0
61
iPatrol
andre
0
58
Hello SDN
andre
0
120
koa introduction (Node.js Web Framework)
andre
3
380
RxJS (The Reactive Extensions for JavaScript ) Introduction
andre
4
370
JSDC 2014 Taiwan Lightning Talk: TBD
andre
0
130
From Facebook Graph API 1.0 to 2.1
andre
0
240
Other Decks in Programming
See All in Programming
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
120
ARA Ansible for the teams
kksat
0
150
Unity Android XR入門
sakutama_11
0
140
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
5
3.8k
Introduction to kotlinx.rpc
arawn
0
630
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
8
2.6k
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
120
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Building an army of robots
kneath
302
45k
GitHub's CSS Performance
jonrohan
1030
460k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Building Your Own Lightsaber
phodgson
104
6.2k
Raft: Consensus for Rubyists
vanstee
137
6.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Transcript
How to Build a Single Page Web by Bootstrap, Github,
Google Docs, and Parse. Andre Lee
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Demo
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Demo
Single Page • Single-Page Application (SPA) or • Single-Page Interface
(SPI) Client Side Routing Client Side Rendering SPA
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Demo
Pros and Cons Pros • Reduce Rendering Duplicate Objects •
Date & Time • Keep User’s State • Responsive
Pros and Cons (Cont’d) Cons • Need JavaScript to be
Enabled • Search Engine Optimization • Browser History
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Demo
Sketch • Bootstrap • Font Awesome • AngularJS
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Demo
Github Pages Pros • Free • Custom Domain Name •
Don’t worry about DDoS Cons • All Public
Github Pages
Github Pages (Cont’d) Demo • Github • git branch gh-pages
• Domain Name
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Demo
Google Docs Pros • Free Cons • Need to be
Hacked • One Page Limitation
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Demo • Single Page • Pros and Cons • Sketch • Github Pages • Google Docs • Parse • Demo
Parse • Free for getting started • Infra. APIs •
Push Notifications • Analytics • All need to do is “Business Logic”
Parse (Cont’d) • Parse.com • JavaScript SDK • Backbone-style •
CRUD
Outline • Single Page • Pros and Cons • Sketch
• Github Pages • Google Docs • Parse • Demo
Code • http://lab.andretw.com/spa • https://gist.github. com/andretw/0253c8b43e21165c4cd3
Demo
Thank you