Difference between revisions of "Preparations"
(4 intermediate revisions by 2 users not shown) | |||
Line 11: | Line 11: | ||
== Why MEAN? == | == Why MEAN? == | ||
Can I use a SQL database instead of MongoDB? Or a different front end framework like instead of Angular? Sure, but these technologies work beautifully together as they all use the same language – Javascript. For the first time ever we can create web software applications entirely using one language and this gives developers tremendous power. | Can I use a SQL database instead of MongoDB? Or a different front end framework like instead of Angular? Sure, but these technologies work beautifully together as they all use the same language – Javascript. For the first time ever we can create web software applications entirely using one language and this gives developers tremendous power. | ||
− | + | ||
Line 23: | Line 23: | ||
=== 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 | + | You will not be coding anything for Express in this module (already done by MEAN.io). Take a look at it [http://expressjs.com 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:// | + | AngularJS is important to this module. Please go through the tutorial [https://code.angularjs.org/1.4.7/docs/tutorial here]. |
===Node.js=== | ===Node.js=== |
Latest revision as of 15:59, 5 April 2017
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.
MEAN is a collection of javascript frameworks and its components are: Front end: AngularJS (client side MVC) , Bootstrap* Back end: Express(server side MVC), with Node.js API Data Base: MongoDB
Why MEAN?
Can I use a SQL database instead of MongoDB? Or a different front end framework like instead of Angular? Sure, but these technologies work beautifully together as they all use the same language – Javascript. For the first time ever we can create web software applications entirely using one language and this gives developers tremendous power.
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 understand 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.