Front End Engineering
Who am I?
10 years experience
Started out on the backend
Shifted to frontend in 2014
Past projects include:
- Craftsy
- Smithsonian
- National Geographic
What is
front end engineering?
When you request a web page or an app requests data, a server receives it and sends back a response.
The response for a web application is processed by a browser and displayed on the screen.
The response for a native application is handled by the app, which decides how to display it.
The part of an application that runs in the browser or on a device is the front end.
.html
.css
.js
structure & content
style & presentation
interaction & behavior
Web
model
view
controller
structure & content
style & presentation
interaction & behavior
Apps
Our Goals:
-
Make the UX vision a reality
-
Provide an easily usable interface
-
Achieve efficient performance
-
Track and prevent errors
-
Make it easy to maintain long-term
But how??
Discover
Tickets
Requirements
Chat
Whiteboard
Develop
Simulator
Browser
Code Editor
Terminal
Test
Tickets
Test Devices
Build Server
Test Server
Deploy
Who are we?
Common points of focus:
Kristin
Startup Developer
- Works at a 200-person tech startup in Portland
- Loves React and Functional Programming
- Frustrated by corporate culture & bureaucracy
- Excited by emerging tech, even if it's a bit unstable
Trevor
Creative Developer
- Works at a 15-person consultancy in Denver
- Relies on jQuery because of rich ecosystem, long-term maintenance isn't a concern
- Excited by new visual and interactive browser tech
- Wide variety of clients
Amy
Enterprise Engineer
- Works at a 6000-person finance company in Dallas
- Loves Angular, Java, and Android
- Prizes stability and performance
- Embraces extensive testing and quality control
New project!
Feature
Discovery
Kickoff meeting with feature team
Meet with UX/design
Meet with backend
Break into tickets
Development
Move tickets onto the board
Write some code!
Try it out
Upload the new code
Iteration
UX user testing reveals interaction issues
Product testing reveals performance issues
Write some more code!
Upload the new code
Testing
Code review
Upload to test server
QA test to find bugs
New project!
Deployment
What's my motivation?
Any questions?
Front End Engineering
By Brandon Konkle
Front End Engineering
An introduction to Front End Engineering, building context around the core responsibilities and illustrating them with a persona.
