This document outlines IBM's efforts to transform front end development at scale. It discusses establishing a world-class front end development competency to deliver modern user experiences. This includes building FED capacity and leadership, defining common practices around workflows and collaboration, and providing enabling education programs to establish a shared baseline of skills. The goal is to maximize the ability to deliver compelling experiences through a unified front end development community and practices.
28. UX design,
visual design,
user research
Web
Markup
(HTML & CSS)
JavaScript
Frameworks
(jQuery, Dojo, etc.)
Vanilla
JavaScript
(API calls)
Non-browser
JavaScript
(Node.js, etc.)
Other
back end
engineering
Native Mobile
(iOS, Android, Windows, etc.)
Unified FED@IBM community
Includes all IBM FEDs regardless of title, location, or organization
Spectrum of Front End Development skills
define Front End Development practitioners (FEDs)
31. UX design,
visual design,
user research
Web
Markup
(HTML & CSS)
JavaScript
Frameworks
(jQuery, Dojo, etc.)
Vanilla
JavaScript
(API calls)
Non-browser
JavaScript
(Node.js, etc.)
Other
back end
engineering
Native Mobile
(iOS, Android, Windows, etc.)
Person 1
Person 2
Person 3
Person 4
Project X
32. UX design,
visual design,
user research
Web
Markup
(HTML & CSS)
JavaScript
Frameworks
(jQuery, Dojo, etc.)
Vanilla
JavaScript
(API calls)
Non-browser
JavaScript
(Node.js, etc.)
Other
back end
engineering
Native Mobile
(iOS, Android, Windows, etc.)
Project X
33. Two kinds of work
Prototyping + Delivery
UX design,
visual design,
user research
Web
Markup
(HTML & CSS)
JavaScript
Frameworks
(jQuery, Dojo, etc.)
Vanilla
JavaScript
(API calls)
Non-browser
JavaScript
(Node.js, etc.)
Other
back end
engineering
Native Mobile
(iOS, Android, Windows, etc.)
Project X
34. UX design,
visual design,
user research
Web
Markup
(HTML & CSS)
JavaScript
Frameworks
(jQuery, Dojo, etc.)
Vanilla
JavaScript
(API calls)
Non-browser
JavaScript
(Node.js, etc.)
Other
back end
engineering
Native Mobile
(iOS, Android, Windows, etc.)
Project X
35. Design team
Engineering team
UX design,
visual design,
user research
Web
Markup
(HTML & CSS)
JavaScript
Frameworks
(jQuery, Dojo, etc.)
Vanilla
JavaScript
(API calls)
Non-browser
JavaScript
(Node.js, etc.)
Other
back end
engineering
Native Mobile
(iOS, Android, Windows, etc.)
Unified FED teamwork, leadership, and community
Shared ownership of prototyping and delivery
Project X
36. Standards
and asset
libraries
Pull
requests
UX design,
visual design,
user research
Web
Markup
(HTML & CSS)
JavaScript
Frameworks
(jQuery, Dojo, etc.)
Vanilla
JavaScript
(API calls)
Non-browser
JavaScript
(Node.js, etc.)
Other
back end
engineering
Native Mobile
(iOS, Android, Windows, etc.)
Design team
Engineering team
Shared everything:
• Skills baseline
• Communications
• Prototyping
• Delivery standards
• Source code
• Assets
• Backlog
• Tools
• Metrics
• Etc.
Project X
39. 39
Pattern & Component Libraries
IBM Design Thinking
Cloud 101
UX 101
IBM Design Language
Semantic HTML
Accessibility
HTTP
Rest APIs
Mastering Vanilla JavaScript
Test Driven Development
Performance
Microservices & Architecture Node.js
Web Analytics & Instrumentation
Team Process Pair Programming
GIT for Teams
Delivery Pipeline
File System Organization
Naming Conventions & Style Management
CSS & Preprocessors
Security
IP & Open Source
Node-based Task Runners
Globalization & Internationalization
Interactions, Motion & Animation
User Testing
Responsive Design
Pair Design
Design FEDs Industry Hire FEDsEarly Career FEDs Engineering FEDs
40. 40
Modern, enterprise-level FED tools,
techniques, technologies,
and practices
Shared baseline of skills and practices
Design FEDs Industry Hire FEDsEarly Career FEDs Engineering FEDs
42. FEDucation
Bringing modern day
FED education modules
delivered by subject
matter experts. Twice
monthly meetups
broadcast and recorded
for the worldwide FED
community.
Coding 101
Giving designers and
FED practitioners a
chance to experience
pair programming as
well as teaching basic
coding to designers who
want to learn more.
FED Dates
Giving FED practitioners
an opportunity to
present on and learn
about modern Front End
Development tools,
techniques, and best
practices.
Continuing Education
45. Jefferson Lam
Kevin Suttle
Sam Richard
Una Kravets
Jessica Tremblay
Mina Markham
Chris Moody
Ross Fenrick
Bill Higgins
Lisa Dyer
Konrad Lagarde
Maria Elavumkal
Amber Atkins
Damon Deaner
Charlie Hill
Phil Gilbert