Bossable: idea to boss with fun tutorials, examples and videos
  • Latest
  • Store
  • Mean Stack
  • 30 Day MEAN Stack Challenge
  • Web Apps
  • Tech
  • Say Hello
BOSSABLE
  • MEAN Stack – Side by Side with Version 0.4.0
  • MEAN Stack – Using an AngularJS UI Modal to Update Customers – Day 19
  • Business Processes and Workflows – Part 2
  • MEAN Stack – Style our AngularJS Create Modal & Delete Customers – Day 26
  • MEAN Stack – Save data with an AngularJS Modal – Day 22
  • MEAN Stack – AngularJS & PassportJS Login Credentials – Day 7
  • MEAN Stack – Customer Search using AngularJS Filters – Day 18
  • Girl Geek Academy Launch Party!
  • Material Design Web App Thinking + MeteorJS & AngularJS 2
  • MEAN Stack: Create an AngularJS Controller with Yeoman
  • MEAN Stack – Intro to Bootstrap Buttons, Glyphicons, Navbar – Day 3
  • MEAN.js Transition to 0.4 – Part 1
  • Create a vertical MEAN.js 0.4 crud module
  • Which JavaScript web framework should I use?
  • Functional Interaction Design – Part 6
  • MEAN Stack – Modelling with Mongoose – Day 10
  • Quick overview for starting an Android App using Angular
  • Jump, Pivot and Prioritise when your company is juggling multiple products
  • MEAN Stack – Intro to AngularJS ngRepeat & ngClass – Day 4
  • MEAN Stack – MongoDB Queries & AngularJS Scope – Day 15
MEAN Stack – Deploy to Nodejitsu

MEAN Stack – Deploy to Nodejitsu

October 4, 2014 by bossable

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

View Details
Behaviour Driven Requirements – Part 4

Behaviour Driven Requirements – Part 4

July 31, 2014 by bossable

Behaviour driven tests are also a great way to make sure that the requirements aren’t forgotten about as the project progresses. There’s no better way to show progress than when you can easily show how many tests are passing at any point in time.

View Details
AngularJS Material Design Autocomplete

AngularJS Material Design Autocomplete

May 25, 2015 by bossable

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.

View Details
When new technology is already obsolete

When new technology is already obsolete

July 15, 2014 by bossable

I’ve been using the MEAN stack for quite some time now (MEAN is a web app stack which consists of MongoDB, Express, Angular, Node). In the last few months, the stack, predominately the ‘A’ (Angular.js) part of the stack has gone through a process of transition. This has been a bit of an awkward time […]

View Details
AngularJS Material Design Side Project Sneak Peak

AngularJS Material Design Side Project Sneak Peak

March 23, 2015 by bossable

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.

View Details
Web App development: how do you build a web app?

Web App development: how do you build a web app?

July 16, 2014 by bossable

To help lift the veil of secrecy around where software comes from, and how to actually make it work for you and your business, lets go through a step by step approach of architecting, designing, and developing a web app.

View Details
MEAN Stack – Style our AngularJS Create Modal & Delete Customers – Day 26

MEAN Stack – Style our AngularJS Create Modal & Delete Customers – Day 26

September 28, 2014 by bossable

In this video we’ll style our AngularJS Create Customer Modal, and create our first customer using our new Modal. We’ll then add functionality to delete Customers from our list.

We look at:
– A quick recap of opening up our new Create Customer Modal
– Changing the ng-class reference for the Referred field (from danger to pink)
– Making the Surname field a required field
– Creating a reference from our model fields back to our controller
– Creating a new customer using our Create Customer Modal
– Checking our console logs to tell if our record was saved
– Refreshing the page to show our new customer record
– The functions that are still missing from our Controllers
– Adding ‘Delete’ functionality to our controller
– Adding a new button with ng-click to call the delete functionality
– Deleting a customer record from our list of customers

View Details
MEAN Stack – Intro to AngularJS ngRepeat & ngClass – Day 4

MEAN Stack – Intro to AngularJS ngRepeat & ngClass – Day 4

September 6, 2014 by bossable

We’ll look at two Angular directives, looping through an array using ng-repeat, adding some dynamic styles using ng-class and add them to our MEAN Stack

We look at:
– Two Angular Directives
– Looping through an array using ng-repeat
– adding some dynamic styles using ng-class

View Details
MEAN Stack – Intro to Bootstrap Buttons, Glyphicons, Navbar – Day 3

MEAN Stack – Intro to Bootstrap Buttons, Glyphicons, Navbar – Day 3

September 5, 2014 by bossable

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

View Details
MEAN Stack – Save data with an AngularJS Modal – Day 22

MEAN Stack – Save data with an AngularJS Modal – Day 22

September 24, 2014 by bossable

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

View Details
AngularJS Material Design Toolbar Tips and Tricks

AngularJS Material Design Toolbar Tips and Tricks

March 30, 2015 by bossable

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.

View Details
MEAN Stack – Modal Styling & AngularJS Form Validation – Day 23

MEAN Stack – Modal Styling & AngularJS Form Validation – Day 23

September 25, 2014 by bossable

In this video we’ll make some final changes to our Update Customer Modal instance using Angular UI. We’ll use the AngularJS data-model references and classes, as well as an introduction to Form validation with AngularJS.

We look at:
– A recap of our Angular UI Customer Update Modal
– Using the AngularJS curly brackets to display the name of customer in the Modal
– Updating the refererence to the ‘referred’ data model
– Updating the colour of the User glyphicon when the referred icon is checked using ng-class
– Form validation by adding mandatory fields to our Modal
– Adding a Form name to reference our Form from our Controller
– Checking to see if a Form is valid from within our Controller
– Disabling the Save & Close button when the Form is invalid

View Details
MEAN Stack – Deploy to Nodejitsu

MEAN Stack – Deploy...

Behaviour Driven Requirements – Part 4

Behaviour Driven Requirements –...

AngularJS Material Design Autocomplete

AngularJS Material Design Autocomplete

When new technology is already obsolete

When new technology is...

AngularJS Material Design Side Project Sneak Peak

AngularJS Material Design Side...

Web App development: how do you build a web app?

Web App development: how...

MEAN Stack – Style our AngularJS Create Modal & Delete Customers – Day 26

MEAN Stack – Style...

MEAN Stack – Intro to AngularJS ngRepeat & ngClass – Day 4

MEAN Stack – Intro...

MEAN Stack – Intro to Bootstrap Buttons, Glyphicons, Navbar – Day 3

MEAN Stack – Intro...

MEAN Stack – Save data with an AngularJS Modal – Day 22

MEAN Stack – Save...

AngularJS Material Design Toolbar Tips and Tricks

AngularJS Material Design Toolbar...

MEAN Stack – Modal Styling & AngularJS Form Validation – Day 23

MEAN Stack – Modal...

Looking for the Latest Material Design Starter Series?

Quick overview for starting an Android App using Angular

Quick overview for starting an Android App using Angular

Jump, Pivot and Prioritise when your company is juggling multiple products

Jump, Pivot and Prioritise when your company is juggling multiple products

AngularJS Custom Actions for ExpressJS17:23

AngularJS Custom Actions for ExpressJS

MEAN Stack to Meteorjs – Server Side Email13:22

MEAN Stack to Meteorjs – Server Side Email

Make your MEAN Stack App a Meteorjs App23:50

Make your MEAN Stack App a Meteorjs App

MEAN Stack v.s Meteor – Similar but Different11:28

MEAN Stack v.s Meteor – Similar but Different

AngularJS Material Design Autocomplete12:59

AngularJS Material Design Autocomplete

AngularJS + Nodemailer Contact Form14:41

AngularJS + Nodemailer Contact Form

AngularJS Material Design Tabs, Forms & Toasts22:56

AngularJS Material Design Tabs, Forms & Toasts

Take back control of your -g NodeJS packages on Windows

Take back control of your -g NodeJS packages on Windows

Which JavaScript web framework should I use?

Which JavaScript web framework should I use?

Material Design Web App Thinking + MeteorJS & AngularJS 211:04

Material Design Web App Thinking + MeteorJS & AngularJS 2

3 Tips for your Material Design Wireframes04:05

3 Tips for your Material Design Wireframes

Designing a new web app from scratch05:06

Designing a new web app from scratch

MEAN Stack – Deploy to Azure07:25

MEAN Stack – Deploy to Azure

AngularJS Material Design Toolbar Tips and Tricks25:01

AngularJS Material Design Toolbar Tips and Tricks

AngularJS Material Design Side Project Sneak Peak04:23

AngularJS Material Design Side Project Sneak Peak

AngularJS Material Starter App in the Mean Stack

AngularJS Material Starter App in the Mean Stack

Design your Web Apps with Bootstrap Wireframes05:41

Design your Web Apps with Bootstrap Wireframes

AngularJS Material Design in your MEAN Stack12:01

AngularJS Material Design in your MEAN Stack

MEAN Stack 0.4.0 with vertical modules

Install MEAN.js 0.4.0 and run using Gulp10:09

Install MEAN.js 0.4.0 and run using Gulp

Create a vertical MEAN.js 0.4 crud module02:43

Create a vertical MEAN.js 0.4 crud module

MEAN.js Transition to 0.4 – Part 112:45

MEAN.js Transition to 0.4 – Part 1

MEAN.js Transition to 0.4 – Part 210:35

MEAN.js Transition to 0.4 – Part 2

Set up a free MongoDB database using Compose.io02:12

Set up a free MongoDB database using Compose.io

MEAN Stack – Side by Side with Version 0.4.013:02

MEAN Stack – Side by Side with Version 0.4.0

AngularJS Material Design in your MEAN Stack12:01

AngularJS Material Design in your MEAN Stack

AngularJS Material Starter App in the Mean Stack

AngularJS Material Starter App in the Mean Stack

Start the 30 Day Mean Stack Honolulu Challenge!

Quick overview for starting an Android App using Angular

Quick overview for starting an Android App using Angular

I'm really interested to see just how far the Angular Web/Mobile development experience has grown over the last few years.
Jump, Pivot and Prioritise when your company is juggling multiple products

Jump, Pivot and Prioritise when your company is juggling multiple products

As a kid, I played a lot of Netball. I even went on to coach and umpire. If you’re familiar
AngularJS Custom Actions for ExpressJS 17:23

AngularJS Custom Actions for ExpressJS

In this tutorial video we'll look at using AngularJS resource services to communicate between AngularJS and your ExpressJS controllers.
MEAN Stack to Meteorjs – Server Side Email 13:22

MEAN Stack to Meteorjs – Server Side Email

How can you take the server side of your expressJS based, Mean Stack app, and turn it into a Meteor
Make your MEAN Stack App a Meteorjs App 23:50

Make your MEAN Stack App a Meteorjs App

Lets take the Mean Stack angular material design app created in the AngularJs Material Starter series, and move the code
MEAN Stack v.s Meteor – Similar but Different 11:28

MEAN Stack v.s Meteor – Similar but Different

Been wondering how you can leverage your MEAN Stack and/or AngularJS knowledge to create Meteor Apps? So what is Meteor
AngularJS Material Design Autocomplete 12:59

AngularJS Material Design Autocomplete

In this tutorial video we'll get fancy with Autocomplete! We'll look at some sweet little tricks that you can use
AngularJS + Nodemailer Contact Form 14:41

AngularJS + Nodemailer Contact Form

In this tutorial video we'll create a working contact form! Each time a user sends a message using the contact
AngularJS Material Design Tabs, Forms & Toasts 22:56

AngularJS Material Design Tabs, Forms & Toasts

We'll pick this video up from the end of the AngularJS Material Design Toolbar Tips and Tricks and extend it
Take back control of your -g NodeJS packages on Windows

Take back control of your -g NodeJS packages on Windows

It can be really frustrating when setting up your Windows environment for NodeJS, with packages like Yo, Grunt, Bower etc
Which JavaScript web framework should I use?

Which JavaScript web framework should I use?

Ever felt like: OMG! Which web framework should I use? How do I know if I'm picking the right one?
Material Design Web App Thinking + MeteorJS & AngularJS 2 11:04

Material Design Web App Thinking + MeteorJS & AngularJS 2

We go behind the scenes with early designs for a Material Design Web App that I'm working on, and some
3 Tips for your Material Design Wireframes 04:05

3 Tips for your Material Design Wireframes

Here are 3 quick tips that will help you create beautiful Material Design Wire-frames, with templates, icons, and colour combinations.
Designing a new web app from scratch 05:06

Designing a new web app from scratch

I'll show you my approach to web design, with my first sketches for a new project that I'm working on.
MEAN Stack – Deploy to Azure 07:25

MEAN Stack – Deploy to Azure

In this video we'll look at: Nodejitsu is shutting down! We'll deploy a mean stack app to Azure. We'll look
AngularJS Material Design Toolbar Tips and Tricks 25:01

AngularJS Material Design Toolbar Tips and Tricks

We look through the AngularJS Material Design starter app, with tips and tricks for Toolbars: including, layout="row", layout="column", md-tall, tabs
AngularJS Material Design Side Project Sneak Peak 04:23

AngularJS Material Design Side Project Sneak Peak

I've been playing around with Angular Material a lot lately, and I've been really impressed with how easy it is
AngularJS Material Starter App in the Mean Stack

AngularJS Material Starter App in the Mean Stack

In this post, we'll take the angular material starter app discussed during ng-conf 2015, and apply it to a MEAN
Design your Web Apps with Bootstrap Wireframes 05:41

Design your Web Apps with Bootstrap Wireframes

In this video we'll look at how you can quickly and easily create professional looking wireframes using Adobe Illustrator, and
AngularJS Material Design in your MEAN Stack 12:01

AngularJS Material Design in your MEAN Stack

In this video we'll add the angular-material package to meanjs, and set up the mean stack to use the angular

Quick overview for starting an Android App using Angular
Jump, Pivot and Prioritise when your company is juggling multiple products
AngularJS Custom Actions for ExpressJS17:23
MEAN Stack to Meteorjs – Server Side Email13:22
Make your MEAN Stack App a Meteorjs App23:50
MEAN Stack v.s Meteor – Similar but Different11:28
AngularJS Material Design Autocomplete12:59
AngularJS + Nodemailer Contact Form14:41
AngularJS Material Design Tabs, Forms & Toasts22:56
Take back control of your -g NodeJS packages on Windows
Which JavaScript web framework should I use?
Material Design Web App Thinking + MeteorJS & AngularJS 211:04
3 Tips for your Material Design Wireframes04:05
Designing a new web app from scratch05:06
MEAN Stack – Deploy to Azure07:25
AngularJS Material Design Toolbar Tips and Tricks25:01
AngularJS Material Design Side Project Sneak Peak04:23
AngularJS Material Starter App in the Mean Stack
Design your Web Apps with Bootstrap Wireframes05:41
AngularJS Material Design in your MEAN Stack12:01

Already Built an App? Lets Deploy!

MEAN Stack – Prepare the Build Package for Deployment – Day 306:18

MEAN Stack – Prepare the Build Package for Deployment – Day 30

MEAN Stack – Deploy to Heroku – Day 30(i)6:21

MEAN Stack – Deploy to Heroku – Day 30(i)

MEAN Stack – Deploy to Digital Ocean16:16

MEAN Stack – Deploy to Digital Ocean

MEAN Stack – Deploy to Azure07:25

MEAN Stack – Deploy to Azure

Looking for an intro to functional design?

Web App development: how do you build a web app?

Web App development: how do you build a web app?

Analyse and Identify the Problem – Part 1

Analyse and Identify the Problem – Part 1

Business Processes and Workflows – Part 2

Business Processes and Workflows – Part 2

Business Goals, Feasibility and Fit Gap – Part 3

Business Goals, Feasibility and Fit Gap – Part 3

Behaviour Driven Requirements – Part 4

Behaviour Driven Requirements – Part 4

Use cases and storyboards – Part 5

Use cases and storyboards – Part 5

Functional Interaction Design – Part 6

Functional Interaction Design – Part 6

Bossable - From idea to boss, with fun and friendly tutorials and videos
  • © Bossable 2015
  • Tech
  • Mean Stack
  • Contact Us
  • Privacy
  • Terms
  • Close
  • Latest
  • Store
  • Mean Stack
  • 30 Day MEAN Stack Challenge
  • Web Apps
  • Tech
  • Say Hello