Jennifer Bland header image
≡ Menu

How well do you really know CSS?

Many people that have created their own website or blog consider themselves really good with CSS. The question is how well do you really know CSS?

Take this challenge and see how well you can answer these questions on CSS. At the end I have given answers to all of the CSS questions.

Good luck and let’s sell how well you really know CSS.

[continue reading…]

Jumpstart Development with the use of Generators

Any time you need to start a new development project from scratch you will find yourself writing the same basic set of code over and over. There is a better – and faster – way of overcoming that shortcoming by using generators.

Generators are pre-packed sets of code that give you the basic framework that you will need in your project. There are many different generators that are available for you to use.

Most of my projects run using the MEAN stack. The MEAN stack is an abbreviation for a project that uses MongoDB, Express, AngularJS and Node.js.

When writing projects I go through the same process of setting up the server, installing Angular and configuring authentication for my project. What if there is a way to start any MEAN stack project with all of this done for you?

[continue reading…]

Introduction to AngularJS – Filter, ng-class and 2 way data binding

This is part two in my Introduction to AngularJS series.

In my first class I demonstrated how to create your first AngularJS application. The application was the start of website for our fictional Mandarian Spa company. The website provided a list of all the services offered by the spa including their price and whether or not that service was currently available.

In this lesson we are going to improve on our existing website by providing these services:

  • Formatting Prices properly
  • Change Availability column to only show Sold Out
  • Add class if service is sold out
  • Add a Filter to search by services
  • Add two way data binding

[continue reading…]

Introduction to AngularJS – Your First Angular Application

AngularJS is a JavaScript framework designed to create dynamic web app by adding interactivity to HTML. AngularJS will add simplicity and productivity to your websites.

AngularJS is perfect for Single Page Applications(SPA). Common examples of SPAs are Facebook, Twitter and Gmail.

A common misunderstanding is that SPA only have one page of content. That is not true. With a SPA you can navigate to different pages in a website WITHOUT having to load in a new webpage like you would with a traditional website. Angular provides the framework to load this information for you dynamically as you navigate around.

Here is the SPA application that we will be building as your first AngularJS application.

First AngularJS App
[continue reading…]