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
Netcraft Front-End Methodology
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Serge Krul
October 06, 2013
Programming
260
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
59
Netcraft Front-End Department Zoom-in
krulik
1
400
Netcraft Modern FED Stack
krulik
3
470
הטאו של העיצוב המגיב
krulik
2
610
Web as a Platform - מחקר מגמות
krulik
3
900
HTML5 - שבירת מיתוסים
krulik
0
110
המילון המלא לשפת המפתחים
krulik
1
170
City Mouse Mobile - A Case Study
krulik
2
140
Other Decks in Programming
See All in Programming
AIとRubyの静的型付け
ukin0k0
0
560
キャリア迷子上等 ─ "ない道"は自分で作ればいい
16bitidol
3
1.9k
The Arts and Crafts of Work in the AI Era — Toward Mastery in Software Development
kuranuki
1
740
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
4.8k
These Five Tricks Can Make Your Apps Greener, Cheaper, & Nicer
hollycummins
0
280
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
shogogg
0
210
ADKを使って簡単にAIエージェントを作ってみよう
k1mu21
0
240
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
220
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
310
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
150
スマートグラスで並列バイブコーディング
hyshu
0
110
Hunting Vulnerabilities in Symfony with LLMs
vinceamstoutz
0
530
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
97
6.7k
Unsuck your backbone
ammeep
672
58k
Embracing the Ebb and Flow
colly
88
5.1k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.8k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
65
55k
Leo the Paperboy
mayatellez
7
1.8k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
840
Documentation Writing (for coders)
carmenintech
77
5.4k
Tell your own story through comics
letsgokoyo
1
950
Building Applications with DynamoDB
mza
96
7.1k
sira's awesome portfolio website redesign presentation
elsirapls
0
270
A better future with KSS
kneath
240
18k
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