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
920
HTML5 - שבירת מיתוסים
krulik
0
120
המילון המלא לשפת המפתחים
krulik
1
180
City Mouse Mobile - A Case Study
krulik
2
150
Other Decks in Programming
See All in Programming
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
13
11k
ActionController meets Protocol Buffers
sorah
1
760
Inertia Rails: The One-Person Framework with React & Friends
skryukov
0
200
golang-bob.pdf
iwatsukayura
0
150
ChromeでローカルLLM
ryu1013
0
180
선언형 햅틱 라이브러리 진동을 소개합니다
l2hyunwoo
1
230
SFCで実現する病院・医療システムの動的組み立て式UI
koukimiura
1
150
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
akihisaikeda
0
220
Crash Auto Pipelines
veronikapj
1
270
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
760
조합이폭발하는디자인시스템이걸눈으로도테스트하라고요
giljongyu
0
670
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
kasacchiful
PRO
0
250
Featured
See All Featured
Amusing Abliteration
ianozsvald
1
370
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
550
The Invisible Side of Design
smashingmag
301
52k
SEO for Brand Visibility & Recognition
aleyda
0
4.8k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
59k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
So, you think you're a good person
axbom
PRO
2
2.2k
Optimising Largest Contentful Paint
csswizardry
37
4k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
620
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Designing Experiences People Love
moore
143
24k
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