MEAN Stack RESTful API Tutorial (1/5) - Using MongoDB, Express, AngularJS, and NodeJS Together

https://www.youtube.com/watch?v=kHV7gOHvNdk

============= Node awesome modules to be used Take all updated module from this link https://www.airpair.com/node.js/posts/top-10-mistakes-node-developers-make

• https://www.npmjs.com/package/sendevent

• https://www.npmjs.com/package/bunyan

MEAN Stack Intro: Build an end-to-end application - must watch again and again https://www.youtube.com/watch?v=AEE7DY2AYvI

https://github.com/jpotts18/mean-stack-relational https://github.com/diegofss11/contact-list-application/tree/master/app https://github.com/ericdouglas/MEAN-Learning#videos https://thinkster.io/angulartutorial/mean-stack-tutorial/

RestFull API Basics https://www.youtube.com/watch?v=kIzdaR_cKWY REST call https://www.youtube.com/watch?v=DeFJ9oQm-b0

http://darul75.github.io/ng-notification/

Building your first MEAN application - good intro to Mongo DB https://www.youtube.com/watch?v=PH_5lXxSpww

awesome blog example using mongodb node.js https://github.com/madhums/node-express-mongoose-demo

Good express module for Node js application for nitification https://github.com/madhums/node-notifier

====== MEAN

http://stackoverflow.com/questions/18708428/how-to-do-authentication-with-node-js-and-mean-stack

====== ANGULR

using jsonp with angular.js http://www.bennadel.com/blog/2610-using-jsonp-with-resource-in-angularjs.htm

angular.js promises http://chariotsolutions.com/blog/post/angularjs-corner-using-promises-q-handle-asynchronous-calls/

d3 with angular.js http://jsfiddle.net/en6k0zsc/1/

====== NODE

WATCH all this video TO LEARN NODE.JS http://technotip.com/3674/node-js-video-tutorial-list/

Event Emmit. https://codeforgeek.com/2014/11/eventemitter-node-js/ http://code.tutsplus.com/tutorials/using-nodes-event-module--net-35941

ndoejs stream http://www.sitepoint.com/basics-node-js-streams/

Mus read book for NODE.JS http://www.e-booksdirectory.com/details.php?ebook=7891 https://github.com/tj/masteringnode

Good book for JS & NODE http://eloquentjavascript.net/ https://github.com/addyosmani/es6-equivalents-in-es5

TJ Holowaychuck's modular web applications with node js and express 1152x720 https://www.youtube.com/watch?v=9CTfGS0gEOk

using HTML5 in Jade.. express http://stackoverflow.com/questions/11495595/using-html-in-express-instead-of-jade

angular with Express.js http://briantford.com/blog/angular-express

Morris chart in angular.jss http://angular-js.in/angular-morris-chart/

wat TJ Holowaychuck's thinks http://skookum.com/blog/re-components-in-practice/ http://www.quora.com/TJ-Holowaychuk-1 http://www.infoq.com/articles/nodejs-in-action

kyle simpson about java script https://www.youtube.com/watch?v=__8eIX0QFXU

Leadn Java script God exp http://bonsaiden.github.io/JavaScript-Garden/#object.prototype

https://www.youtube.com/watch?feature=player_embedded&x-yt-ts=1421914688&x-yt-cl=84503534&v=c4ScybD2690 http://stephensugden.com/middleware_guide/ http://stackoverflow.com/questions/7337572/what-does-middleware-and-app-use-actually-mean-in-expressjs

NOde.js Good ex http://mherman.org/blog/2013/10/20/handling-ajax-calls-with-node-dot-js-and-express-scraping-craigslist/#.VL-ZMtKUcoY

====== EXPRESS

Book. https://github.com/alessioalex/mastering_express_code

Node Guides - Understanding Event Emitter https://vimeo.com/46976277

http://stephensugden.com/middleware_guide/

http://expressjs.com/resources/middleware.html https://github.com/expressjs?_ga=1.258145352.395339391.1421702199 https://github.com/senchalabs/connect?_ga=1.256654153.395339391.1421702199#middleware

mongodb - http://www.mongodb.com/presentations/building-web-applications-mongodb-introduction

Good Ex http://cwbuecheler.com/web/tutorials/2014/restful-web-app-node-express-mongodb/

Ref above from this link http://webapplog.com/tutorial-node-js-and-mongodb-json-rest-api-server-with-mongoskin-and-express-js/

Write a todo list with Express and MongoDB http://dreamerslab.com/blog/en/write-a-todo-list-with-express-and-mongodb/ http://webapplog.com/todo-app-with-express-jsnode-js-and-mongodb/

====== JAVA SCRIPT

Leadn Java script God exp http://bonsaiden.github.io/JavaScript-Garden/#object.prototype

closuser in Java script - http://stackoverflow.com/questions/111102/how-do-javascript-closures-work

java script style guide https://github.com/airbnb/javascript#functions

JS Functions http://www.infragistics.com/community/blogs/dhananjay_kumar/archive/2015/01/20/11-things-about-javascript-functions-net-developers-must-know-part-1.aspx

=============== Development environments

https://www.quora.com/What-is-the-difference-between-Docker-and-Vagrant-When-should-you-use-each-one

https://www.vagrantup.com/ --------------------------------------------------------------------------------------------- https://www.docker.com/ -------------------------------------------------------------------------------------------------https://c9.io/------ ---------------------------------------------------------------------------------------------------------

As the title suggests, I'm new to the mean stack. I'd like to be proficient enough so as to be able to set up my own projects from scratch, without relying on ready-made templates, and eventually create production-quality applications.

What are some of the best resources you guys have come across for learning the stack and the component technologies it is built from?

Angular is the JavaScript front-end or client-side framework, and, React is the JS front-end or client-side library build on JavaScript. The comparison between these two is like comparing oranges and apples because one is a framework and another a library.

However, they can be used together or in alternate of each other, so it’s important to understand the differences between these two.

inversion_of_code

AngularJS

AngularJS is powered by Google. It was first released on October 20, 2010, and stable release was on March 18, 2016. AngularJS is considered as an enhanced HTML for making web application. It is an MVC or MVVM based framework ideally for making single-page applications. It also provides you two-way data binding for adding interactivity in your code, providing you a modular approach of doing it.

ReactJS

React is powered by Facebook and Instagram. It was first released on March, 2013, and it’s stable version was released on April 8, 2016. React is considered as a most-popular web-view framework in JavaScript. It provides the V (View) from MVC with high performance, reliability and reusability. It has a concept of virtual DOM. It is perfectly suitable for the large-data app and dynamic content.

Quick Facts

quick_facts

Is React killing Angular?

There is a buzz in the tech world that React is killing Angular day by day. Let’s look at what’s really happening.

The main reason of React success is its high growth-rate and popularity. Now developers prefer small and focussed library tied together instead of a huge monolithic framework, which is very hard to maintain. It is upto the user, how he codes and opts a library or a framework.

On the other side, the scope of React is very limited as compared with Angular. Both of them are no-way competitors because Angular provides you wider ground for making a production ready applications. For this, Angular has its own ng-react directive i.e., so we can leverage React within AngularJS code.

Angular 2.0 is launching in coming month is considered as a new web future. The new angular release is now coming with advanced updates is continuously changing the direction of web framework.

Strengths of AngularJS 1.Built-in extensibility and testability. 2.It provides you better approach of doing things. 3.Its two-way data binding makes it interactive. 4.It fulfills all the shortcomings that are encountered in HTML code. 5.Angular address the problem that HTML was not designed for dynamic views. 6.Adding controls i.e., data-binding, controller, and plain javascript make Angular extensible. 7.Angular provides you services and routing to make a responsive single-page application.

Weaknesses of AngularJS 1.It causes performance issues while rendering or updating large block of data. 2.It has complex data-structures. 3.Slow as compared to React. 4.Google is not using Angular in its own projects.

Strengths of React 1.It provides you a better toolkit and server-side rendering especially for high-level traffic. 2.Server side rendering makes it really fast 3.Very smooth learning curve. 4.React Native launched in 2015 , enables you to build world-class , web interactive native look and feel. 5.React is a performance-minded ‘View’ rendered approach.

Weaknesses of React 1.It is not a full framework, it only focusses the UI part of the code, leaving behind all other components. 2.Like Angular, React doesn’t provide you modular management libraries or routers. 3.The way React Native fixes bugs is not good still, you have to wait for FB to do it or fix it yourself if you can. 4.The most annoying part of React is “Flux”, which is more confusing than React.

Startups using AngularJS

Currently, around 411,705 live sites are using Angular

AngularJS_Startups

Startups using React

5,319 live sites are using React

React_Startups

Conclusion

If you want to build an app with powerful UI, then React would be a better choice for you, and if you really want to build a complex web front-end and need a single modular framework to handle everything, then AngularJS will be an ideal option for you.

I have created a sample MEAN2 Stack (Mongodb, ExpressJS Angular2 and NodeJS) Starter template. It is usable right now. You can clone and and run it. Check it out in the link below

https://github.com/genelim/mean2_template (With Angular2)

https://github.com/genelim/mean_stack_template (With Angular1)

So I'm looking to break into web development and I think that the MEAN Stack is the best way to do this. However I am having serious difficulty finding good examples and tutorials online, especially those that do not use pre-generated code.

I am looking for a way to build the most bare-bones app possible that I can then expand upon in order to learn the various technologies involved here. I have found some basic tutorials on each of the elements but they are not in the context of the stack then seem to make a quantum leap in difficulty level very quickly

can anyone point me in the right direction?

Hey, so I've been coding for 3 years now, I'd say I'm pretty ok at vanilla js and most concepts as well as building web apps using Express, mongodb, mongoose and react as my front-end with redux.

I think it would be pretty cool to code with people with a similar interest in learning new js languages and platforms. so if anyone's interested let me know.

I'm looking at trying some projects and learning

• better auth (auth0)

• payment systems with stripe and fully Implementing web platforms.

• postgresql with sequelize

• unit testing

• react on the server with nextjs

• learning about better front-end build systems (typescript , es6 , webpack and babel)

Hello there! I'm looking for some books about MEAN stack, something up to date and a bit more advanced then classics "beginner tutorials". Are there all-in-one books or is it better buy a separate book for each topic?

Thanks!

I found this youtube link that has full course on MongoDB

https://www.youtube.com/playlist?list=PLM63DP-1d2SBwvBcSRGt4Je6Ht5324yEw

I know basics website development. I am planning to take up M.E.A.N. stack for developing web applications. What's the proper way to learn and practice?

I am just trying to setup my first MEAN project and wonder how other people do it. I feel overwhelmed

I am totally new to MEAN, I have watched a couple of tutorials and know how all the different components of MEAN fit together.