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 look at:
– Our App Designs (use cases, storyboard, and wireframes)
– We’ll then take the design and split it into a Bootstrap grid layout.
– Locating the home page in the MEAN Stack app structure
– We start building a responsive web app using Bootstrap!
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.
An overview of the key files and folders in the MEAN Stack App Structure. What is the mean stack? What’s in folders like: Public, App, Config, Node_Modules?
In this post, we’ll take the angular material starter app discussed during ng-conf 2015, and apply it to a MEAN Stack App.
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.
When you’re building software, regardless of whether it’s software that will be installed on a computer (think .exe) or hosted in the cloud (think www), it’s generally a good idea to follow some methodology. I say generally, because you could choose to ignore the methodology.
The downside of not following some methodology is that things may take you a bit longer, with likely repetition and rework. This could be a problem when you’re creating software on a budget and within a specified timeframe; but may not be an issue if you are just starting out and teaching yourself to code.
As a kid, I played a lot of Netball. I even went on to coach and umpire. If you’re familiar with Netball, you’ll know that there is a classic Netball move which allows you to swivel on your landing foot and change direction, this move is called a ‘Pivot’. It may have been all of […]
In this video we’ll use Angular directives and Bootstrap plus a bit of CSS to begin to format our List Customers Page. During the video, we also have a look at Angular Filters and a reference to the Angular documentation for Filters.
We look at:
– Setting up the List Customers Page
– An introduction to Angular Filters
– AngularJS Documentation for Filters on the angular.org website.
– Using population to display the name of the user who created a Customer record
– Using Bootstrap and Angular to format our List of Customers
– Using Bootstrap columns to display differently depending on the device used
– Using CSS to style our User icons
In this tutorial video we’ll look at using AngularJS resource services to communicate between AngularJS and your ExpressJS controllers.
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.
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.