Becoming a Front-End Developer

Bruce Campbell

The Grass is Green

Announcements

  • A lucky few are at the Fluent conference
  • Do you want on or off our mailing list?

Matthew Poulson

  • Tall
  • Skill
  • Passion

New Team Member

Oracle Database Administrator

1998     v7.3 

Cool DBA Stuff

  • automation
    ...with shell scripting

Cool DBA Stuff

  • hardware-based database refreshes
    ...with RAID

Cool DBA Stuff

  • crazy-fast systems
    • pin ALL data in memory
    • co-locate database and app server
    • multi-threaded PL/SQL using the oracle scheduler and thread-safe code

Analytic Functions

SELECT empno, deptno, 
COUNT(*) OVER (PARTITION BY 
deptno) DEPT_COUNT
FROM emp
WHERE deptno IN (20, 30);

     EMPNO     DEPTNO DEPT_COUNT
---------- ---------- ----------
      7369         20          5
      7566         20          5
      7788         20          5
      7902         20          5
      7876         20          5
      7499         30          6
      7900         30          6
      7844         30          6
      7698         30          6
      7654         30          6
      7521         30          6

11 rows selected.

Java Web Development

2008   v1.8 

Why?

https://download.unsplash.com/8/les-portes.jpg

{hats}

Racoon disease?

NO!

Addicted to Learning

I ❤️ Code

Java

Cool Java Stuff

  • process/workflow applications

Cool Java Stuff

  • Word document generation system
    ... with 2-way data  binding

Cool Java Stuff

  • Java Stack

Cool Java Stuff

  • SQL Injection Tool
    ... SQL parser (state engine)

http://commons.wikimedia.org/wiki/File:Radiation_warning_symbol.svg

Cool Java Stuff

  • Turn-Key canary page
    ... with threading, and result caching

Front-End Developer

2014        ECMAScript 5

Why?

https://download.unsplash.com/8/les-portes.jpg

Addicted to Learning!

  • JavaScript
  • SPA
  • Node.js
  • SEO

Cool Front-End Stuff

  • helped with Mobile Web Stack 2.x releases
    • local storage
    • at-rest encryption
    • base media queries
    • yeoman generator
      • & component sub-generator
      • & update-in-place
    • sass
    • Bower
    • BrowserSync
    • Gulp

Cool Front-End Stuff

  • helped with donuts.js
    • gulp
    • JavaScript objects basics

Technologies to Learn

  • JavaScript
  • HTML5
  • Sass & CSS
  • Gulp
  • Mocha, Karma, Chai
  • Functional Programming
  • Web Components
  • AngularJS
  • Node
  • NPM
  • Bower
  • JQuery
  • Grunt
  • MongoDB (document storage)
  • Firebase
  • Local Storage
  • Front-end security
    • OAuth
    • OpenID Connect
  • REST
  • MV*
  • SPA
  • User Experience
  • Front End Design

Front-End Concerns

  • Responsive Design
  • User Experience
  • Search Engine Optimization (SEO)
  • Security
  • Caching
  • Mobile First
  • CORS
  • Testing
  • Performance
  • Information Architecture
  • CDN

"We need smaller frameworks." - Ethan Marcotte

Training Resources

  • Pluralsight
  • CodeSchool
  • Donuts.js
  • egghead.io (when it was free)
  • Code Academy
  • Users Groups
  • Lynda
  • Stack Overflow
  • A List Apart
  • Safari Books Online

Books

  • JavaScript Patterns
  • JavaScript: The Good Parts
  • CSS Mastery
  • A Smarter Way to Learn JS
  • * Douglas Crockford
    • ​Lectures
  • ​Build Your Own Angular
  • NG Book (electronic only)
  • Code Complete
  • Responsive Web Design
  • Mobile First
  • Web Form Design - Filling in the Blanks
  • Secrets of a JavaScript Ninja

Don't Read These

  • * Douglas Crockford
  • * < 2004 re: JavaScript
  • Paper Books :)

Sites, Blogs, and Tweeters

  • @paul_irish
  • @jeresig
  • @chriscoyier
  • @_ericelliott
  • @stubbornella
  • @davidwalshblog
  • @addyosmani
  • @LeaVerou
  • @nodejs
  • @getify
  • @snookca
  • @CSS-Tricks
  • @Smashburger
  • ...

Conferences

Fluent Conf

Rich Web

JS Conf

NG Conf

Google I/O

NFJS

UBER Conf*

QCon

YAPC

Open West

AngularU

Angular Summit

Transition Challenges

  • never a shortage of the old work
  • never enough time to read and practice
  • ocean is always larger than you imagined

What'll it Take

  • time!!
  • desire
  • passion
  • time!! (daily)
  • mentor

don't get stuck in a rut

is it time to add another tool to your belt?
or sharpen the one you have?

"Complacency is the death of I.T." - Dan Bunker

Let's Do Some (more) Cool Stuff

grass is green

By Bruce Campbell

grass is green

  • 1,085