Skip to main content

Getting Started with MEAN.js

Recently am into Javscript development like node, angular etc. And i came across this awsome stack just like WAMP . It's called MEAN and am so much excited about this stack. MEAN stands for 

  • Mongodb]- The Database
  • Express - The serverside framework
  • Angular - The Client side MVC framework
  • Node.js - the server or the server side runtime
There are two major MEAN generators availbale , MEAN.js and MEAN.io . Both gives a kickstart  in MEAN development. But note than MEAN stack development is possible without these. 

Both are theoratically same and uses same technologies and also developed by same guy, Amos Haviv. Am write down my "Getting started" experience with MEAN.js. 

For MEAN.js you need these technologies installed.

  1. Node.js
  2. Git
  3. Mongodb
After installing these , open a terminal and type:

npm install -g grunt-cli

Next Install bower

npm install -g bower

Next install yeomen generator

npm install -g generator-meanjs

So the Installation all over. Make sure mongod service running and don't forget to add the mongo bin folder to path. Please note that am using windows .

Okay so we have setup our development environment now switch to development.
First you need to create a project folder and create the app

mkdir TestApp && cd TestApp

Now you are inside the app folder create the app, it will automatically install necessory packages and will setup the development environment.

yo meanjs

Here a couple of question will be asked like name ,description etc. You need to select which of the Angular js modules also.

After setup start the server

grunt

Check the app in browser http://localhost:3000/
You will see the app like this :

So you first app is ready now. Will make another post about creating new modules and other development in another post . Hope it helps some body and appreciate your valuable inputs.

Continue with next part.


Comments

Dinh Ha said…
đồng tâm
game mu
cho thuê nhà trọ
cho thuê phòng trọ
nhac san cuc manh
số điện thoại tư vấn pháp luật miễn phí
văn phòng luật
tổng đài tư vấn pháp luật
dịch vụ thành lập công ty trọn gói

“Mạc Thiên Vân.” Đại hán áo đen thở một hơi: “Là con thứ hai của gia chủ, bây giờ là con trai trưởng, cũng là kẻ có khả năng lớn nhất trở thành người thừa kế.”


“Còn Nhị công tử?” Sở Dương vội vàng hỏi tiếp.


“Nhị công tử Mạc Thiên Cơ. Trong gia tộc thì Đại công tử dũng mãnh thiện chiến, còn Nhị công tử lại túc trí đa mưu. Điều này vốn vẫn được mọi người công nhận, chẳng lẽ ngươi không biết sao?” Đại hán áo đen nhìn Sở Dương với ánh mắt cổ quái, dường như đối với mấy câu hỏi của hắn có chút bất ngờ vậy. Hơn nữa, nngươi đã biết rõ Mạc Khinh Vũ, vậy sao lại không biết Mạc Thiên Vân cùng Mạc Thiên Cơ được chứ?


“Mạc Thiên Cơ?Mạc Thiên Cơ!” Sở Dương toàn thân chấn độc, lẩm bẩm: “Mạc… Thiên… Cơ…”


Hảo hữu kiếp trước - Mạc thị thiếu gia chủ, cũng là người sắp đặt mai phục đưa mình vào chỗ chết tại Thượng Tam Thiên… Kẻ khiến bản thân chết bất đắc kỳ tử này không ngờ lại là anh ruột của Khinh Vũ a!


Sở Dương không khỏi hừ lạnh một tiếng nói: “Dễ dàng rơi vào cạm bẫy của người khác như vậy còn gọi là đa mưu túc trí nữa hả?”


“Khụ khụ… Sức hấp dẫn của di tích cao thủ Quân cấp vốn là…”


“Tiểu huynh đệ, ngươi tên gì vậy?” Đại hán áo đen đột nhiên vỗ trán sực nói: “Thực xin lỗi, ta là Mạc Thành Vũ.”
Travis Smith said…

If some one wishes expert view concerning blogging after that i advise him/her to visit this web site, Keep up the fastidious work. www.gmail.com login
steve said…

مكافحة حشرات بالخبر افضل شركة مكافحة حشرات بالخبر
مكافحة حشرات بمكة افضل شركة رش حشرات بمكة
مكافحة حشرات بالمدينة المنورة افضل شركة رش حشرات بالمدينة المنورة
مكافحة حشرات بالدمام افضل شركة مكافحة حشرات بالدمام

Popular posts from this blog

Configure PostgreSQL and phpPgAdmin in WAMP

As i told earlier am trying to switch to Flex , i am trying to learn connection between PHP and Flex. When searched i got a excellent tutorial . But the problem is that it uses PostgreSQL. As i don't have any prior experience in PostgreSQL i try to install it in my Windows 7 and configure it in WAMP . I got different errors and spend almost two days in searching and using different methods . Atlast i got it right. I will try to figure out the steps i have done.
Am using
PostgreSQL 9.1WAMP Server 2.0e phpPgAdmin 5.0.2 WAMP consists
1. Apache Version :2.2.17  2. PHP Version :5.3.5  3. MySQL Version :5.5.8 First install PostgreSQL , no need to install additional plugins like phpPgAdmin.
Install WAMP server where ever you need.
Download PhpPgAdmin  and unzip it to WWW folder in WAMP installation.

At this point if you try to access the http://localhost/phpPgAdmin/ you may get this error.

Your PHP installation does not support PostgreSQL. You need to recompile PHP using the --with-pgs…

Angular 4 - Modules, components and routing

In the previous post we created a new Angular 4 project. Lets check the how to add modules, components and routing.

You could check out the code from here.
git checkout -b part2.0 origin/part2.0
We are going to use bootstrap styling . So lets add bootstrap in our aplication . We are going to use only styling not the components.

npm install bootstrap@3
We need to add the bootstrap stylesheet in tha .angular-cli.json.


"styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css", "styles.css" ],
Our first Module

Lets add a new module employee. Inside "src/app" run

ng generate module employee or
ng g m employee
Wait we are going to lazy load this module , so we need routing inside the module, right? So we are going to create the routing also.
ng g m employee --routing
Time for component

It will create new employee module with its own routing.lets add a component for listing the employee. So inside employee folder run

ng g c empl…

Angular - 4 year road map

AngularJS is one of the most popular JavaScript frameworks in the web. The Google developed framework is considered as one of the easiest framework to kick start a project. Two way binding and the dependency injection is the highlight of this framework.
My journey with AngularJS started about 4 years ago. Then popular ver1.4 amazed me in its capabilities. Developer like me, coming from Actionscript and plain old JQuery , AngularJS is a good option to kick start a project. It give me the confidence in JavaScript world, and from then I have tried lot of framework and tools from JavaScript itself like requireJS, webpack, etc. I did projects in Angular from 1.4 to the current 2.0, and trying to upgrade to the latest 4. Angular has now become one of the fastest growing framework. The journey starts with 1.4
One of the stable and mostly uses version. Started working on this for small projects and it seems easy for development. Dependency injection and two way binding seems quite interesting. …