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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
minodriven
18
6.3k
Agentic UI
manfredsteyer
PRO
0
120
ADKを使って簡単にAIエージェントを作ってみよう
k1mu21
0
240
jQueryをバージョンアップする前に使いたいjQuery Migrate
matsuo_atsushi
0
200
Semantic Version 単位で戦略を柔軟に変えて、パッケージアップデートを自動化する
daitasu
0
190
AI駆動開発で崩れていくコードベースを立て直す
kyoko_nr_nr
1
450
Spec Driven Development | AI Summit Lisbon
danielsogl
PRO
0
170
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
320
DynamoDBには集計系のクエリがないけどなんとかしたい
musan
1
130
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
120
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
340
New "Type" system on PicoRuby
pocke
1
750
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Paper Plane (Part 1)
katiecoart
PRO
0
8.8k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
310
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
200
Optimising Largest Contentful Paint
csswizardry
37
3.7k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Building Applications with DynamoDB
mza
96
7.1k
The Cult of Friendly URLs
andyhume
79
6.9k
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.3k
Prompt Engineering for Job Search
mfonobong
0
340
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