scottnonnenberg / learn-node

Code from my SeattleJS learn node presentation on 2013/09/18. Enjoy!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

learn-node

This project shows a progression from the most basic express-based nodejs app to a testable project using requirejs to share code between the client and the server.

Setup

First, set up node to be in development mode:

source env_vars.sh

(usually you don't want to put your environment variables in your repository, but this is an example app, with no sensitive environment variables)

Next, install all required node modules:

npm install

Lastly, ensure that mocha is available on the command line by installing it globally:

sudo npm install -g mocha

Example #1

node src/1.\ anonymous/app.js

Hit http://localhost:3000 in your browser... Note that we use res.send which takes the object you pass it and renders it into JSON for the browser. This makes it really easy to create APIs for AJAX calls - javascript is really good at consuming JSON.

Example #2

node src/2.\ anonymous/app.js

Again, hit http://localhost:3000 in your browser...

Now, for something new! Run its tests:

mocha src/2.\ anonymous/test.js

The key change in this example is that the endpoint handler has been factored into a separate file and object so that it can be tested outside of a full web server. With this method you can much more quickly test a lot of interesting cases without pulling up your web browser or another tool.

Example #3

node src/3.\ class/app.js

Check out http://localhost:3000... now we're using moment to print out the time with a nice format. We're also constructing Routes as a class instead of a raw object - it has a constructor and a method added to its prototype object. This is javascript prototype inheritance.

Now let's run its tests:

mocha src/3.\ class/test.js

This time we're running two tests, and we're using sinon to replicate error conditions by replacing the moment object inside of the Routes class. This is called dependency injection, and is especially useful if the execution of the code would have consequences, like sending a text message or sending a request to another application.

Example #4

First let's run tests:

mocha src/4.\ sharing\ code/both/test.js

Like before, we're running tests on a class. But this time, the files are organized into three categories: server, client and both. As you might expect, these folders describe where this code runs. This test will also run in the browser.

To do that, first run the server:

node src/4.\ sharing\ code/server/app.js

Now at http://localhost:3000 we're using a jade template to render an HTML page to the browser. The page uses requirejs to pull down a set of javascript files, and then gives you a link to run the same tests we just ran on the command line.

The keys to his configuration are:

  1. we use the amdefine node module to replicate requirejs behavior on the server side.
  2. we configure requirejs to provide javascript files when we request node modules like moment
  3. we ensure that any relative pathing is correct. Note that test.js refers to './logic.js' in the same directory. As long as this is preserved in what is available to the browser, it will work.

For production, r.js and almond.js can be used to eliminate the requirejs runtime and create standalone concatenated and optimized files for the client. Maybe if someone is really nice I'll provide that example next. :0)

Happy coding!

License

(The MIT License)

Copyright (c) 2013 Scott Nonnenberg <scott@nonnenberg.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

Code from my SeattleJS learn node presentation on 2013/09/18. Enjoy!

License:MIT License


Languages

Language:JavaScript 98.9%Language:CSS 1.1%Language:HTML 0.1%Language:Shell 0.0%