JavaScript Modules & Build Tools




A brief tour of the ocean of tools around JavaScript Modules. Content at https://github.com/curran/screencasts/tree/gh-pages/jsModulesAndBuildTools Covers Browser Globals, Namespaces, UglifyJS, CommonJS, AMD, ES6, Browserify, Webpack, RequireJS, JSPM, Esperanto, Rollup, Gulp, Babel, Traceur, and Make. If you appreciate this work, please consider supporting me on Patreon https://www.patreon.com/user?u=2916242&ty=h

Original source


20 responses to “JavaScript Modules & Build Tools”

  1. Thank for the useful lessons , what do you think about the following pattern: I have app.js with all the helpers and stuff that I need on every page, than I follow the pattern – 1 table in the database 1 js file example: user.js contains var user = { all user related stuff even events }; window.app.user = user; and this pattern goes on and on … , what do you think about it ?

  2. .PHONY is not a makefile convention. Makes main purpose is to generate files. Therefore every target corresponds to a to be generated file. Make will only execute the target code if the file is not up to date. .PHONY ensures executing a target without checking for an outdated file. Try "touch clean" and remove clean from .PHONY. Afterwards call "make clean" and you will see the difference.

  3. Perfect. I was bashing my head around CommonJS and friends for couple of days and I was almost on the verge of giving it up and then you came in like a life saver.
    Great presentation, great pace and great examples. Also thanks for taking time to annotate the video at correct places.
    :thumbs_up:

    Being a gulp/grunt guy, I never looked into make but it looks nice and much simple with less overhead. Gonna try it out.

  4. I cant believe how soft the questions are.

    Are people that go to his talks this much of a noob? This guy is becoming a JS god, and hes fielding questions like 'is this a namespace'? Man, Id give anything to see this guy talk, and Id ask him real questions.

Leave a Reply