Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Netcraft Front-End Methodology
Search
Serge Krul
October 06, 2013
Programming
270
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Netcraft Front-End Methodology
An overview of our experience-proven development and integration process with our clients.
Serge Krul
October 06, 2013
More Decks by Serge Krul
See All by Serge Krul
Leading a Front-end Development Team
krulik
0
74
Netcraft Front-End Department Zoom-in
krulik
1
410
Netcraft Modern FED Stack
krulik
3
480
הטאו של העיצוב המגיב
krulik
2
630
Web as a Platform - מחקר מגמות
krulik
3
910
HTML5 - שבירת מיתוסים
krulik
0
120
המילון המלא לשפת המפתחים
krulik
1
180
City Mouse Mobile - A Case Study
krulik
2
140
Other Decks in Programming
See All in Programming
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
y0hgi
0
210
なぜCTOを降りてFDEを選んだのか?〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
gonta
1
170
RAG の “R” を Swift で覗いてみる 〜「意味から探す」検索の仕組み〜
nao_randd
0
120
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
hatsu38
0
450
sbt 2.0: takeoff
eed3si9n
0
110
The Rails Doctrine Decade
koic
2
540
phperだってパンチカードでコーディングしたい
o0h
PRO
0
250
AI主導のプログラミング学習アプリを作ってみた
econanringo
0
130
Rでドレミ/Do-Re-Mi_with_R
florets1
0
130
パズルゲームの作り方 / how to make puzzle games
kaityo256
PRO
2
280
気持ちぃ〜角丸 Squircle
ryu1013
0
160
個人開発者よ、Honoを使え(おじさんver)
tanahiro2010
2
180
Featured
See All Featured
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
280
Java REST API Framework Comparison - PWX 2021
mraible
34
9.8k
Chasing Engaging Ingredients in Design
codingconduct
0
350
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
How to Think Like a Performance Engineer
csswizardry
28
2.9k
Site-Speed That Sticks
csswizardry
13
1.6k
A better future with KSS
kneath
240
18k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
540
New Earth Scene 8
popppiees
4
2.7k
The Cult of Friendly URLs
andyhume
79
7k
Transcript
FRONT END METHODOLOGY
OUR METHODOLOGY
HIGH LEVEL SOLUTION Mobile App Web App Responsive HTML5 Native
Adaptive Responsive 1 Recognize Need
HTML5 APP w/ BEaaS Device Phonegap Browser App Store /
Market Browser BL DB Ajax/REST/JSON Response
Current TECHNOLOGY RESEARCH 2 Analysis Infrastructure Back End Integration Pitfalls
Future MV* Frameworks UI Components HTML5 APIs FED Stack Weak Spots
PUSH TO THE EDGE, Tools & Frameworks HTML5 Advanced JavaScript
Responsive Design Back End as a Service
BUT NOT TO THE EDGE OF THE CLIFF Experience Research
Understanding Responsibility Balance
ARCHITECTURE 3 Grid System & UI Components MV* Framework &
Navigation Data Layer Main Modules Master Template
ENVIRONMENT SETUP Project Management Source Control Additional Tools VPN, Server
Environment Ruby / Node Gems / Packages 4
WORKFLOW DEFINITION Milestones Communication Deliverables 5
API Design 6 { }
DEVELOPMENT Milestone Refactoring Coding 7
DEVELOPMENT CLIENT FED
DEVELOPMENT CLIENT FED
QA Milestone Testing Development 8
QA Real Data Code Merge 9 INTEGRATION
1 Knowledge Alignment 2 Deliverables Definition 3 Communication Flow
4 Ticket Management 5 Source Control
6 API Design
7 In House Integration
8 Post Mortem Documentation 9 Knowledge Transfer
Staging Deployment Vigilance Production Documentation Knowledge Transfer 10 THE HOME
STRETCH
THANK YOU