The MEAN stack: MongoDB, Express, AngularJS, and NodeJS

Mean Stack

Date Title Views Comments

Date
Title
Views
Comments

MEAN Stack – Modelling with Mongoose – Day 10

2026 2

In this video we’ll take a look at the Mongoose package, and set up our customers model that we’ll use to create our customers MongoDB collection.

We look at:
– The Customers Pages, with a focus on the create customer storyboard
– The Mongoose website
– The Mongoose documents relating to ‘Defining your schema’
– Setting up our Customers model, based on our storyboard

MEAN Stack – Customer CRUD Module with Yeoman – Day 9

2687 17

In this video we’ll start to look at the Customers Pages, and create our very own Customer CRUD Module using the yeoman generator.

We look at:
– The Customers Pages, including the use case, storyboard and wireframes
– Backing up our work using Git
– The different types of generators available with the MEAN Stack
– Using the Yo scaffolding tool to generate a Customer CRUD (create, read, update, delete) module

MEAN Stack – Style the Sign-up Page – Day 8

1640 9

In this video we’ll have some fun and bootstrap/style out the sign-up page.

We look at:
– The MEAN Stack Sign-up page
– Easily formatting pages using our styles

MEAN Stack – AngularJS & PassportJS Login Credentials – Day 7

1966 4

We look at:
– The MEAN Stack Sign-in page
– Creating CSS styles
– Passport.js error messages
– Introduction to Bootstrap Alerts
– Exploring the Angular.js code on the Sign-in page
– Homework – Can you format the Sign-up page? Let me know how you go!

MEAN Stack – Responsive Bootstrap Login Forms – Day 6

2265 0

In this video we’ll look at changing the MEAN App Login Page, and start to get it to look like our Login page Wireframe.
We look at:
– The MEAN Stack Sign-in page
– The process for changing the details on the sign-in page
– Introduction to Bootstrap Input Groups
– Introduction to Bootstrap Form Groups and Button layouts

MEAN Stack – Social Accounts to Sign-in with Facebook – Day 5

2603 7

We’re ready to move onto the Login Page! In this video we’ll look at the MEAN Stack App Login Page, and look at how to set up a MEAN App with Passport.js Facebook authentication.

MEAN Stack – Intro to AngularJS ngRepeat & ngClass – Day 4

2333 9

We’ll look at two Angular directives, looping through an array using ng-repeat, adding some dynamic styles using ng-class and add them to our MEAN Stack

We look at:
– Two Angular Directives
– Looping through an array using ng-repeat
– adding some dynamic styles using ng-class

MEAN Stack – Intro to Bootstrap Buttons, Glyphicons, Navbar – Day 3

2872 2

We look at:
– Continuing to build based on our App Design (use cases, storyboard, and wireframes)
– An Introduction to Bootstrap Buttons
– An Introduction to Bootstrap Glyphicons
– A Quick Intro to Chrome Developer Tools
– An Introduction to Bootstrap NavBars
– Changing the color of the MEAN Stack NavBar
– Changing the Brand Label on the NavBar

MEAN Stack Intro to Bootstrap Grids Day 2

3939 7

We look at:
– Our App Designs (use cases, storyboard, and wireframes)
– We’ll then take the design and split it into a Bootstrap grid layout.
– Locating the home page in the MEAN Stack app structure
– We start building a responsive web app using Bootstrap!

Overview of the MEAN Stack App Structure Day 1

5228 0

An overview of the key files and folders in the MEAN Stack App Structure. What is the mean stack? What’s in folders like: Public, App, Config, Node_Modules?

The 30 Day MEAN Stack Honolulu Challenge

5416 13

30 jam packed videos with something that you can do with your MEAN Stack app, in less than 15 minutes. A great example and tutorial challenge for anyone new to the mean stack.

Getting started with the MEAN stack

14439 97

The hardest part of web development is not knowing where to start, and over thinking the process. Once you’ve jumped over that hurdle, you’ll wonder what you were so worried about! This post goes through the process of installing the MEAN Stack (MongoDB, Express.js, Angular.js, Node.js).

AngularJS Custom Actions for ExpressJS

AngularJS + Nodemailer Contact Form

MEAN Stack – Deploy to Azure

AngularJS Material Design Toolbar Tips and Tricks

AngularJS Material Design Side Project Sneak Peak

AngularJS Material Starter App in the Mean Stack

AngularJS Material Design in your MEAN Stack

MEAN.js Transition to 0.4 – Part 2

MEAN.js Transition to 0.4 – Part 1

Create a vertical MEAN.js 0.4 crud module

Install MEAN.js 0.4.0 and run using Gulp

Set up a free MongoDB database using Compose.io

MEAN Stack – Side by Side with Version 0.4.0

Add an AngularJS module to your MEAN Stack App

MEAN Stack: Create an AngularJS Controller with Yeoman

MEAN Stack: Create an AngularJS Directive with Yeoman

MEAN Stack: Create an AngularJS Service with Yeoman

MEAN Stack – Deploy to Digital Ocean

MEAN Stack – Deploy to Nodejitsu

MEAN Stack – Deploy to Heroku – Day 30(i)