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 tutorial video we’ll get fancy with Autocomplete! We’ll look at some sweet little tricks that you can use when you’re working with small datasets. Both Local and Remote/Server side sets of data can be handled in a similar once the data is available to AngularJS.
In this video we’ll use the yeoman generator to create a new Angular.js factory service.
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
Lets take the Mean Stack angular material design app created in the AngularJs Material Starter series, and move the code into a new Meteorjs app.
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 create our own custom AngularJS directive. We’ll look at pulling out our list of customers and putting it into its own template, we’ll then glue the view and list back together using a directive.
We look at:
– An introduction to directives
– Locating Angular directives within our code
– Different types of directives
– The AngularJS documentation on directives
– Referring to directives using camel-case
– Creating our own custom elements/tags
– Moving our reusable code into a template
– Gluing our custom elements and template together using a directive
– Cleaning up our customer routes
A context diagram is a great place to start exploring. It lets us look at a problem from the outside, and peel away the layers until we get to the core. This is a great way to understand how a business interacts with the entities that live outside of it.
We go behind the scenes with early designs for a Material Design Web App that I’m working on, and some insight into the types of things that designers need to consider for UX that is created for a specific audience.
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
I had so much fun mentoring at NodeBots day in Melbourne! I got to meet a great bunch of people from such diverse backgrounds, and all with a love for learning and experimenting. The day started off with registrations. We got to the venue just before 10am, and people were already lining up, so the registration process […]
In this video we’ll update the customers model, and look at how the model links through the various files and down to the angular customer controller. Then we’ll start making some updates to our angular controller.
We look at:
– Quick updates to the Customers Model
– The glue between the Customers Server Model and the Customers Server Controller
– The glue between the Customers Server Controller and the Server Routes
– The glue between the Server Routes and the Angular Factory Service
– The glue between the Angular Customers Factory Service and the Angular Customers Controller
– Lastly, we update the create function within the Angular Customers Controller to include the data that we want to pass to our Customers Server Model