Jennifer Bland header image
≡ Menu

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 ➞

Data Structures – Linked List, Set and Hash Table

A data structure is a particular way of organizing data in a computer so that it can be used efficiently.  Previously I talked about two very similar data structures – tree and graph. Today I am going to talk about Linked Lists, Sets and Hash Tables.

There are many different types of data structures simply because each one provides certain benefits over the others. One may be better at retrieving data, another might be better at inserting data and yet another might be better in its ability to expand as the size of the data increases.

Continue Reading ➞

6 Skills Every JavaScript Programmer Needs to Have

It is very easy to pick up a programming book on JavaScript and learn the fundamentals. There is a big difference between somebody who knows the fundamentals and a very skilled JavaScript programmer.

There are 6 skills that every JavaScript programmer needs to know. Knowing these skills will set you apart from the competition but it will also provide you with a solid foundation of skills that will support you over the coming years.

Most of the skills are above and beyond what you will find in a basic introduction to JavaScript programming book. The reason is these skills are built upon knowing the foundations of the language already.

You can measure you knowledge of JavaScript by measuring how well you know these six basic skills.

Continue Reading ➞

Hack Reactor Week 5 Review

Monday morning of Week 5 we had an hour long review of our experience from Week 4. Since week 4 is considered the hardest week, there is concern from the instructors that we would be disappointed and frustrated. We all talked about our experiences and realized that we learned quite a bit during the week despite our frustrations.

Week 5 starts out with an introduction to authentication. Now that we have completed our first full-stack application, we need to be able to implement authentication to allow users to create an account and to login to the server.

There are many things to consider when implementing authentication on your server.

  • How do I store user and password information securely
  • What additional steps will the user need to take when interacting with the application
  • What strategies do I need to employ to secure existing site functionality
  • How often should the user need to enter their username and password

Continue Reading ➞