In this video we’ll start to set-up our AngularJS Create Customer Modal. We’ll begin by turning our create customer view into a Modal window, and get it to popup using the ‘New Customer’ button.
We look at:
– The current create customer view
– Changing the top and bottom of the create customer view to align it with the update customer modal
– Changing our references to refer to the customer create controller
– Changing the controller alias references on the new Create Modal buttons
– Setting up the Create Customer Controller by reusing the existing create function and changing it up
– Using the code for the update customer modal directive as a template to create a new create customer modal directive.
– Adding a reference to our new Modal from the Customer List ‘Create Customer’ button
– Opening up our new Create Customer Modal
Startup Victoria's fireside chat with Paul Bassat and John Collison is underway! It's a full house! #StartupVic pic.twitter.com/Wfr3W5cW7t — Startup Victoria (@StartupVic) July 22, 2014 I really enjoyed going along to the fireside chat with Paul Bassat & John Collison on Tuesday night, and it was great to see some familiar faces in the crowd. […]
In this video we’ll use the yeoman generator to create a new Angular.js directive.
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
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!
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.
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.
I’ll show you my approach to web design, with my first sketches for a new project that I’m working on. A requirements sketch, and some first wonky wire frames.
In this video we’ll take a detailed look the query functionality used to return a list of customers from MongoDB to the Angular scope. We’ll also look at how to display the returned data on the List Customers Page.
We look at:
– The List Customers Page that was created from the Yeoman Generator
– The use of the data-ng-init directive
– The workings behind the find() function
– The working behind the Customers.query and how it maps up to search the MongoDB
– Following through the query function from the Angular controller and through to the router and the customer.server.controller
– The mongoose code that is used to query MongoDB to return a list of customers
– Finding query documentation on the MongoDB website
– Using the AngularJS Batarang Plugin to look at the Customer data on the List Customers Page
– The syntax used to display data from the Angular Customers scope on the List Customers Page
In this video we’ll create our own notification service using an AngularJS Factory with publication and subscription methods. We’ll use this service to send messages between our Create Customer Modal, and our Customer List to refresh the list when a new customer is created.
We look at:
– Creating a new AngularJS notification Factory Service
– Setting up functionality within the Service to send a message and data
– Setting up functionality with the Service to receive a message and data
– Hooking up our Create Customer Controller with the new notification service
– Using the new notification service to send data when a new customer is created
– Hooking up our Customer List directive with the new notification service to update the list when a new customer is created
– Creating a new customer to test out our new Service
An introduction to functional design. We’ll identify a subset of requirements and create an interaction flow. We’ll then look at each step in the interaction flow with: use cases, storyboards, wireframes and business rules.
In this video we’ll use the yeoman generator to create a new Angular.js factory service.