Paths

AngularJS

AngularJS is a complete JavaScript framework for creating dynamic and interactive applications in HTML. Aside from being one of the hottest frameworks on the web, AngularJS is easy to learn yet powerful enough to help you develop complex single-page web applications. This learning path is specific to AngularJS and does not cover Angular 2 topics. Angular 2 was just finalized in September 2016, so our authors are currently working on new courses to cover these fresh topics. Stay tuned!... Read moreRead less

Beginner

Are you ready to find out what all the hype is about with AngularJS? These AngularJS for beginners tutorials will bring you completely up to speed on the hottest JavaScript framework used on the web today. You will learn AngularJS core concepts, common patterns using AngularJS and, finally, some of the best practices to build fully-functioning web applications using AngularJS.

1

AngularJS: Get Started

Description

AngularJS is a complete JavaScript framework for creating dynamic and interactive applications in HTML. This course is designed to cover the core features of the framework using practical, easy to follow examples. We will see how two-way data binding makes it easy to build pages and forms while maintaining simplicity in the JavaScript code, and come to understand the essential abstractions of AngularJS, including modules, controllers, directives, and services. By the end of the course, you'll be able to start building your own single page application using AngularJS.

Table of contents

Course Overview

1m 18s

An Introduction

34m 43s

Controllers

35m 43s

Directives and Views

33m 44s

Services

35m 44s

Routing

36m 51s

2

Angular Fundamentals

Description

In this course, you will learn how simple it is to use Angular to create maintainable and testable single page applications. You will learn how to: bootstrap your Angular application; use AngularJS markup and expressions; create and use controllers; use built-in services and create custom services; turn your application into a SPA using routing; and create your own custom elements and handle events using directives. You will also learn how AngularJS allows you to do all thing using test-driven-development.

Angular: The Big Picture

Description

Angular is exploding in popularity. If you are considering using it on a project, this course will help you understand and evaluate Angular to determine if it's right for your needs.

Table of contents

Introduction

8m 37s

Angular Benefits and Features

11m 33s

Angular Architecture

10m 16s

Complementary Technologies

7m

Angular Gotchas and Problems

15m 32s

Angular vs. X

9m 49s

The Future of Angular

6m 54s

Intermediate

Once you have the basics of AngularJS, this intermediate area will give you a deeper understanding into features like AngularJS services, routing and testing. Building on your existing knowledge of AngularJS, you will also get some valuable insight into some of the best practices within AngularJS development.

4

AngularJS Services In-depth

Description

Services are a major piece of every AngularJS application and will likely make up the majority of the code you write in your own apps. Creating your own services requires understanding the different types of services and how and why to use each of them. The framework also provides lots of built-in services that can help you manage network requests, asynchronous execution, routing, and much more. Taking full advantage of that functionality requires a deep understanding of what is possible and how to use it to fit your particular situation. This course will teach you all of these things so you can build great applications with Google's popular framework.

Table of contents

Introduction and Overview

7m 41s

Creating Services

39m 34s

Common Built-in Services

52m 26s

Networking

51m 42s

Caching and Sharing Data

23m 25s

Service Decorators

8m 31s

5

Angular Routing In-depth

Description

Routing is a fundamental component of Angular applications. Taking full advantage of client-side routing in your Angular apps will lead to better structured code and a better experience for your users, since you will only have to update the portions of the web page that change as they interact with your app. This course will teach you how to implement routing in an Angular app with the most popular frameworks available. You will learn how to work with URLs, parameters, states, view hierarchies, and lots more.

Table of contents

Introduction and Overview

9m 48s

URL-based Routing with ngRoute

48m 52s

State-based Routing with UI-Router

51m 17s

Advanced Routing with UI-Router

24m 34s

6

AngularJS Unit Testing in-depth, Using ngMock

Description

This course introduces the ngMock module for unit testing in AngularJS. The course will cover this module extensively, giving viewers a solid foundation for unit testing AngularJS code. We will learn by doing - building a movie application as we work through each concept of ngMock. By the end of the course, you will have greater fluency when writing unit tests for your AngularJS applications.

Table of contents

Getting Started

11m 59s

First Steps with ngMock’s Core Functions

12m 39s

Unit Testing HTTP Interactions with ngMock

20m 11s

Unit Testing Controllers with ngMock

23m 38s

Unit Testing with Timeouts and Intervals

20m 54s

Unit Testing Directives with $rootScope

15m 33s

Unit Testing with Dates

14m 50s

Unit Testing with Exceptions

7m 43s

Unit Testing with Logging

7m 26s

Testing with ngMockE2E BackEnd

8m 34s

7

AngularJS Directives Fundamentals

Description

Directives are one of the most complex pieces of Angular, but learning to do them properly doesn't have to be a chore. This course will take you from knowing nothing about directives, to knowing everything. Through this course, you will gain a comprehensive understanding of all the pieces of directives and how to build them. More importantly you will learn how to make small, focused, and maintainable directives.

Table of contents

Your First Directive

25m 24s

Events, Scope, and Controllers

40m 16s

Decorator Directives

42m 39s

Transclusion

30m 14s

Structural Directives

31m 15s

Controllers and Nested Directives

20m 25s

Directives and Services

37m 13s

8

AngularJS Line of Business Applications

Description

This course takes you step by step through the process of building line of business Web applications using Angular. It covers layout and routing, accessing data, building and validating forms, defining business logic, and data visualization.

Table of contents

Introduction

18m 27s

Building the First Page

55m 24s

Accessing Data

34m 25s

Routing to Multiple Views - Part 1

37m 10s

Routing to Multiple Views - Part 2

34m 50s

Building Data Entry Forms

42m 51s

Validating Forms

31m 44s

Defining Business Logic in an Angular Service

25m 33s

Visualizing Data With Charts

25m 29s

Exception Handling

20m 30s

Final Words

9m 59s

9

Angular Best Practices

Description

In this course you will take your AngularJS development to the next level by taking a deeper look at developing web applications with Angular. Building on the topics taught in the Angular Fundamentals course, you will take a deeper dive into the components of Angular: Controllers, Services, Filters, Directives, and Views. You will learn techniques that will help you in building applications bigger than tiny sample apps, such as organizing your code, breaking down a page into components, and communicating with the server. You will learn many patterns for more effective development such as patterns for cross-component communication, and patterns for creating an actual model layer. By the end of this course you should feel comfortable embarking upon a medium to large size application in AngularJS.

Table of contents

Course Introduction

9m 21s

Organizing your Code

20m 59s

Writing Controllers & Services

46m 20s

Writing Directives and Views

49m 3s

Dealing with Scope

33m 48s

Communicating Between Components

21m 59s

Breaking Down A Page into Components

31m 31s

Communicating with The Server

46m 6s

Dealing with Models

44m 3s

10

AngularJS Patterns: Clean Code

Description

Once you learn the basics of AngularJS, you encounter decisions that not only affect how well your app will scale and perform, but also how easily it can be maintained. This course takes AngularJS developers beyond the fundamentals to address that next level of problems you encounter. You'll see familiar patterns such as Separation of Concerns (SoC) are at the heart of building solid AngularJS applications. You'll learn techniques to organize code and the right questions to ask yourself that can shape your application patterns. Other topics include: how to extend application design from small, to medium, to large scale apps with many modules, naming conventions, controller techniques, reusable services, creating reusable building blocks, dependency injection, and build automation. By the end of this course, you will have a solid understanding of how to write clean code with AngularJS to create greater implicit readability, make it easier to maintain, and extendable. Sample code for this course can be found here: https://github.com/johnpapa/ng-demos

Table of contents

Course Introduction

15m 57s

Separation of Concerns

20m 12s

Organizing Your App

30m 7s

Modules

31m 36s

Readable Code and AngularJS

19m 41s

Controller Patterns

41m 13s

Annotations and Code Analysis via Gulp Task Automation

29m 49s

Exception Handling

19m 22s

Using a Team Style Guide

3m 41s

Advanced

After you’ve used AngularJS for a while, you’ll be ready for this advanced section of AngularJS tutorials. Here, you will gain knowledge on common application development scenarios, such as working with authorization, nested routes, form validation, error diagnostics and more. Here we will go deeper into topics such as directives, testing and even animations.

11

AngularJS In-Depth

Description

"AngularJS In Action" author Lukas Ruebbelke dives into AngularJS, an intuitive framework that makes it easy to organize code by incorporates concepts like two-way binding, dependency injection and views which results in very testable code.

Table of contents

Hello AngularJS

46m 25s

Build a Strong AngularJS Foundation

1h 1m 6s

AngularJS Directive Basics

57m 14s

Server Side Integration with Angular JS

20m

Testing with AngularJS

25m 49s

Advanced AngularJS Directives

54m 13s

AngularJS Animations

31m 59s

12

Building a SPA Framework Using AngularJS

Description

Do you need a starting point for your Angular SPAs? Menus, dashboards, and widgets are important parts of many Angular apps. In this course, we'll build components to easily add these items to any project. We'll build a feature-rich menu system from scratch, then we'll use angular-gridster to create a dashboard and widget system. We'll package these components with Gulp so that they can be used in any Angular application.

Table of contents

Introduction

7m 58s

Creating a SPA Framework Using AngularJS

32m 54s

Building a Menu Component in AngularJS

49m 58s

Advanced Menu Features

52m 37s

Building a Dashboard and Widgets

37m 16s

Widget Content

56m 59s

Additional Angular SPA Features

50m 37s

13

An AngularJS Playbook

Description

The Playbook contains strategies and patterns for common scenarios in AngularJS applications. After an introductory module, the course looks at managing authorization tokens and a user model using services and HTTP interceptors. The third module provides strategies to implement consistent error handling and display of alert messages to the user. The fourth module will focus on UI topics, including working with an application that requires nested views and modal dialogs. The fifth module demonstrates custom directives you can use to help build and validate forms, including how to dynamically augment a view using the $compile service. The final module of the course will demonstrate techniques you can use to integrate third party libraries, including how to wrap jQuery plugins.

Table of contents

An Overview

7m 54s

Security Playbook

41m 34s

Debugging and Diagnostics Playbook

52m 6s

UI Playbook

51m 15s

Forms Playbook

48m 11s

Integration Playbook

38m 25s

14

Angular 2: First Look

Description

This course is a gentle introduction to the changes that Angular 2 brings, how they compare to Angular 1, and provides an understanding of the architecture and how the core concepts work together to build applications. You will learn how your Angular 1 skills translate and prepare you to build Angular 2 applications. Code samples focus on specific features including Angular 2 components, templates directives, data binding syntax, modules, dependency injection, routing, Http, pipes, and services. All samples are written in TypeScript and run live on the web where you can see and edit them with a click of a button; no setup required.

Table of contents

Course Overview

1m 44s

Angular 2 in Action

5m 21s

Angular 2 Architecture, What��s New and What��s Different

40m 36s

Angular 2 Essentials: Components, Templates, Modules, and Metadata

37m 46s

Displaying Data: Data Binding, Directives, and Pipes

45m 24s

Services, Dependency Injection, and Lifecycle Hooks

37m 9s

Routing and HTTP

29m 48s

Routing

37m 8s

Angular Modules

36m 13s

What you will learn

AngularJS core features

Services and routing in AngularJS

Controller Patterns

Exception Handling

How to organize your AngularJS app

Unit testing in AngularJS

Two-way binding

Dependency injection

How to build reusable components with AngularJS

Pre-requisites

You will need a working knowledge of JavaScript and HTML.

Register for FREE. Get your Pluralsight IQ.

You’ll get unlimited access to adaptive skill assessments that help you validate your skills in as little as 5 minutes, and you'll get to see the Pluralsight platform first hand.

Batch Offer Codes

Be sure to only enter offer codes separated by line breaks and does not include commas.