AngularJS Data Modeling

104 minutes

Data is the bedrock of any application, including your AngularJS project. This series will dive deep into data models, and how to effectively use them in your applications.

AngularJS's solution out of the box is $resource, but this service isn't always the best solution. Many times we need a custom model layer that serves the needs of our application. This series explores building a $resource alternative from scratch using TDD.

It's intended for intermediate-advanced AngularJS developers that want to dig a little deeper to lower level abstractions for core systems in their applications.

pro-course-rss-logo

PRO RSS Feed

Using $resource for Data Models

Create a Model Base Class

P

Model Caching

P

Add Caching to the Model Base Class

P

Refactor The Model Base Class with Mixins

P

Model Validation Design Review

Basic Implementation of Configurable Validations

P

Adding Child Validators

P

Validations Class

P

Mixing in Validatable

P

Errorable Mixin

Finishing Validatable

P

Serializing and Deserializing Data Models in AngularJS

P

Using $resource for Data Models

5:29 angularjs

AngularJS's $resource service allows you to create convenience methods for dealing with typical RESTful APIs. In this video, Brett will show you the basics of using $resource, as well as talking about some of the drawbacks with using this service for your data models.

Create a Model Base Class

3:12 angularjs PRO

You're going to test drive the creation of a robust model layer for an AngularJS application. To get started, we need a solid base class to encapsulate common functionality. In this lesson you'll use Javascript's prototypical inheritance to create the model base class.

Model Caching

4:34 angularjs PRO

Build a simple caching mechanism for your AngularJS data models.

Add Caching to the Model Base Class

6:58 angularjs PRO

In the previous lessons we created a base class and looked at a caching mechanism for our models. In this lesson we will expand on that concept by test driving the addition of caching to our model base class, as well as some initial core functionality. This is advanced subject matter, and will require study of the code as well as watching the video.

angularjs tutorial about Refactor The Model Base Class with Mixins

Refactor The Model Base Class with Mixins

11:20 angularjs PRO

We've built a base class that is starting to sprawl, and now we want to unit test and refactor out the caching logic into a mixin that will handle this functionality.

This lesson is part of a series.

angularjs tutorial about Model Validation Design Review

Model Validation Design Review

7:31 angularjs

We want robust validation for our AngularJS models. This will require a bit of forethought, and this lesson will examine the goals that we have for the validation piece of our model library.

angularjs tutorial about Basic Implementation of Configurable Validations

Basic Implementation of Configurable Validations

9:08 angularjs PRO

With the roadmap set, we will start to implement configurable validations for our Models.

angularjs tutorial about Adding Child Validators

Adding Child Validators

9:30 angularjs PRO

To make our AngularJS data model validation more robust, we want the ability to make complex validators that have child validators.

angularjs tutorial about Validations Class

Validations Class

2:16 angularjs PRO

Now we bring the validations together with a Validations class.

angularjs tutorial about Mixing in Validatable

Mixing in Validatable

12:07 angularjs PRO

Now that the validation component has progressed, we can start mixing it in for usage.

This video is a part of a series, you'll want to watch the earlier lessons before this one.

angularjs tutorial about Errorable Mixin

Errorable Mixin

11:08 angularjs

Now that we have validations, we will want to be able to provide the user feedback on the errors in models. This is useful for forms, and is a critical part of the validation process.

This lesson is part of a series!

angularjs tutorial about Finishing Validatable

Finishing Validatable

13:13 angularjs PRO

We can now finalize the Validatable piece of our data modeling library.

This lesson is part of a series. Be sure to watch the previous lessons to fully understand what is going on!

angularjs tutorial about Serializing and Deserializing Data Models in AngularJS

Serializing and Deserializing Data Models in AngularJS

7:34 angularjs PRO

It is important to have consistent data for your application to use. To achieve this, our modeling library will need to have the ability to serialize and deserialize data received into a format it understands, plain old JavaScript objects.

This lesson is part of a series on building a robust modeling layer in your AngularJS applications.

Presented by:

Brett Cassette

Brett is a comedian and writer who has heard of, but never truly experienced, programming

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?