WebStorm Archives ⋆ Page 2 of 2 ⋆ Bossable
  • Latest
  • Store
  • Mean Stack
  • 30 Day MEAN Stack Challenge
  • Web Apps
  • Tech
  • Say Hello
Home \ Tag "WebStorm" (Page 2)

WebStorm

Date Title Views Comments
  • Date
  • Title
  • Views
  • Comments

MEAN Stack – Style the Create Customer Page – Day 13

1724 21

In this video we continue styling the Create Customer Page and look at some Angular functionality. We also create our first Customer Record.

We look at:
– Using CSS to style the Create Customer Page
– Create a new Customers CSS File
– Increase the size of the User Glyphicon
– Align the Referred Checkbox to the left using CSS
– Use ng-class to dynamically change the colour of the User Glyphicon based on the Referred checkbox
– Check if we can create a Customer Record without logging in
– Log into the App so that we can use the Customers Menu
– Create our first Customer record
– Look at how $location can be used to route a user to a new view

MEAN Stack – AngularJS Models in Bootstrap Forms – Day 12

1961 0

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

MEAN Stack – Customer CRUD Module with Yeoman – Day 9

2687 17

In this video we’ll start to look at the Customers Pages, and create our very own Customer CRUD Module using the yeoman generator.

We look at:
– The Customers Pages, including the use case, storyboard and wireframes
– Backing up our work using Git
– The different types of generators available with the MEAN Stack
– Using the Yo scaffolding tool to generate a Customer CRUD (create, read, update, delete) module

MEAN Stack – Responsive Bootstrap Login Forms – Day 6

2265 0

In this video we’ll look at changing the MEAN App Login Page, and start to get it to look like our Login page Wireframe.
We look at:
– The MEAN Stack Sign-in page
– The process for changing the details on the sign-in page
– Introduction to Bootstrap Input Groups
– Introduction to Bootstrap Form Groups and Button layouts

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

2872 2

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

MEAN Stack Intro to Bootstrap Grids Day 2

3939 7

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!

Overview of the MEAN Stack App Structure Day 1

5228 0

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?

The 30 Day MEAN Stack Honolulu Challenge

5416 13

30 jam packed videos with something that you can do with your MEAN Stack app, in less than 15 minutes. A great example and tutorial challenge for anyone new to the mean stack.

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