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
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.
In this video we’ll take the changes that we’ve made to the Angular Customers controller, and start mapping the Angular Model to the Create Customer Page. We also begin to style our Create Customer Page based on our Wireframes.
We look at:
– The Yo generated Create Customer Page, and how we find it using the Angular Routes
– Why the page wouldn’t work because we removed the ‘name’ field from our Schema
– Identify the required bootstrap grid based on our wireframes
– Begin to style the Create Customer Page based on our wireframes
– Some tips and tricks on styling Bootstrap for mobile devices
– We map the Angular customer model to our inputs
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.
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.
Once we’ve locked in a set of requirements, we can start designing! We’ll begin by creating a list of use cases, and storyboards (scenarios). Storyboards and wire-frames are often created in parallel, and changing one normally leads to changes in the other.
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!
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.
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 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.
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!
I’m really interested to see just how far the Angular Web/Mobile development experience has grown over the last few years. So, let’s get into the nitty gritty of starting an Android app using Angular.