FRONT-END TOOLS: SIFTING THROUGH

THE MADNESS

ABOUT ME

@ImpressiveWebs

THE USUAL SUSPECTS

★

WHAT WE’LL DISCUSS

What kind of tools are available today HTML / CSS / Sass JavaScript / CLI / etc... What can help us to cope with the influx

FRONT-END DEVELOPER?

Feeling overwhelmed? Not sure if you can keep up? Any point in trying?

IN “- -verbose” MODE

THE WEB TOOLS “CAMBRIAN EXPLOSION”

IN TWO YEARS, I’VE COME ACROSS...

60+ Front-end Frameworks 150+ JavaScript Libraries 300+ JavaScript Utilities, etc 400+ CSS Tools

IN TWO YEARS, I’VE COME ACROSS...

60+ Front-end Frameworks 150+ JavaScript Libraries 300+ JavaScript Utilities, etc 400+ CSS Tools

IS IT REALLY SO BAD?

Until about 2009: Not many options More choice = More quality Open source Tools Keep Improving

LEARN FROM TOOLS!

View the source on GitHub What JavaScript patterns? Any interesting DOM methods? Any bizarre coding patterns?

WHAT PATTERNS?

The Constructor Pattern The Module Pattern The Factory Pattern MV* Patterns

INTERESTING DOM TECHNIQUES?

compareDocumentPosition() elementFromPoint() replaceData() setSelectionRange() or whatever...

HOW DO THEY DO IT?

THE LESSON?

We might not use a tool But we can learn from it

HOW CAN YOU KEEP UP? Web Tools Weekly JavaScript Weekly Show HN / Hacker Newsletter Versioning Daily by SitePoint Front-end Dev Weekly Web Platform Daily

THANK YOU!

tinyurl.com/FITCto2015

@ImpressiveWebs