So you wanna be a web developer...

I work for The Nerdery

Yes, you heard me right.

How does a web developer do?

### Common features & Tech - Responsive design - CSS Animations/Transitions - Canvas - Carousels (aka slideshows) - API calls / CORS / JSON - OAuth - Parallax - Accessibility Compliance - Frameworks (Angular)

### Performance & Readability - Uglifying/minification - Styleguides - Image optimization

### Tooling - NPM/Node - Bower - SASS/LESS/Stylus/CSSNext - RequireJS/Webpack/Browserify - Grunt/Gulp - git (& git-flow) - scss-lint, js-hint / eslint - Vagrant - Mocha / Jasmine - Atom/Sublime Text - JSDocs - Handlebars templating

Yay?

## What happened to the good 'ol days? You know, when all you needed was some html, CSS, and JS?

When I was in college...

Chrome wasn’t a thing.
Internet Explorer 7 was released, but IE6 was still king.
iPhones came out.
Android wasn’t a thing.
Flash/ActionScript was the bomb.
I thought Dreamweaver was cool. WYSIWYG 4 EVER
Gmail was in beta limbo (and I didn’t know it existed).
I learned Java.

^ Me

Be aware.

The Dunning-Kruger Effect | Inexperience leads to absurd confidence. Once over that hill, confidence plummets. Then it slowly recovers as one becomes an expert.

So how do I start?

Know JS

build a carousel
build it again without jQuery
debugging with breakpoints
Object.prototype
`this`
JS Closures (global scope)

Git cozy with the command line

Browser Testing

Know some node

Try the back end

Get modular with CSS

learn to love the media object
OOCSS/SmaCSS
Block Formatting Context

Understand Document Outlines

Get started on your GIF collection

Now you're awesome

You'll still feel like an imposter

And that's OK. Be HUMBLE.

## I can haz knowledge? - [codepen.io](http://codepen.io) - [caniuse.com](http://caniuse.com) - [MDN](https://developer.mozilla.org/en-US/) - [css-tricks.com](https://css-tricks.com) - [AirBnB JS Styleguide](http://airbnb.io/javascript/) - [Smashing Magazine](http://www.smashingmagazine.com/)

W3schools