Frontenders

A quick intro to my own take at front-end development.

Transcript

1. (some bad jokes inside)
2. William Ghelfi Lead front-end developer Wayonara
3. User Experience Engineer
4. UX Engineer • 40% UX Designer • 20% Copywriter • 40% Developer
5. Mockups vs Pixel-perfect designs
8. Balsamiq Mockups • Wireframing • Focus on usability, not graphics • UX prototype = early feedback = win • Quick iterations https://balsamiq.com/products/mockups/
9. Angular (the framework formerly known as Angular 2 4. Also, if you can read this you don't need glasses.)
10. React (or: I can't really write HTML nor CSS so I just won't. Deal with it.)
11. Angular • Composability • Readability Small team Big team • Business logic • Static templates • Maximum flexibility
12. React Caption this!
13. Test Driven Development
14. Red, Green, Refactor Fake it till you make it
15. TDD - the sane approach • Think. Be a strategist. • Stick with TDD until it hurts • Stop it and get the job done • Go back and aim for 100% coverage
16. Front-end Ops
17. Automation & Checks • CSS pre-processors • Linting • Testing • Building for production • Deploying • Anything else you may need
18. Tools • GNU Make (!!!) • Grunt.js • Gulp.js • NPM scripts • Webpack
19. Thanks! • william@williamghelfi.com • @trumbitta (GitHub / Twitter) • https://speakerdeck.com/ trumbitta/frontenders/