GithubHelp home page GithubHelp logo

cwbuecheler / node-tutorial-for-frontend-devs Goto Github PK

View Code? Open in Web Editor NEW
505.0 38.0 465.0 9.72 MB

A tutorial and complete sample project for Front-End developers showing how to get Node, Express and Jade up and running, connected to MongoDB, and reading from / writing to the database

JavaScript 74.82% CSS 1.77% EJS 23.40%

node-tutorial-for-frontend-devs's Introduction

Update: this repo is no longer being maintained and I can't guarantee the code will continue to work (although unless major changes happen to Express, it should)

The Dead-Simple Step-by-Step Guide for Front-End Developers to Getting Up and Running with Node.JS, Express, Jade, and MongoDB

A tutorial and complete sample project for Front-End developers showing how to get Node, Express and Jade up and running, connected to MongoDB, and reading from / writing to the database.

New: Updated for 2019!

Quickstart

Visit the tutorial online. The rest of the project is provided just to show the functioning finished results. The tutorial will show you how to build all of this stuff, from downloading Node all the way to the end.

If you want to run this example code, you will need to do an NPM Install, as the node_modules directory has been removed from this repository. You'll also need to set up a MongoDB database. I highly recommend just going through the tutorial!

Author

Christopher Buecheler is a web developer who runs CloseBrace, a site that provides tutorials and training for full-stack JavaScript developers. Previously he's worked for startups like GameSpy, OkCupid, Crispy Gamer, GoldenSpear, Volt Server, Tizra, and Datarista. You can visit him at his website.

Contents

  • /public - static directories suchs as /images
  • /routes - route files for tutorial project
  • /views - views for tutorial project
  • README.md - this file
  • app.js - central app file for tutorial project
  • package.json - package info for tutorial project

node-tutorial-for-frontend-devs's People

Contributors

bryant1410 avatar cwbuecheler avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

node-tutorial-for-frontend-devs's Issues

Needs some updating

First off appreciate the work put into this. After following the tut on CloseBrace I ran into a couple of issues. First there are a few packages that are now deprecated

npm WARN deprecated [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated [email protected]: Please update to at least constantinople 3.1.1
npm WARN deprecated [email protected]: Deprecated, use jstransformer

Removed Jade from package.json and ran:

npm install pug --save

Renamed .jade files to .pug
Changed debug package version in package.json to latest 3.1.0 and ran:

npm install

This removed the 2 other deprecation warnings

In app.js there is not a need to require mongod or bodyparser as they are not used in the app.
Just knit picking, but it would be nice if the tut and src were updated to ES6 syntax. I have updated mine and will fork when able to make these updates available to the community. Thanks again for all the hard work and for sharing. Have a great day!

cant run project - monk problem

\node-tutorial-for-frontend-devs\node_modules\mongoskin\lib\utils.js:33
var skinClassName = 'Skin' + NativeClass.name;
^

TypeError: Cannot read property 'name' of undefined
at makeSkinClass (e:\TempProjects\node-tutorial-for-frontend-devs\node_modules\mongoskin\lib\utils.js:33:43)
at Object. (e:\TempProjects\node-tutorial-for-frontend-devs\node_modules\mongoskin\lib\grid.js:6:35)
at Module._compile (module.js:398:26)
at Object.Module._extensions..js (module.js:405:10)
at Module.load (module.js:344:32)
at Function.Module._load (module.js:301:12)
at Module.require (module.js:354:17)
at require (internal/module.js:12:17)
at Object. (e:\TempProjects\node-tutorial-for-frontend-devs\node_modules\mongoskin\lib\db.js:22:16)
at Module._compile (module.js:398:26)

Documentation

Documentation should be created in the wiki or readme whereby you specify the steps to run this locally. Even some very experienced front end devs need it broken down, especially referring to people who haven't touched nodejs or have limited server side chops.
I would include at the very least a link to download node.js.

I did something similar in a current project: https://github.com/nelsonomuto/Express_SenchaTouch

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.