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

1 Sunday, 3 March, 13 - GitHub

Ajax. Animation. Plugins. Callbacks. Flexibility. Community / Docs. CDN Hosting ... My App Structure. Let's look at some examples! -Basic Site. -Kropr. -Playfight ...

5MB Sizes 1 Downloads 327 Views

Recommend Documents

1 Sunday, 3 March, 13 - GitHub
Mar 3, 2013 - Page 3. My Scripting Experience. HTML/CSS. JavaScript + jQuery. PHP + MySQL. NodeJS + MongoDB. Python + Django + PostgreSQL. C# + Unity3D. Objective C + iOS SDK. 3. Sunday, 3 March, 13 ... -Testing Mobile (Edge / Simulator / Virtual Hos

1 USABO SEMIFINAL EXAMINATION March 13 to March 22, 2013 ...
vein that supplies blood to the stomach in half.” There was a biology error in the report. What is it? A. The colon and ..... 28. 98. In spring, indigo buntings migrate from the southern states to the northern states. Which mechanism is involved? A

March 31, 2013 - Easter Sunday
Mar 31, 2013 - Please call the Parish Office to register and obtain information ..... CENTER EYE CARE ... DANIELSHOUSE Licensed Nursing 24 hours a day.

March 31, 2013 - Easter Sunday
Mar 31, 2013 - If your email address has changed, please call the office or ..... Automatic Delivery • 24-Hr. Burner Service ... The story of the Good Samaritan.

Sermon AMC- In Defense of Hope Scripture: 1 Peter 3:13-22 Sunday ...
1 | Page. Sermon AMC- In Defense of Hope. Scripture: 1 Peter 3:13-22. Sunday, May 21, 2017 ... Customer: No, the flight was great. They had actually ... child birth. Thanks to social media lots of people were in on their tragedy. In this messed ...

SUNDAY BULLETIN MAY 13, 2018 SEVENTH SUNDAY OF ...
MASS INTENTIONS: ... those evil things that the world throws at them will have no effect ... the world, through the internet, television, radio, and print media. ... NAMES ON THE PRAYER LIST WILL REMAIN FOR 30 DAYS AFTER 30 ... Displaying SUNDAY BULL

SUNDAY BULLETIN MARCH 19, 2017 THIRD SUNDAY OF LENT.pdf
LENTEN LUCHEON AT GRACE UNITED METHODIST CHURCH .... Resty and Gisela Alonzo, Kali Blazer, Brett Bokovitz, Bob & Joan Browning, Aniston. Cooper ...

SUNDAY BULLETIN MARCH 5, 2017 FIRST SUNDAY OF LENT.pdf ...
contact Father Matthew Gossett at 740-264-0868 or email at ... opportunity to see the host raised high above the head of the priest at Mass,. or to see the host ...

13-1-3-ef4bab3ec5.pdf
... método fitosociológico. Se evaluó la sensibilidad. de los parámetros estadísticos de los sedimentos mediante comparación con resultados. bibliográficos en ...

1 USABO SEMIFINAL EXAMINATION March 13 to March 22, 2013 1 ...
1 point: jointed wings and segmented specialized. Usually 1 pair appendages/segment. Loss of some appendages on each segment. Appendages modified for other functions. Nervous system. Some cephalization ganglia in each segment. Ladder-like. More cepha

13-1-3-ef4bab3ec5.pdf
of geomorphic processes like those. occurring in fluvial dynamics (Pautou et. al. 1985; Petit & Schumacker 1985), eolian. activity (Doing 1985) or cryoturbation.

05-13-18 Sunday Bulletin.pdf
Family: FISH (1st-5th grade) ... Saturday, May 19th: Armed Forces Day; Vigil of Pentecost; Shavuot (Jewish ... Video, Coffee, and Small Group Sharing. For more ...

e1.e8 (Currents-Sunday) 8/3/08 (Page 1) - Bernardyjones.com
Aug 3, 2008 - woman by Vincent van Gogh has been revealed in a high-tech look ... to be expensive. THE SIDEBAR. — Free Press Staff and news services.

e1.e8 (Currents-Sunday) 8/3/08 (Page 1) - Bernardyjones.com
Aug 3, 2008 - Ryan Lano recently celebrated the one-year anniversary of his ... A previously unknown portrait of a ... University with a Bachelor of Arts in.

NAMASTHE తెలంగాణ #date Sunday-13-March-2016.pdf ... - Drive
Mar 13, 2016 - There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item.

NAMASTHE తెలంగాణ #date Sunday-13-March-2016.pdf ...
There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. NAMASTHE ...

March-13-16s.pdf
Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. March-13-16s.pdf. March-13-16s.pdf. Open. Extract. Open with.

SUNDAY BULLETIN DECEMBER 3, 2017 FIRST SUNDAY OF ...
Page 1 of 2. FIRST SUNDAY OF ADVENT. MASS INTENTIONS: 5:30 p.m. Saturday, December 2. Betty Merry (85th Birthday) (C.W.C.). 8:00 a.m. Sunday, December 3. + Joe & Marion Brady (Bob & Ellen Schopis). 10:00 a.m. Sunday, December 3. For the People. 5:30

Brooklyn Community District 13 - GitHub
Open Space. Parking. Vacant. Other. 3,563. 1,427. 180. 391. 253. 56. 45. 117. 67. 240. 455. 48. Kings Hwy. BeltPkw y. Bay Pkw y. O ce an. A v. O ce a n. P kw y. BK 11. BK 15. Brooklyn Community District 13. Neighborhoods1: Brighton Beach, Coney Islan

1-2-3 Layout March 2016.pdf
There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. 1-2-3 Layout ...

1-2-3 Layout March 2016.pdf
Page 1 of 1. Creative Memories Virtual Crop. March 19, 2016 Scrap-a-Sketch! Have fun all day long with hundreds of CM advisors and customers world-wide! Check in every hour for more. inspiration and ideas. Post comments and get ideas and feedback and