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”
anybody watching in 2017?
Nice one. Cleared all doubts at one shot! thanks!
Lots of nerds here!
man this video was VERY useful….thank you..
Excellent!, I loved it!, I will share this with the community. An invaluable resource, for real
Great overview. Jumped into Angular2 and see all these references to commonjs, systemjs etc and was looking for the backdrop story.. this fit the bill perfectly. Thanks.
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 ?
Thanks Curran !. This is great stuff. ! Awesome introduction to modules , and their interplay, and emerging tools.
Struggling so hard to keep up with all this 🙁
.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.
Thanks for the great presentation! Helps make sense of the craziness surrounding all these standards and tools. 🙂
This is very helpful. It's rare to have such a broad perspective. As a noob, I appreciate it.
how we can implement async call for third-party modules from cdn (with local fallback) in ES6 (as we do that in requirejs)?
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.
perfect. thank you curran..
very nice! thanks, bro!
Such a wonderful course!!! Thank you!
You're amazing!
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.
what is teh difference between systemjs and common js