with Louis Lazaris Presented at FITC Toronto 2015 More info at http://www.fitc.ca/toronto The front-end tools landscape is growing at an exponential pace. Every week there are new plugins, new coding methodologies, new native apps, new JavaScript utilities, new jQuery plugins, new build tools, Grunt plugins, JavaScript libraries and so on. Many help us to solve problems and be more productive. This talk will give you a quick overview of the kinds of things that get released every week, showing the variety of what’s available. But we shouldn’t be discouraged or overwhelmed by the amount we need to keep up with.Louis will cover some suggestions for dealing with the madness, and how developers today can benefit greatly from this influx of new stuff, even if they can’t keep up with it all. OBJECTIVE Demonstrate how to keep up with at least some of the pace, while benefiting from stuff we might not even use. TARGET AUDIENCE Front-end developers. ASSUMED AUDIENCE KNOWLEDGE Decent understanding of HTML, CSS, and JavaScript. FIVE THINGS AUDIENCE MEMBERS WILL LEARN The wide variety of JavaScript-based utilities available today. The kinds of CSS and Sass tools that are at our disposal. How to keep up with the influx of tools. How to keep from being overwhelmed. The possibilities to learn from tools that we don’t even use.

1. FRONT-END TOOLS:
SIFTING THROUGH
THE MADNESS

2. ABOUTME
@ImpressiveWebs

3. THEUSUALSUSPECTS
★

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

6. FRONT-ENDDEVELOPER?
 Feeling overwhelmed?
 Not sure if you can keep up?
 Any point in trying?

93. IN “--verbose” MODE

119. THEWEBTOOLS“CAMBRIANEXPLOSION”

120. INTWOYEARS,I’VECOMEACROSS...
 60+ Front-end Frameworks
 150+ JavaScript Libraries
 300+ JavaScript Utilities, etc
 400+ CSS Tools

121. INTWOYEARS,I’VECOMEACROSS...
 60+ Front-end Frameworks
 150+ JavaScript Libraries
 300+ JavaScript Utilities, etc
 400+ CSS Tools

122. ISITREALLYSOBAD?
 Until about 2009: Not many options
 More choice = More quality
 Open source
 Tools Keep Improving

125. LEARNFROMTOOLS!
 View the source on GitHub
 What JavaScript patterns?
 Any interesting DOM methods?
 Any bizarre coding patterns?

127. WHATPATTERNS?
 The Constructor Pattern
 The Module Pattern
 The Factory Pattern
 MV* Patterns

129. INTERESTINGDOMTECHNIQUES?
 compareDocumentPosition()
 elementFromPoint()
 replaceData()
 setSelectionRange()
 or whatever...

133. HOWDOTHEYDOIT?

139. THELESSON?
 We might not use a tool
 But we can learn from it

140. HOWCANYOUKEEPUP?
 Web Tools Weekly
 JavaScript Weekly
 Show HN / Hacker Newsletter
 Versioning Daily by SitePoint
 Front-end Dev Weekly
 Web Platform Daily

141. THANKYOU!
tinyurl.com/FITCto2015
@ImpressiveWebs