rails girls sydney javascript july 2014

JAVASCRIPTRails Girls July 2014

LIFE WITHOUT JAVASCRIPT?

HTML + CSS = “PAGES”

FULL PAGE LOADS

BORING BORING PAGES

HOW DOES IT FIT IN?

WHAT DOES IT LOOK LIKE?

WHEN WOULD I USE IT?

IN-PAGE UPDATESAJAX = Asynchronous JavaScript and XML

REARRANGING THE PAGEDOM = Document Object Model

NON-STANDARD FORM INPUTSCalendars, sliders, etc.

CHATWeb sockets, “push”, “long polling”

CROSS-BROWSER PATCHESe.g. Vector graphics and Internet Explorer, “shims”,

“polyfills”

LIGHTBOXES

INFINITE SCROLLINGTumblr, Facebook, Pinterest

MAKING UP FOR CSS BEING CRAPSame-height columns

MENUS THAT SLIDE IN AND OUTSo slidey

SLIDESHOWSSuch slide, very wow

3D GRAPHICS, GAMESCanvas

STEALING PASSWORDSXSS = Cross Site Scripting

HOW DO I TRY IT?

CHROME

VIEW > DEVELOPER > JAVASCRIPT CONSOLE

FIREFOX !

TOOLS > WEB DEVELOPER > WEB CONSOLE

TYPE 1 + 1 AND HIT ENTER2!!!

MAKE A NEW HTML FILE (MAYBE IN SUBLIME)

CONSOLE.LOG(STUFF);

JQUERYAbstraction, convenience, standards

RICH APPS

BACKBONE.JS EMBER.JS

ANGULAR.JS

SERVER-SIDE JAVASCRIPTAlternative to Ruby on Rails

COFFEESCRIPT

STACKOVERFLOW.COM

WWW.SYDJS.COMI missed cupcake day :(

QUESTIONS

INSPIRED BY

TRACY “DISCERNING” MU SUNG

@gregmcintyre