Javascript Management & Best Practices

The other day I did a talk on structuring client code and getting more out of jQuery. Target audience was ANUG and getting these .NET’ers up to speed on the world of JS.

A good read for anyone into frontend development and there are loads of code samples and clever tricks ready to use in your next project. Also there are a few suggestions on how to get VS2010 up to speed when it comes to client side development.

You’ll find the HTML5 slides from the presentation here:

Javascript Management
(Chrome, Safari and FireFox only)


2 Responses to Javascript Management & Best Practices

  1. Dan says:

    Nu hvor du hælder til, at man al (eller i hvert fald det meste) sin javascript-kode i een fil, benytter du så ik ex. require js? – Det kræver vel, at man har sit javascript til at ligge i mindre bidder i forskellige filer?

    • moe says:

      Det hælder jeg egentligt ikke specielt til, men kan godt forstå du får det indtryk. I fm. ANUG ville jeg gerne bare prøve at opsætte en god approach, man hurtigt kunne komme igang med, og der syntes jeg AMD moduler og async dependency management var udenfor scope.

      At hente én stor fil med require kan jeg ikke se fidusen i, et godt tip er at servere js-filer (og gerne også andre statiske resourcer) fra et andet subdomæne, så de nemmere loades parallelt. Forskellige browsere har nemlig max-antal på connectinos per domæne. Det kan du læse mere om på nettet, eller denne gamle (men stadigt aktuelle) præsentation jeg har liggende http://www.slideshare.net/mordendk/website-performance-5212609.

      Men async moduler med indbygget dependencies er rigtig stærkt, selvom der er frem og tilbage om performance og hvornår man syntes at load-tiden skal lægges, så giver det en god kodebase, der er nemmere at vedligeholde og genbruge – ja endda dele på tværs af applikationer. På sigt bliver det også en del af ES standarden (selvom der nok går noget tid.).

      Her er lidt fornuftig kom-igang-læsning om netop dette emne http://addyosmani.com/writing-modular-js.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>