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
- Stack Overflow
- Front-End Stack Blog
- Integration Point
- JavaScript Reference
- CSS Reference
- HTML Reference
- Node Docs
- Gulp Site
- Chai API Reference
- Mocha Site
- Slashdot
- A List Apart
- DailyJS
- Channel 9
- NG Newsletter
- MDN
- Angular Podcast
- Angular Team Notes (on google docs)
- XKCD
- @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