Difference between revisions of "Preparations"

From CSE330 Wiki
Jump to: navigation, search
Line 1: Line 1:
=== Full Stack ===  
+
== Full Stack==
 
In web development, full stack refers to all the layers involved in building a working web application, including data modeling, server, network, user interface, business logic etc.  
 
In web development, full stack refers to all the layers involved in building a working web application, including data modeling, server, network, user interface, business logic etc.  
 
In this module we will focus on the technical layers that are essential for a successful web product, which translates to front end and back end skills.  
 
In this module we will focus on the technical layers that are essential for a successful web product, which translates to front end and back end skills.  
  
=== Why MEAN? ===
+
= Why MEAN? =
  
 
MEAN is a javascript framework based on a collection of javascript frameworks. It may sound complicated but the way it works is really simple.
 
MEAN is a javascript framework based on a collection of javascript frameworks. It may sound complicated but the way it works is really simple.
Line 14: Line 14:
  
  
== MongoDB ==
+
=== MongoDB ===
 
MongoDB is a leading NoSQL database that uses JSON-style documents with dynamic schemas. It uses Javascript as a language to modify and query the database and JSON format to store the data
 
MongoDB is a leading NoSQL database that uses JSON-style documents with dynamic schemas. It uses Javascript as a language to modify and query the database and JSON format to store the data
 
'''Go through this very short tutorial for MongoDB''' [http://try.mongodb.org here]. This 5 minute tutorial will help you understand how MongoDB works as a noSQL DB service.
 
'''Go through this very short tutorial for MongoDB''' [http://try.mongodb.org here]. This 5 minute tutorial will help you understand how MongoDB works as a noSQL DB service.
Line 20: Line 20:
 
'''Skim through the Mongoose guide (getting started)''' [http://mongoosejs.com/docs/index.html here] to get a sense of how it works.  
 
'''Skim through the Mongoose guide (getting started)''' [http://mongoosejs.com/docs/index.html here] to get a sense of how it works.  
  
==Express==
+
=== Express===
 
Express is a minimal and flexible node.js web application framework, and has become the dominant server-side MVC framework for Node.js. Express defines the responses to each type of HTTP request at each defined route and treats the request and responses as objects you can manipulate in any way you see fitting.
 
Express is a minimal and flexible node.js web application framework, and has become the dominant server-side MVC framework for Node.js. Express defines the responses to each type of HTTP request at each defined route and treats the request and responses as objects you can manipulate in any way you see fitting.
 
You will not be coding anything for Express in this module (already done by MEAN.io). Take a look at it [http://expressjs.com/guide.html here]
 
You will not be coding anything for Express in this module (already done by MEAN.io). Take a look at it [http://expressjs.com/guide.html here]
  
==AngularJS==
+
=== AngularJS===
 
AngularJS is a client-side MVC javascript framework by Google and it aims to increase developer productivity and creativity by providing a complete solution for large-scale applications and many powerful out of the box features.
 
AngularJS is a client-side MVC javascript framework by Google and it aims to increase developer productivity and creativity by providing a complete solution for large-scale applications and many powerful out of the box features.
 +
AngularJS is important to this module. Please go through the tutorial [https://docs.angularjs.org/tutorial here].
  
Very important to this module. Go through the tutorial [https://docs.angularjs.org/tutorial here].
+
===Node.js===
  
  
==Bootstrap==
 
  
 +
===Bootstrap===
 
Bootstrap is the default front end framework for the MEAN.io project. Though you could switch to other frameworks such as Foundation pretty easily.
 
Bootstrap is the default front end framework for the MEAN.io project. Though you could switch to other frameworks such as Foundation pretty easily.

Revision as of 00:57, 15 May 2014

Full Stack

In web development, full stack refers to all the layers involved in building a working web application, including data modeling, server, network, user interface, business logic etc. In this module we will focus on the technical layers that are essential for a successful web product, which translates to front end and back end skills.

Why MEAN?

MEAN is a javascript framework based on a collection of javascript frameworks. It may sound complicated but the way it works is really simple.

The MEAN.io project you'll use as a starting point for the group assignment the developers to focus on creating awesome apps.

Front end: AngularJS, Bootstrap* Back end: Node.js (powered Express) Data Base: MongoDB


MongoDB

MongoDB is a leading NoSQL database that uses JSON-style documents with dynamic schemas. It uses Javascript as a language to modify and query the database and JSON format to store the data Go through this very short tutorial for MongoDB here. This 5 minute tutorial will help you understand how MongoDB works as a noSQL DB service. Even though MongoDB is fast, scalable and easy to use, to make it work with the MEAN stack, we need an object modeling service called Mongoose.
Skim through the Mongoose guide (getting started) here to get a sense of how it works.

Express

Express is a minimal and flexible node.js web application framework, and has become the dominant server-side MVC framework for Node.js. Express defines the responses to each type of HTTP request at each defined route and treats the request and responses as objects you can manipulate in any way you see fitting. You will not be coding anything for Express in this module (already done by MEAN.io). Take a look at it here

AngularJS

AngularJS is a client-side MVC javascript framework by Google and it aims to increase developer productivity and creativity by providing a complete solution for large-scale applications and many powerful out of the box features. AngularJS is important to this module. Please go through the tutorial here.

Node.js

Bootstrap

Bootstrap is the default front end framework for the MEAN.io project. Though you could switch to other frameworks such as Foundation pretty easily.