SlideShare une entreprise Scribd logo
1  sur  27
My 10 Secret Weapons for
  Frontend Development




        Geoffrey Plitt
     jQuery LA - 7.17.2012
Who am I?

   Standup Comic

   Former Google Engineer

   BS/CS from Carnegie
   Mellon University

   CTO of Laffster
What is Laffster?




    We’re hiring!
What do I love?

  Sparse Syntax

+ State Bags

+ Functional Design

= Fewest Lines Of Code
Get to the Weapons!
1. What is Slim?


It’s not
this guy.
Slim - Better HTML
2. What is SASS?


           She digs it.
           Do you?
SASS - Better CSS
3. What is CoffeeScript?


It’s better
than a date
with this girl.
CoffeeScript   - Better JS
4. CodeKit   -Putting it all together
5. What is Knockout?


            More powerful than
            a right hook from
            this guy.
Knockout - Better MVC
6. What is HeadJS?


Everyone wants
some head.
HeadJS - Better JS Loading
7.   Proxino - JS Error Sanity
8. PubNub - Better Fanout
9. MixPanel - Better Metrics
10. LiveReload - Better Design Iteration
Wait, There’s More!
11.   CodePen - Better JSFiddle
12. WordMark.it - Better Font Comparison
13. Waypoints - Better Scroll Events
14. BigText   - Better Text Sizing
15. FitVidJS - Better Video Sizing
Thank you to:
             Natalie Maclees

             jQuery LA / Meetup

             The Q Team

             The Laffster Team



Follow me: @geoffreyplitt

Contenu connexe

Tendances

OOP - Back to Basic
OOP - Back to BasicOOP - Back to Basic
OOP - Back to Basic
goeran
 

Tendances (17)

자바스크립트 공부를 위한 책 소개
자바스크립트 공부를 위한 책 소개자바스크립트 공부를 위한 책 소개
자바스크립트 공부를 위한 책 소개
 
TDD, Refactoring - Workshop
TDD, Refactoring - WorkshopTDD, Refactoring - Workshop
TDD, Refactoring - Workshop
 
Itjs124
Itjs124Itjs124
Itjs124
 
OOP - Back to Basic
OOP - Back to BasicOOP - Back to Basic
OOP - Back to Basic
 
The Art of Refactoring
The Art of RefactoringThe Art of Refactoring
The Art of Refactoring
 
5 Steps to a Faster Website and Higher Google Rankings
5 Steps to a Faster Website and Higher Google Rankings5 Steps to a Faster Website and Higher Google Rankings
5 Steps to a Faster Website and Higher Google Rankings
 
Detangling Your JavaScript
Detangling Your JavaScriptDetangling Your JavaScript
Detangling Your JavaScript
 
Portfolio website
Portfolio websitePortfolio website
Portfolio website
 
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters
 
BDD with Behat
BDD with BehatBDD with Behat
BDD with Behat
 
Std12 Chapter-7 Java Basics
Std12 Chapter-7 Java BasicsStd12 Chapter-7 Java Basics
Std12 Chapter-7 Java Basics
 
Std12 Chapter-6 Object Oriented Concepts
Std12 Chapter-6 Object Oriented ConceptsStd12 Chapter-6 Object Oriented Concepts
Std12 Chapter-6 Object Oriented Concepts
 
Pubcon Las Vegas 2012 CSS and HTML coding
Pubcon Las Vegas 2012 CSS and HTML codingPubcon Las Vegas 2012 CSS and HTML coding
Pubcon Las Vegas 2012 CSS and HTML coding
 
2016-05-12 DCRUG React.rb
2016-05-12 DCRUG React.rb2016-05-12 DCRUG React.rb
2016-05-12 DCRUG React.rb
 
The Async JS Saga
The Async JS SagaThe Async JS Saga
The Async JS Saga
 
Behat - human-readable automated testing
Behat - human-readable automated testingBehat - human-readable automated testing
Behat - human-readable automated testing
 
2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginners2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginners
 

En vedette (9)

Modding en colombia 2
Modding en colombia 2Modding en colombia 2
Modding en colombia 2
 
Lecc 1 valor social de la com
Lecc 1 valor social de la comLecc 1 valor social de la com
Lecc 1 valor social de la com
 
Gusano informaticos 2!...
Gusano informaticos 2!...Gusano informaticos 2!...
Gusano informaticos 2!...
 
Welcome Sweetheart! from RW Walpole
Welcome Sweetheart! from RW WalpoleWelcome Sweetheart! from RW Walpole
Welcome Sweetheart! from RW Walpole
 
Comercio electronico
Comercio electronicoComercio electronico
Comercio electronico
 
Lecc 7 genera y medios de masas
Lecc 7 genera y medios de masasLecc 7 genera y medios de masas
Lecc 7 genera y medios de masas
 
Harm reduction strategies
Harm reduction strategiesHarm reduction strategies
Harm reduction strategies
 
ElI 084S Caprario
ElI 084S Caprario ElI 084S Caprario
ElI 084S Caprario
 
Emos
EmosEmos
Emos
 

Similaire à My Top 10 Secret Weapons for Frontend Development

SXSW 2012 JavaScript MythBusters
SXSW 2012 JavaScript MythBustersSXSW 2012 JavaScript MythBusters
SXSW 2012 JavaScript MythBusters
Elena-Oana Tabaranu
 
Backend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In BanglaBackend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In Bangla
Stack Learner
 
Building with JavaScript - write less by using the right tools
Building with JavaScript -  write less by using the right toolsBuilding with JavaScript -  write less by using the right tools
Building with JavaScript - write less by using the right tools
Christian Heilmann
 

Similaire à My Top 10 Secret Weapons for Frontend Development (20)

Front-End 개발의 괜찮은 선택 ES6 & React
Front-End 개발의 괜찮은 선택  ES6 & ReactFront-End 개발의 괜찮은 선택  ES6 & React
Front-End 개발의 괜찮은 선택 ES6 & React
 
WordCamp Nashville: Clean Code for WordPress
WordCamp Nashville: Clean Code for WordPressWordCamp Nashville: Clean Code for WordPress
WordCamp Nashville: Clean Code for WordPress
 
Modern web application devlopment workflow
Modern web application devlopment workflowModern web application devlopment workflow
Modern web application devlopment workflow
 
Coffee script throwdown
Coffee script throwdownCoffee script throwdown
Coffee script throwdown
 
Developer Week
Developer WeekDeveloper Week
Developer Week
 
Building Javascript Apps with the WordPress JSON API – LoopConf 2015
Building Javascript Apps with the WordPress JSON API – LoopConf 2015Building Javascript Apps with the WordPress JSON API – LoopConf 2015
Building Javascript Apps with the WordPress JSON API – LoopConf 2015
 
Stop JavaScripting like it's 1999
Stop JavaScripting like it's 1999Stop JavaScripting like it's 1999
Stop JavaScripting like it's 1999
 
Modern server side development with node.js - Benjamin gruenbaum
Modern server side development with node.js - Benjamin gruenbaumModern server side development with node.js - Benjamin gruenbaum
Modern server side development with node.js - Benjamin gruenbaum
 
Javascript toolkit
Javascript toolkitJavascript toolkit
Javascript toolkit
 
Javascript toolkit
Javascript toolkitJavascript toolkit
Javascript toolkit
 
What Web Framework To Use?
What Web Framework To Use?What Web Framework To Use?
What Web Framework To Use?
 
Atlassian - Software For Every Team
Atlassian - Software For Every TeamAtlassian - Software For Every Team
Atlassian - Software For Every Team
 
Introduction to react js
Introduction to react jsIntroduction to react js
Introduction to react js
 
Frontend automation and stability
Frontend automation and stabilityFrontend automation and stability
Frontend automation and stability
 
SXSW 2012 JavaScript MythBusters
SXSW 2012 JavaScript MythBustersSXSW 2012 JavaScript MythBusters
SXSW 2012 JavaScript MythBusters
 
Looking for a place to hang my helmet
Looking for a place to hang my helmetLooking for a place to hang my helmet
Looking for a place to hang my helmet
 
Enhance Enhance
Enhance EnhanceEnhance Enhance
Enhance Enhance
 
Backend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In BanglaBackend Development Bootcamp - Node [Online & Offline] In Bangla
Backend Development Bootcamp - Node [Online & Offline] In Bangla
 
Building with JavaScript - write less by using the right tools
Building with JavaScript -  write less by using the right toolsBuilding with JavaScript -  write less by using the right tools
Building with JavaScript - write less by using the right tools
 
My life with MongoDB
My life with MongoDBMy life with MongoDB
My life with MongoDB
 

Dernier

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Dernier (20)

The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

My Top 10 Secret Weapons for Frontend Development

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n