Front End Engineering

Who am I?

10 years experience

Started out on the backend

Shifted to frontend in 2014

Brandon Konkle

Lead Developer, Ecliptic

 

 

 

 

ecliptic.io

twitter.com/bkonkle

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?

Made with Slides.com