Design a website with nodejs, backbonejs, expressjs, and bootstrap

Here it’s my learning order of new technologies (nodejs, backbonehs, expressjs, and bootrap ) and use them to create a new website. I found this sequence is logical to me, and help me to learn step-by-step.

Recommended order to learn:

  1. Read the W3school for Javascript, CSS, html :http://www.w3schools.com/js/
  2. Under more about javascript (what is asynchronous programming?):
    1. http://stackoverflow.com/questions/16336367/what-is-the-difference-between-synchronous-and-asynchronous-programming-in-node
    2. https://www.youtube.com/watch?v=8aGhZQkoFbQ
    3. http://www.slideshare.net/piotrpelczar/asynchronous-programming-done-right-nodejs
  3. To begin with , please install nodejs and expressjs in your eclipse, i.e. noeclipse:
    1. http://www.nodeclipse.org/updates/
  4. Learn nodejs. Go through these documents:
    1. Nodejs introduction: https://www.udemy.com/blog/learn-node-js/
    2. What is Nodejs: http://stackoverflow.com/questions/1884724/what-is-node-js
    3. Nodejs event loop: http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop/
    4. Follow this tutorial and get started on nodejs: http://www.hongkiat.com/blog/node-js-server-side-javascript/
    5. Now: follow codeschool tutorials on this website to go over learning modules for nodejs: http://campus.codeschool.com/courses/real-time-web-with-node-js/contents
    6. (optional): afterward, you have good enough idea of what is going on, so you can advances your level by reading this book (borrow from me): http://www.amazon.com/Sams-Teach-Yourself-Node-js-Hours/dp/0672335956
  5. You probably have seen expressjs a bit, you can further your knowledge by  reading this tutorials:
    1. http://stackoverflow.com/questions/5778245/expressjs-how-to-structure-an-application/7350875#7350875
    2. Example: http://shapeshed.com/creating-a-basic-site-with-node-and-express/
    3. Example: http://coenraets.org/blog/2012/10/nodecellar-sample-application-with-backbone-js-twitter-bootstrap-node-js-express-and-mongodb/
  6. Learn backbonejs now:
    1. Good tutorial : https://backbonetutorials.com/
    2. Go through one by one: http://arturadib.com/hello-backbonejs/
  7. Alright, this is the last piece, read through the boostrap document to know how to style a website:
    1. http://getbootstrap.com/
Advertisements


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s