Shristi Sharma

Date Title Views Comments

Date
Title
Views
Comments

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

About

0 0

I’ve spent the first decade of my career – yes, that’s 10 big, deadline driven, years of my life – architecting, designing and implementing multi-million dollar enterprise technology solutions, for clients that you know. We’re not talking about Bill’s corner fish and chip shop here (but Bill if you’re reading, I’m always happy to help). […]

Use cases and storyboards – Part 5

843 0

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.

MEAN Stack v.s Meteor – Similar but Different

1112 0

Been wondering how you can leverage your MEAN Stack and/or AngularJS knowledge to create Meteor Apps? So what is Meteor all about, and how did they manage to convince people to invest MILLIONS in what they’re doing?

Make your MEAN Stack App a Meteorjs App

1053 0

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.

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?

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

0 0

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 […]

Quick overview for starting an Android App using Angular

0 0

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.

MEAN Stack – Deploy to Nodejitsu

483 0

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

MEAN Stack – Using an AngularJS UI Modal to Update Customers – Day 19

1936 0

In this video we go through an introduction to using Angular UI, and using Angular UI directives in place of Bootstrap JavaScript components. We also start to set-up our ‘Update Customer’ Modal window.

We look at:
– Using Angular UI Bootstrap for JavaScript Bootstrap components
– When custom directives would be used to include vanilla JavaScript to an Angular App
– An Introduction to Angular UI: http://angular-ui.github.io/bootstrap/
– Working through an example of Angular UI for modal windows
– How the Angular UI modal examples ties back to the example code
– Including Angular UI model code back in our app to create an Update Customer Modal

When new technology is already obsolete

749 0

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 […]

What is GitHub? Open source tips and tricks

849 0

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.

Girl Geek Academy Launch Party!

383 0

The Girl Geek Academy is here! I’ve even signed up to teach! It’s such a great concept – The first female-founded global learning academy for girl geek hackers, hustlers, and hipsters.

Business Processes and Workflows – Part 2

596 0

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.

MEAN Stack – MongoDB Queries & AngularJS Scope – Day 15

1882 0

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

MEAN Stack – Express.js & Client-side Assets – Day 29

1157 0

In this video we’ll look at express.js, and how it hooks together the back-end of our MEAN app. We’ll also look at setting up client side CSS and JS assets for our app, both core and minified versions.

We look at:
– Expressjs.com documents and key pages to start with
– The different packages that make up the express portion of the MEAN Stack
– The Server.js file, and how it is used to connect off to a number of other files that run our app
– The Express.js file, and how different elements of the app files are loaded and used by Express.
– The environment files that are used to load CSS and JS assets for our app
– Loading core and minified files as assets for our app
– Loading assets and connecting to MongoDB in a production environment

Getting started with Nodejs and Arduino UNO Tutorial

935 0

NodeBots Day is just a couple of weeks away, so I want to share what I’ve been doing with Node and Arduino in recent times. This post is aimed at very basic, hello world type examples of using NodeJS as a server to run JavaScript code on Arduino UNO hardware.

Put a little methodology in that madness

318 0

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.

Home Page

0 0

Looking for the Latest Material Design Starter Series? Quick overview for starting an Android App using Angular Jump, Pivot and Prioritise when your company is juggling multiple products 17:23 AngularJS Custom Actions for ExpressJS 13:22 MEAN Stack to Meteorjs – Server Side Email 23:50 Make your MEAN Stack App a Meteorjs App 11:28 MEAN Stack [...]

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

2333 9

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

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.

Getting started with the MEAN stack

14439 97

The hardest part of web development is not knowing where to start, and over thinking the process. Once you’ve jumped over that hurdle, you’ll wonder what you were so worried about! This post goes through the process of installing the MEAN Stack (MongoDB, Express.js, Angular.js, Node.js).

Functional Interaction Design – Part 6

2279 2

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.