Optimizing jQuery And Other Front-End Trinkets
Sunday, 3 March, 13
1
A lil’ about me Twitter: @tylersavery
CURRENTLY: Co-founder & Creative Engineer @ The Young Astronauts PREVIOUSLY: Partner & Dev @ Playground Inc. Dinosaur Factory Ryerson Student + RUtv Sunday, 3 March, 13
2
My Scripting Experience HTML/CSS JavaScript + jQuery PHP + MySQL NodeJS + MongoDB Python + Django + PostgreSQL C# + Unity3D Objective C + iOS SDK
Sunday, 3 March, 13
3
How I Prepared for this Talk
Sunday, 3 March, 13
4
My First Impressions of jQuery The Pros Selecting Dom Objects Ajax Animation Plugins Callbacks Flexibility Community / Docs CDN Hosting
Sunday, 3 March, 13
The Cons There were no cons. This was perfect. This solved everything.
5
Thesis jQuery is an intuitive and simple interface, welcoming to new front-end developers. Being so simple, it's easy to make something work but if you don't know what's going on at the lower javascript level its very easy to hack something inefficient together.
Sunday, 3 March, 13
6
Some JavaScript Gotchas Multi-Selector Callbacks
Sunday, 3 March, 13
7
Some JavaScript Gotchas Scope
Sunday, 3 March, 13
8
Some JavaScript Gotchas Sizzle
Sunday, 3 March, 13
9
Some JavaScript Gotchas Declaring Functions
Sunday, 3 March, 13
10
Some JavaScript Gotchas “this”
Sunday, 3 March, 13
11
Some JavaScript Gotchas Adding vs. Subtracting Strings
Sunday, 3 March, 13
12
My App Structure
Let’s look at some examples! -Basic Site -Kropr -Playfight Website -2D Slider
Sunday, 3 March, 13
13
Demos...
-Basic Site -Kropr -Playfight Website -2D Slider -Space Invaders (if time)
Sunday, 3 March, 13
14
Tips and Tricks -ReCSS / Less + Watch -Testing Mobile (Edge / Simulator / Virtual Host) -Bash Scripts /.profile / command line -color coding / aliases / custom prompt, git integration -buildsite script -python -m SimpleHTTPServer 8008 -ctrl+a shortcut -bc / python calc -localtunnel -retina batch script with imagemagick
Sunday, 3 March, 13
15
In Conclusion...
@tylersavery
theyoungastronauts.com We Are Hiring!
jQuery is an intuitive and simple interface, welcoming to new frontend developers. Being so simple, it's easy to make something work but if you don't know what's going on at the lower javascript level its very easy to hack something inefficient together.
Sunday, 3 March, 13
16
And finally my Paul Irish Contribution
Paul Irish Inception
Paul doing a presentation about him doing a presentation on a presentation screen, on this presentation screen, while (hopefully) he is watching my presentation.
Sunday, 3 March, 13
17