download2017

best content

Watch User Created Playlist (33)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

AngularJS $cacheFactory service

P

AngularJS Architecture: Review

P

AngularJS Architecture: Animate state transitions with ui-router

P

AngularJS Architecture: Delete Bookmark

P

AngularJS Architecture: Edit Bookmark

P

AngularJS Architecture: Create Bookmark

P

AngularJS Architecture: Edit and Create Bookmark States

P

Localize your AngularJS Application with angular-localization

P

AngularJS Architecture: Control your promises with $q

P

AngularJS Architecture: Using $http to load JSON data

P

AngularJS Architecture: Refactor to a data model

P

AngularJS Architecture: Prefer the 'controller as' syntax

P

AngularJS Architecture: navigating between states with ui-router

P

AngularJS Architecture: ui-router state params for sharing information

P

Using ng-aria to automatically improve your AngularJS accessibility

P

AngularJS Architecture: Using ui-router's named views

P

AngularJS Architecture: Basic State with ui-router

P

Organize Code with Sub-Modules into an AngularJS Application

P

Structure Files for an AngularJS Application

P

Introduction to AngularJS Architecture Series

Using the AngularJS scope's $watchCollection method

P

Using AngularJS interceptors with $http

P

AngularJS Batarang

P

Using ng-annotate for min-safe AngularJS

P

Modify State with ng-model and an AngularJS controller

Submit content in a form with AngularJS ng-submit and ng-model

Manage Simple State in an AngularJS Controller

e2e Testing AngularJS Apps with Protractor and SauceLabs

P

Dynamically Display Data with AngularJS Controllers

Bootstrap AngularJS into a Static HTML file

Introduction to Building an AngularJS App

Debounce (delay) User Input in AngularJS with Lodash

P

AngularJS $http service

P
angularjs tutorial about AngularJS $cacheFactory service

AngularJS $cacheFactory service

5:16 angularjs PRO

Angular's $cacheFactory can be used on its own or to customize the behavior of $http calls. This lesson introduces the API and shows how to integrate $cacheFactory into your project.

angularjs tutorial about AngularJS Architecture: Review

AngularJS Architecture: Review

3:44 angularjs PRO

In this lesson, we review the high level concepts that we covered over the course of this series including file structure, sub-modules, data models, ui-router and animations.

angularjs tutorial about AngularJS Architecture: Animate state transitions with ui-router

AngularJS Architecture: Animate state transitions with ui-router

3:46 angularjs PRO

In this lesson, we are going to learn how easy it is to animate ui-router state changes using ngAnimate and about 10 lines of CSS.

angularjs tutorial about AngularJS Architecture: Delete Bookmark

AngularJS Architecture: Delete Bookmark

2:10 angularjs PRO

In this lesson, we are going to complete the functionality for deleting a bookmark. Deleting a bookmark is significantly easier than creating or editing a bookmark with the essence being a single method in the BookmarksModel that we make available to the controller and view.

angularjs tutorial about AngularJS Architecture: Edit Bookmark

AngularJS Architecture: Edit Bookmark

12:18 angularjs PRO

In this lesson, we are going to complete the functionality for editing a bookmark. We will start by augmenting the BookmarksModel and then updating the controller and view to utilize the new functionality. We will also update the BookmarksModel.getBookmarks to cache the bookmarks so that we are not overwriting our updates on every call.

angularjs tutorial about AngularJS Architecture: Create Bookmark

AngularJS Architecture: Create Bookmark

6:29 angularjs PRO

In this lesson, we will complete the functionality to create a bookmark. We start by adding a createBookmark method on the BookmarksModel and then making it available to the CreateBookmarksCtrl. From there, we flesh out the CreateBookmarksCtrl and refactor the template to use the new "Controller as" syntax.

angularjs tutorial about AngularJS Architecture: Edit and Create Bookmark States

AngularJS Architecture: Edit and Create Bookmark States

12:09 angularjs PRO

In this lesson, we continue to dig into ui-router while doing some significant refactoring to our Eggly application.

We will start out by removing MainCtrl entirely from the application as we start to move functionality to more appropriate places with the application. We will build out the edit and create sub-modules to include the states and controllers for editing and creating a bookmark. With our states defined, will leverage them to manage our view instead of the ng-if statements we were previously using. We tie it all together by using CategoriesModel to track the current category and provide functionality to the BookmarksListCtrl.

We cover a lot of material in this lesson as we start to apply the concepts covered previously to finalize functionality in the application.

angularjs tutorial about Localize your AngularJS Application with angular-localization

Localize your AngularJS Application with angular-localization

5:28 angularjs PRO

It is best to start your application's localization efforts early in development, even if you only support one language initially. Libraries like angular-localization help make the process of supporting additional languages much easier.

angularjs tutorial about AngularJS Architecture: Control your promises with $q

AngularJS Architecture: Control your promises with $q

6:26 angularjs PRO

Learn how to manually control how asynchronous requests are handled with the use of promises. Because $http is built to work with promises, we saw a foreshadow of them in the previous lesson. We will take this a step further but seeing how to manually create a promise and then resolve or reject it as we see fit.

angularjs tutorial about AngularJS Architecture: Using $http to load JSON data

AngularJS Architecture: Using $http to load JSON data

7:21 angularjs PRO

Now let's learn how use the $http service to make requests to remote servers. In our case, we will load the data from JSON files and then make them available in our controllers. We will see a few techniques that I frequently use to make working with $http data a lot more convenient.

angularjs tutorial about AngularJS Architecture: Refactor to a data model

AngularJS Architecture: Refactor to a data model

5:53 angularjs PRO

Let's continue to refactor Eggly by introducing a valuable concept known as model promotion. We will start to extract the categories and bookmarks collections from the MainCtrl and promote them to their respective models. We will then learn how to consume those models at the controller level to populate the view.

angularjs tutorial about AngularJS Architecture: Prefer the 'controller as' syntax

AngularJS Architecture: Prefer the 'controller as' syntax

5:02 angularjs PRO

As of Angular 1.2, the use of $scope injectable has been greatly reduced in favor of the "controller as syntax". We are going to take a quick look at cleaning up Eggly to follow this best practice.

angularjs tutorial about AngularJS Architecture: navigating between states with ui-router

AngularJS Architecture: navigating between states with ui-router

5:00 angularjs PRO

Now that we have ui-router states in our Angular application, we can discuss the three ways to activate a state within ui-router. We will programmatically activate a state using $state.go and capture user interactions with the ui-sref directive.

angularjs tutorial about AngularJS Architecture: ui-router state params for sharing information

AngularJS Architecture: ui-router state params for sharing information

4:53 angularjs PRO

Let's learn how to pass information from one state to another within Eggly. We learn how to define a state so that it has parameters in its definition and then read those parameters using the $stateParams service.

angularjs tutorial about Using ng-aria to automatically improve your AngularJS accessibility

Using ng-aria to automatically improve your AngularJS accessibility

5:15 angularjs PRO

Accessibility is an often overlooked essential feature of a web application. a11y Is a critical component of your AngularJS application. It should be considered early in an applications life. The ng-aria module gets you started quickly, adding instant upgrades to your Angular app's accessibility.

Want to learn more about accessibility and AngularJS? Check out this great talk: AngularJS Accessibility by Marcy Sutton at ng-europe 2014

angularjs tutorial about AngularJS Architecture: Using ui-router's named views

AngularJS Architecture: Using ui-router's named views

8:03 angularjs PRO

We'll take a deeper look at ui-router as we introduce named views into Eggly. We will take the basic state that we defined in the previous video and refactor it so that it consists of two unique views within the application.

angularjs tutorial about AngularJS Architecture: Basic State with ui-router

AngularJS Architecture: Basic State with ui-router

5:20 angularjs PRO

We will look at ui-router and learn how we can use it to define unique states with Eggly. This will allow us to leverage the power of a state machine in our AngularJS application, which goes beyond code management and into managing the states that exist within the code.

note the route doesn't actually fire unless you navigate to index.html#/ instead of index.html (see comments)

angularjs tutorial about Organize Code with Sub-Modules into an AngularJS Application

Organize Code with Sub-Modules into an AngularJS Application

4:22 angularjs PRO

Let's look at sub-modules as a mechanism for organizing our code into logical containers that we can then compose into our main application. Leveraging sub-modules is a powerful way to add in new functionality and features into an application while minimizing the impact that it has on the existing code base.

angularjs tutorial about Structure Files for an AngularJS Application

Structure Files for an AngularJS Application

5:51 angularjs PRO

Let's talk about the importance of having a good file structure and how it is is very much like good code in that it is self documenting and friendly to extension. We will introduce the file structure that will serve as the foundation for the rest of the series as we refactor Eggly.

angularjs tutorial about Introduction to AngularJS Architecture Series

Introduction to AngularJS Architecture Series

2:32 angularjs

Ready to start learning about AngularJS Application Architecture? This lesson series is for you. Let's talk about what you will learn.

angularjs tutorial about Using the AngularJS scope's $watchCollection method

Using the AngularJS scope's $watchCollection method

3:11 angularjs PRO

The $watchCollection method on Angular scopes provides a convenient way to watch for changes on the shallow properties of an object.

angularjs tutorial about Using AngularJS interceptors with $http

Using AngularJS interceptors with $http

7:05 angularjs PRO

Sometimes you might need to modify HTTP requests and responses. This could be for a variety of reasons such as adding global logic handling for HTTP errors. With interceptors, you can easily accomplish this in your Angular applications.

angularjs tutorial about AngularJS Batarang

AngularJS Batarang

4:49 angularjs PRO

AngularJS Batarang is a powerful Chrome extension that makes your developer tools "Angular aware".

angularjs tutorial about Using ng-annotate for min-safe AngularJS

Using ng-annotate for min-safe AngularJS

6:03 angularjs PRO

When you minify your code with a tool like Uglify, the resulting minified file will rename variables. This is a problem for AngualrJS, which uses parameter names to provide injected dependencies. You could use the array notation manually, but no human should ever have to suffer this fate, or you could use ng-annotate with Grunt, and let your helper robots get the job done instead.

angularjs tutorial about Modify State with ng-model and an AngularJS controller

Modify State with ng-model and an AngularJS controller

9:13 angularjs

We are going to learn how to edit an existing bookmark by building on a lot of the same techniques from the previous video. We will also learn how to edit a bookmark and not actually save the change back to the collection until we are ready.

Find the code on Github. Tags correspond to the lesson.

angularjs tutorial about Submit content in a form with AngularJS ng-submit and ng-model

Submit content in a form with AngularJS ng-submit and ng-model

5:38 angularjs

We are going to learn how to create a bookmark by adding it to the bookmarks collection. We will learn how to submit the contents of a form to the controller to be processed by exploring ng-submit and ng-model.

The source for this lesson can be found here on Github. Tags correspond to the lessons.

angularjs tutorial about Manage Simple State in an AngularJS Controller

Manage Simple State in an AngularJS Controller

8:44 angularjs

We are going to learn how to manage simple states within our controller. We are going to learn how to toggle between the editing and creating bookmark states and how to sequence those interactions in the controller.

note: The code for this lesson can be found on Github. The tags correspond to the lessons.

angularjs tutorial about e2e Testing AngularJS Apps with Protractor and SauceLabs

e2e Testing AngularJS Apps with Protractor and SauceLabs

6:48 angularjs PRO

When you are running end-to-end (e2e) tests against your AngularJS apps, they will need to be run against a rainbow of varied browsers. This can be a logistics nightmare, but luckily there are services like SauceLabs that can make this much more manageable. In this lesson, we will take a look at configuring and running e2e tests with SauceLabs.

angularjs tutorial about Dynamically Display Data with AngularJS Controllers

Dynamically Display Data with AngularJS Controllers

7:58 angularjs

We are going to take the static HTML elements and dynamically display them on the page by setting up an AngularJS controller and hooking it up with AngularJS templating in the view.

The code for this lesson can be found on Github. Note: the tag name corresponds to the lesson.

angularjs tutorial about Bootstrap AngularJS into a Static HTML file

Bootstrap AngularJS into a Static HTML file

3:48 angularjs

In this lesson, we learn how to take a static HTML page and tap into the power of AngularJS by bootstrapping the framework.

angularjs tutorial about Introduction to Building an AngularJS App

Introduction to Building an AngularJS App

1:54 angularjs

In this lesson, we introduce our sample AngularJS application and discuss our objectives for this series.

angularjs tutorial about Debounce (delay) User Input in AngularJS with Lodash

Debounce (delay) User Input in AngularJS with Lodash

3:42 angularjs PRO

Lodash has an enormous amount of utility functions for dealing with collections and objects in javascript. You can use it in your AngularJS applications to "debounce" user input, or add delay between user actions. This is a common technique for text input to hold firing service calls until the user stops typing for a fraction of a second.

angularjs tutorial about AngularJS $http service

AngularJS $http service

4:05 angularjs PRO

In this lesson, John covers the use of AngularJS's $http service for making requests and handling responses from external web services

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