In this video we’ll continue setting up our Update Customer Modal instance using Angular UI. We’ll focus on the buttons within the Modal to trigger the update function, save the data and close the Modal window, or cancel out of the Modal window.
We look at:
– A recap of our Angular UI Customer Update Modal
– Locating the ‘ok’ and ‘cancel’ functions from the Angular UI documentation
– Adding the ‘ok’ and ‘cancel’ functions to the Update Modal instance
– Aligning our button details to our wireframes
– Adding the update function to the Customers Update Controller
– Adding a reference to the update function from the Update Modal
– Testing out our Model by updating customer details
Quick steps to show you how to remove your existing version of AngularJS Batarang, and how to install a ‘working’ version.
So you can see your Angular Scopes and Models again!
In this video we’ll prepare our mean.js app and get it ready to deploy!!
We look at:
– Using the Grunt Build command to create our application files
– Setting up a new MongoDB for production
– Hooking our new MongoDB instance in our production file
– Commit our file changes using Git
Woohoo now we’re ready to deploy!
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
GitHub: has millions of public and private repositories, with thousands more being added everyday. GitHub repositories or ‘repos’, are used as a collaborative means of source control. Github allows a granular level of change control and code management. This means that code changes can be clearly identified, issues can be addressed, and new features can be requested, all in one place.
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
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.
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.
In this video I’ll introduce you to two of my favourite tools, Mongo Explorer and AngularJS Batarang.
We look at:
– Mongo Explorer – a Webstorm Plugin which lets us connect to our MongoDB and explore our Collections and the records contained within them
– AngularJS Batarang – a Chrome Plugin which helps us take a sneak peak behind our view
In this video we’ll continue setting up our Update Customer Modal instance using Angular UI. We’ll focus on formatting and styling the Modal window to include the fields and styles that we need based on our wireframes.
We look at:
– A recap of our Angular UI Customer Update Modal
– Connecting to the customers scope to pass a selected customer’s details through to our Modal
– Updating the html template so that we have the formatting and styles as per our wireframes
– Testing to see if our Modal works with our ng-click directive
– Updating our html styles based on styles which are already part of the modal classes
– Passing through the details of a selected customer to the Update Modal
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
It can be really frustrating when setting up your Windows environment for NodeJS, with packages like Yo, Grunt, Bower etc and Stack Overflow says Fix your PATH