Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Netcraft Front-End Methodology
Search
Serge Krul
October 06, 2013
Programming
4
250
Netcraft Front-End Methodology
An overview of our experience-proven development and integration process with our clients.
Serge Krul
October 06, 2013
Tweet
Share
More Decks by Serge Krul
See All by Serge Krul
Leading a Front-end Development Team
krulik
0
46
Netcraft Front-End Department Zoom-in
krulik
1
400
Netcraft Modern FED Stack
krulik
3
460
הטאו של העיצוב המגיב
krulik
2
590
Web as a Platform - מחקר מגמות
krulik
3
900
HTML5 - שבירת מיתוסים
krulik
0
110
המילון המלא לשפת המפתחים
krulik
1
160
City Mouse Mobile - A Case Study
krulik
2
130
Other Decks in Programming
See All in Programming
新卒エンジニアのプルリクエスト with AI駆動
fukunaga2025
0
210
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
2
7.1k
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
730
Developing static sites with Ruby
okuramasafumi
0
270
モデル駆動設計をやってみようワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
haru860
0
260
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
110
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
9
1.1k
関数実行の裏側では何が起きているのか?
minop1205
1
690
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
310
Cell-Based Architecture
larchanjo
0
110
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
420
20 years of Symfony, what's next?
fabpot
2
350
Featured
See All Featured
Navigating Team Friction
lara
191
16k
Making Projects Easy
brettharned
120
6.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Six Lessons from altMBA
skipperchong
29
4.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Context Engineering - Making Every Token Count
addyosmani
9
500
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Agile that works and the tools we love
rasmusluckow
331
21k
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