Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.

Preview

Start a free Basic trial
to watch this video

Sign up for Treehouse

Building a MEAN App Overview

2:35 with Huston Hedinger and Ken Howard

Go over the details of the Application you will build in this course.

Resources

  • 0:00

    In this course you'll learn how to build a to do application using the MEAN Stack.

  • 0:05

    As you've already learned, a MEAN Application is made up of MongoDB for

  • 0:09

    the data storage, Express.js for server side routing, AngularJS for

  • 0:13

    you client side application, and Node.js.

  • 0:17

    You'll need to have Node and Mongo installed on your machine.

  • 0:21

    We won't cover installation in this course, but you'll find instructions for

  • 0:24

    installing tools in the teachers notes.

  • 0:27

    In this course we'll be building our application from scratch, but

  • 0:32

    you might consider using the mean.js generator to jumpstart a future project.

  • 0:37

    The mean.js generator uses yeomen to create basic application

  • 0:42

    using the mean stack.

  • 0:43

    You can find a link to the mean.js project on GitHub on the teacher's notes.

  • 0:49

    With the generator, you can scaffold the new project with a single command.

  • 1:08

    You'll notice that this generated a lot of directories and files.

  • 1:14

    You'll go on to to review this code before using the main JS generator

  • 1:18

    in your projects.

  • 1:20

    And remember,

  • 1:20

    the yo command that we used to set up this project comes from Yeoman,and Yeoman

  • 1:26

    is a tool that can be used to generate practically any type of project.

  • 1:30

    You need to have the MEAN.js generator installed on your machine

  • 1:34

    before you can run yo.MEAN.js.

  • 1:37

    One thing to keep in mind is that we could use the MEAN.js generator in this course.

  • 1:42

    However, it might seem complicated if you are new to developing mean apps.

  • 1:48

    Building our application from scratch will help us learn the ins and

  • 1:51

    outs of mean more effectively.

  • 1:54

    Additionally, we'll start out with a to-do list app that was already built

  • 1:59

    in angular.

  • 2:00

    In this course, the first thing we'll do is clone the angular to do list app

  • 2:04

    from GitHub onto our machine.

  • 2:07

    Next we'll set up express and configure it to serve static assets so

  • 2:12

    that our Angular application will load into the browser.

  • 2:15

    Once we've got Express and Angular up and running,

  • 2:18

    we'll create a database connection and set up a schema with Mongoose.

  • 2:22

    After that, we'll configure Express in Angular, so

  • 2:25

    we can create and edit our to dos.

  • 2:29

    At that point, you'll have a fully functioning MEAN stack application.

  • 2:33

    Let's get started.

You need to sign up for Treehouse in order to download course files.

Sign up