background preloader

NodeCellar: Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB

NodeCellar: Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB
In my previous post, I shared my recent experience building a RESTful API with Node.js, MongoDB, and Express. In this post, I’m sharing the client application that uses that RESTful API. The Node Cellar application allows you to manage (retrieve, create, update, delete) the wines in a wine cellar database. Run the Application You can run the application here. NOTE: Node.js is running on port 3000 on my EC2 Instance. Server-Side The details of the Node.js, MongoDB, and Express implementation are documented in my previous post. Client-Side In this application, Node.js is used to provide the RESTful services that the client application needs to manipulate the data. This is a Node.js and MongoDB powered version of an application I initially posted here with PHP and Java backends. Source Code The source code is available in this repository on GitHub.

Installation guide Welcome to the MediaWiki installation guide which provides instructions on how to manually install and configure MediaWiki on a web server. Note that some users may find MediaWiki software bundles and hosting services with 1-click installation and wiki farms a convenient alternative to manual installation. The first part of this guide gives general instructions, while the last section contains a list of appendices that give more detailed installation notes for specific system configurations and other less common uses of the software. Upgrade guide[edit | edit source] If you are already running MediaWiki, see the Upgrade guide. Summarized installation guide[edit | edit source] For experienced users, here is the quick version of the installation instructions. These instructions are deliberately brief. Main installation guide[edit | edit source] Installing MediaWiki Alternative to manual installation[edit | edit source] Appendices[edit | edit source] Advanced uses[edit | edit source]

Node.js web site with MongoDB on MongoLab - Windows Azure By Eric Sedor, MongoLab Greetings, adventurers! Welcome to MongoDB-as-a-Service. In this tutorial you will: Provision the database - The Azure Store MongoLab add-on will provide you with a MongoDB database hosted in the Azure cloud and managed by MongoLab's cloud database platform. Create the app - It'll be a simple Node.js app for maintaining a list of tasks. At any time throughout this tutorial, feel free to kick off an email to support@mongolab.com if you have any questions. Before continuing, ensure that you have the following installed: Quick start If you have some familiarity with the Azure Store, use this section to get a quick start. Open the Azure Store. For Name, enter MONGOLAB_URI. Note: Azure adds the CUSTOMCONNSTR_ prefix to the originally-declared connection string, which is why the code references CUSTOMCONNSTR_MONGOLAB_URI. instead of MONGOLAB_URI. Now, on to the full tutorial... Provision the database Log into the Azure Management Portal. Congratulations! Create the app Setup

Details & Features * coming soon ** partly implemented Docear is a unique solution to academic literature management and possesses three features that you will not find anywhere else, namely a) A unique approach for organizing literature, focusing on your annotations instead of documents b) A unique approach for drafting and writing your assignments, papers, books, thesis, etc. c) A research paper recommender systems that recommends papers that are entirely free, instantly to download, and tailored to your information needs Due to these three unique features, Docear will fundamentally change your way of organizing, creating, and discovering academic literature. a) Docear’s unique approach for organizing literature Docear is different than any other literature or reference manager (‘different’ as in ‘better’). Why is this such a massive advantage? Docear shows all information in a single-section user interface (categories, PDFs, annotations, and bibliographic data) Drafting academic literature with Docear

madhums/node-express-mongoose-demo How To Organize Information And Improve Your Design Have you ever visited a website with expectations about what you would find only to discover that site held none of the information you were looking for? That site might have had exactly what you’re interested in, but there was no clear path to find it. The site may have been organized in such a way that led you to believe it was about something other than what you were hoping to find. How long did you stay? Did you take any time to explore it or did you quickly conclude it wasn’t what you were looking for and left in search of another site? One of the most important decisions you make as a web designer is how to organize information. How should you organize your site’s information? 5 Hat Racks The principle of the five hat racks suggests that there are a limited number of ways information can be organized. Category – organization through similarity and relatedness (categories, tags, taxonomies). You’re not limited to using only one system of organization across your site. or Hierarchy

A simple Node.js web application that uses Mongoose, Express and MongoDB that returns JSON Today I’m going to show you how to build a simple application that uses Nodejs, Mongoose, Express and MongoDB that will persist some data and get it back. It will also have a simple configuration file so I can configure my routes in Express. For those that don’t know, Mongoose is a MongoDB object modeling tool designed to work in an asynchronous environment and Express is a Sinatra inspired web development framework for node.js. I’m installing and running this on Ubuntu 11.x. Installing Node (the current version as of the date of this article is v.0.6.6, use an apt package if you prefer or download it from the Nodejs website). Update: Dec. 22, 2011 – It looks like NPM is now installed in newer builds of Node, if you have an older version that doesn’t include NPM you can install it like this: Now, install the packages we will need: Note: Please note that there is an express-mongoose plugin but I won’t be using it for this project. Install MongoDB with the instructions found on their site.

Knowledge Inform originally meant to give shape to; while information is meant to shape a person. Information comes from the form that data takes as it is arranged and presented in different ways. This “massaging” of the data adds context to it and allows us to understand something about the data that is presented to us. Think of information as data that makes a difference. — Davenport & Prusak (1998) Organization and Structure Information may be infinite, however... the organization of information is finite as it can only be organized five ways—LATCH (Wurman, 2001): Location Alphabet Time Category Hierarchy In addition, information is normally structured around five degrees of immediacy to our lives (Wurman, 2001): Internal: The messages that run through our systems and allows our body to function Conversational: The formal and informal exchanges that we have with the people around us. Shareability Shareability refers to the extent to which information is shareable. Patterns Next Step Reference

Let’s Make a Drawing Game with Node.js Martin Angelov By now you have probably heard of node.js. It is an asynchronous web server built ontop of Google’s V8 JavaScript engine (the same one that makes Chrome lighning fast). Using node, you can write scalable web services in JavaScript, that can handle a huge number of simultaneous connections, which makes it perfect as the backend of games, web chats and other real time tasks. The Idea Today we will be making a simple online drawing game. Installing node.js To run the game you will need to install node.js. After you finish installing, you will also get access to npm, the node package manager. npm install socket.io@0.9.10 node-static This shouldn’t take more than a few minutes to complete. Running the Application If you want to just grab the files and test the app on your computer, you will need to download the archive from the button above, and extract it somewhere on your hard drive. node app.js The HTML The first step is to create a new HTML document. index.html <! Draw Anywhere!

Documentation - Meteor Lesson 2: Your First JavaScript By Maria Antonietta Perna Now that you know what JavaScript is and what you can do with it, it's time to get to the practical stuff. In this lesson you are going to learn: how to embed your JavaScript in the HTML page; how to reference your JavaScript from a separate file; how to comment your JavaScript code and why it is recommended; how to create your first JavaScript-powered web page. The HTML To insert a JavaScript script in an HTML page, you use the <script> ... Let's start with a basic HTML page, like this one: <! The JavaScript script is inserted either in the HTML page itself or in a separate file. Embed JavaScript in the HTML page The <script> tag and its type attribute tell the browser: "Hey, browser! You can do this either in the <head> section, as follows: <! Or or at the very bottom of the document just before the closing </body> tag, like so: <! If you're wondering whether it's best to place your <script> tag in the <head> or the <body> tag, then you're not alone. Here's how it's done:

in1.com - Single Page App with Twitter Bootstrap and Node.js One Page Apps I Actually Use There is a zillion one-page apps focused on making some little aspect of front end development easier. I think they are great. They exemplify the wonderful culture of sharing and ingenuity that our industry is known for. CSS3Please.com Why type out all five property/value pairs for a transition when you could just come here and copy it quick in nice formatting with comments. Border-Radius.com Every time I need to round some of the corners of an element but not all of them I end up here. HTML-Ipsum.com I created this one for myself. ScriptSrc.net I gotta drop jQuery on this page... what's that long funky URL of where it's hosted on Google's CDN again? CopyPasteCharacter.com Ever need a really common symbol for a tweet or an email or website? Button Maker If I just need some quick CSS3 to make a button I usually use this (another one by me). Share On

Backbone.js

Related: