addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1linklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Learn: Grunt, Bower & RequireJS

  • Jun 17, 2014 · 6:00 PM
  • Dev Local

Create a production-ready application and support full testing / development workflows using Grunt, Bower, AMD/RequireJS and other automation tools in this two and half hour workshop presented by Formidable Labs.

Please bring a laptop with NodeJS installed. Beer and Pizza will be provided.

JavaScript is at the core of the modern web—on the server and in the browser. This workshop is part of a four part tutorial. We will lead you through the tools, frameworks, and paradigms that you need to craft modern, client-rich applications. Our workshop series will take you from a basic skeleton application to a production-ready infrastructure, ready to stand up to real-world traffic.

The team at Formidable Labs has written some of the worlds' largest JavaScript web applications and literally written the book on testing them. Our engineers and educators have led trainings for companies of all sizes, as well as the technology community.


Join or login to comment.

  • Ryan R.

    Thanks everyone for attending and being a great audience!

    For folks who want some follow-up, here are our slides: http://seattlejs.training.formidablelabs.com/build.html#/title

    And, we'd really appreciate hearing more details about what you thought of the workshop with our survey at: https://www.surveymonkey.com/s/X379RP9

    -Ryan

    1 · June 18, 2014

  • Claes N.

    Sometimes it's good to have someone confirm that you are doing the right thing.

    June 18, 2014

  • A former member
    A former member

    it was a great meeting and learning experience, thank you

    June 18, 2014

  • Elisabeth

    Thank you Ryan! Really enjoyed it, sorry I had to leave early.

    June 17, 2014

  • Linh N.

    Very informative!

    June 17, 2014

  • Pat T.

    Ran into an issue with the Windows setup -- it failed on a Linux-style path:

    > notes-amd@0.0.3 postinstall c:\PTDocuments\nodejs\training
    > ./node_modules/.bin/bower install

    '.' is not recognized as an internal or external command,
    operable program or batch file.

    npm ERR! notes-amd@0.0.3 postinstall: `./node_modules/.bin/bower install`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the notes-amd@0.0.3 postinstall script.
    ...

    I already had node installed, and it's a slightly older version -- v[masked] -- but that shouldn't affect whether Windows handles . in a path. :-)

    I'm just looking into this, so asking in case anyone has already worked around this. Thanks!

    June 17, 2014

    • Pat T.

      Note the suggested fix in that post can be improved -- this should work for both Windows and *ix:

      node node_modules/.bin/bower install

      With that change (and equivalent for "test"), npm install continues, but then runs into another *ix command with back-accents:

      basedir=`dirname "$0"`

      June 17, 2014

    • Pat T.

      Clue here:

      https://github.com/ice...­

      Several scripts there contain that command.

      June 17, 2014

  • Milind

    Sorry did not get confirmation in time. Can't drive now.

    June 17, 2014

  • Ryan R.

    Hi Folks,

    If you are having problems installing bower components or node modules, I have zipped downloads of the directories for you. Unzip and replace your existing `bower_components` or `node_modules` directory as appropriate. And only replace what *doesn't* install -- meaning if only `bower install` failed, just replace `bower_components`.

    However, the node modules zip will only work on Mac OS X. And I *think* the bower components zip will work on any platform, but I might be wrong on that...

    * bower_components.zip (Mac OS X): https://docs.google.com/uc?id=0Bw9nQ1iXqUTCZENCQlJmUmFCRDg&export=download
    * node_modules.zip (Mac OS X): https://docs.google.com/uc?id=0Bw9nQ1iXqUTCUkxPLWRqTGlfZXc&export=download

    Best,
    Ryan

    June 17, 2014

    • Peter H.

      Thanks Ryan. I placed bower_components in the "my-app" folder (there was no existing "bower_components"­ folder) and re-ran the bower install, and I think that did the trick.

      June 17, 2014

  • Elizabeth

    Also running into difficulties, but at the ./node_modules/.bin/grunt point. I'm getting "No such file or directory, but node_modules is definitely there.

    June 17, 2014

    • David W.

      What if you

      June 17, 2014

    • David W.

      ls node_modules; ls node_modules/.bin; ls node_modules/.bin/grunt ?

      June 17, 2014

  • Milind

    Is there any thoughts on recording the session and making it available to members who can't make it or on the waiting list?

    June 17, 2014

  • Jim L.

    I am running into some issues by just following the steps in link:

    [After running grunt]
    >> Tracing dependencies for: app/app
    >> Error: ENOENT, no such file or directory
    >> 'PATH/APPNAME/app/js/vendor/jquery.js'
    >> In module tree:
    >> app/app
    Warning: RequireJS failed. Use --force to continue.

    Aborted due to warnings.
    ---

    and in folder structure I don't even see vendor folder under js. Since I just ran the npm install, I didn't expect to manually add some jquery.js file/folder. Anyone may point me to the right direction?

    June 17, 2014

    • Jim L.

      Thanks Ryan, but I am running to bower issue now (read this morning that bower.io is offline a bit. ) Will try later.

      June 17, 2014

    • Peter H.

      Been seeing the same thing Jim is. When I run the bower install, I get the following error:

      bower ECMDERR Failed to execute "git ls-remote --tags --heads git://github.com/jquery/­jquery.git", exit code of #128

      Additional error details:
      fatal: unable to connect to github.com:
      github.com[0: 192.30.252.128]: errno=No such file or directory

      June 17, 2014

  • A former member
    A former member

    Do I have to know backbone.js to attend this workshop? Is there any prerequisite for this workshop?

    June 17, 2014

    • Ryan R.

      There aren't specific pre-req's, but you should have at least some passing familiarity with what goes into frontend JavaScript applications as well as at least using Node.js (as a tool, not necessarily writing Node servers).

      June 17, 2014

  • John F.

    If any people can't make it. Kindly update your status so people on the waitlist can attend. Thanks!

    June 16, 2014

  • Ryan R.

    Greetings frontend developers! For Tuesday's workshop, we would like everyone to have a git and node installation as well as to checkout a starter repository and follow some introductory setup steps.

    At the start of the workshop, everyone should have followed all of the steps in the following presentation (tailored to your appropriate OS):

    * Mac / Linux: http://seattlejs.training.formidablelabs.com/starter-mac-linux.html
    * Windows: http://seattlejs.training.formidablelabs.com/starter-win.html

    Can't wait to see you all Tuesday!

    4 · June 13, 2014

Your organizer's refund policy for Learn: Grunt, Bower & RequireJS

Refunds are not offered for this Meetup.

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy