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
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
42
Netcraft Front-End Department Zoom-in
krulik
1
400
Netcraft Modern FED Stack
krulik
3
460
הטאו של העיצוב המגיב
krulik
2
570
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
Team operations that are not burdened by SRE
kazatohiei
1
310
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
100
Goで作る、開発・CI環境
sin392
0
240
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
180
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
130
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
690
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
770
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
770
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
230
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
160
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
230
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
960
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Building an army of robots
kneath
306
45k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Typedesign – Prime Four
hannesfritz
42
2.7k
Scaling GitHub
holman
460
140k
Music & Morning Musume
bryan
46
6.6k
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