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

Mean Stack

Date Title Views Comments

Date
Title
Views
Comments

AngularJS Custom Actions for ExpressJS

824 1

In this tutorial video we’ll look at using AngularJS resource services to communicate between AngularJS and your ExpressJS controllers.

AngularJS + Nodemailer Contact Form

1954 5

In this tutorial video we’ll create a working contact form! Each time a user sends a message using the contact form, an email will be sent to your designated email address.

MEAN Stack – Deploy to Azure

863 6

In this video we’ll look at: Nodejitsu is shutting down! We’ll deploy a mean stack app to Azure. We’ll look at how to create an Azure Web App, deploying to Azure using continuous source control, and fixing .NET errors following deployment.

AngularJS Material Design Toolbar Tips and Tricks

5433 0

We look through the AngularJS Material Design starter app, with tips and tricks for Toolbars: including, layout=”row”, layout=”column”, md-tall, tabs and themes.

AngularJS Material Design Side Project Sneak Peak

1552 3

I’ve been playing around with Angular Material a lot lately, and I’ve been really impressed with how easy it is to create pretty web apps, (once you get the hang of it).

There are so many cool things that I’d like to share, but I don’t know where to begin! So in this video, I’ll take you through my latest side project, and show you the types of things that are possible.

AngularJS Material Starter App in the Mean Stack

6012 15

In this post, we’ll take the angular material starter app discussed during ng-conf 2015, and apply it to a MEAN Stack App.

AngularJS Material Design in your MEAN Stack

3532 11

In this video we’ll add the angular-material package to meanjs, and set up the mean stack to use the angular material toolbar header.

MEAN.js Transition to 0.4 – Part 2

553 0

In this video, we’ll take the app that we prepared as part of the 30 day mean stack app challenge, and move the customer module files across into the new 0.4 app structure.

MEAN.js Transition to 0.4 – Part 1

785 0

In this video, we’ll take the app that we prepared as part of the 30 day MEAN Stack Challenge, and move the files across into the new MEAN.js 0.4 app structure.

Create a vertical MEAN.js 0.4 crud module

1778 13

In this video we’ll create a vertical module for MEAN.js 0.4 using the yeoman meanjs generator!

Install MEAN.js 0.4.0 and run using Gulp

2698 31

It’s time to take MEAN.js version 0.4.0 for a spin! We’ll go through the installation process using the new generator, and run the new app using gulp.

Set up a free MongoDB database using Compose.io

1220 2

Wondering how to set up a free MongoDB database online? This video goes through the quick steps to show you how to set up a Free MongoDB sandbox database using www.compose.io.

You’ll have your database ready in a couple of minutes!

MEAN Stack – Side by Side with Version 0.4.0

1117 8

In this video we’ll compare the current version of MEAN.js and the upcoming version of the MEAN Stack to get an overview of the new folder structure as part of a sneak peak into version 0.4.0!

Add an AngularJS module to your MEAN Stack App

1273 4

I’ve been getting a few questions on how to go about adding external/custom modules to a MEAN Stack app. If the module is vanilla JavaScript, it’ll need some additional work to create one or more directives, but assuming you have an Angular module, such as one from this site: http://ngmodules.org/, then the process is fairly […]

MEAN Stack: Create an AngularJS Controller with Yeoman

426 0

In this video we’ll use the yeoman generator to create new Angular.js Controller and test files.

MEAN Stack: Create an AngularJS Directive with Yeoman

400 0

In this video we’ll use the yeoman generator to create a new Angular.js directive.

MEAN Stack: Create an AngularJS Service with Yeoman

381 0

In this video we’ll use the yeoman generator to create a new Angular.js factory service.

MEAN Stack – Deploy to Digital Ocean

959 3

In this video we’ll deploy our app to DigitalOcean.
For a free $10 Credit – use my referral ID: 3077d5b2118a www.digitalocean.com/?refcode=3077d5b2118a

We look at:
– The quick steps to create a new Digital Ocean account
– Downloading PuTTY if you’re using a Windows machine
– Creating SSH keys using PuTTYgen
– Adding SSH keys to Digital Ocean
– Creating a new Node.js Droplet
– Using PuTTY to connect to our new Droplet
– Checking the Node.js version of our Droplet
– Push our app up quickly to Bitbucket or GitHub
– Copy the SSH/HTTPS link for our Bitbucket project
– Install Git on our Droplet
– Create a copy of the app on our Droplet using Git and Bitbucket
– CD into the folder for the new app
– Npm install
– Bower install
– Grunt install
– Run our app using Grunt
– Connecting and opening up our app

MEAN Stack – Deploy to Nodejitsu

483 0

In this video we’ll deploy our app to Nodejitsu. Installing the npm package ‘jitsu’, Using the jitsu package, Updating our package.json file for Nodejitsu

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

2255 18

In this video we’ll deploy our app to Heroku

We look at:
– Downloading the Heroku toolbelt from https://toolbelt.heroku.com/
– Signing up to Heroku from https://www.heroku.com/
– Deploying to Heroku