Paths

AngularJS

Authors: Scott Allen, Bradley Braithwaite, Jim Cooper, Joe Eames, Deborah Kurata, John Papa, Lukas Ruebbelke, Brice Wilson, Mark Zamoyta

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... Read more

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.

AngularJS: Get Started

by Scott Allen

Jun 6, 2014 / 2h 58m

2h 58m

Start Course
Description

Hello! My name is Scott Allen, and welcome to AngularJS: Get Started. In this course, you will learn about the core features of the JavaScript framework using practical, easy to follow examples. You will get there by learning major topics like 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 this course, you will be able to start building your own single page application using AngularJS. Before you begin, make sure you are already familiar with the basics of JavaScript and HTML. Optional And after this course, you’ll be ready to move on to deeper Angular topics like Angular components, routing, and forms. I hope you’ll join me, and I look forward to helping you on your learning journey here at Pluralsight.

Table of contents
  1. Course Overview1m
  2. An Introduction34m
  3. Controllers35m
  4. Directives and Views33m
  5. Services35m
  6. Routing36m

AngularJS Fundamentals

by Joe Eames

May 17, 2013 / 6h 51m

6h 51m

Start Course
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.

Table of contents
  1. Course Overview1m
  2. Introduction to Angular25m
  3. Angular Controllers & Markup1h 23m
  4. Creating and Using Angular Services1h 23m
  5. Angular Routing51m
  6. Creating Custom Angular Directives1h 16m
  7. Testing Angular1h 29m

AngularJS: The Big Picture

by Joe Eames

May 13, 2015 / 1h 9m

1h 9m

Start Course
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
  1. Introduction8m
  2. Angular Benefits and Features11m
  3. Angular Architecture10m
  4. Complementary Technologies7m
  5. Angular Gotchas and Problems15m
  6. Angular vs. X9m
  7. The Future of Angular6m

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.

AngularJS Services In-depth

by Brice Wilson

Feb 24, 2015 / 3h 3m

3h 3m

Start Course
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
  1. Introduction and Overview7m
  2. Creating Services39m
  3. Common Built-in Services52m
  4. Networking51m
  5. Caching and Sharing Data23m
  6. Service Decorators8m

AngularJS Routing In-depth

by Brice Wilson

Sep 4, 2015 / 2h 14m

2h 14m

Start Course
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
  1. Introduction and Overview9m
  2. URL-based Routing with ngRoute48m
  3. State-based Routing with UI-Router51m
  4. Advanced Routing with UI-Router24m

AngularJS Unit Testing in-depth, Using ngMock

by Bradley Braithwaite

Nov 17, 2015 / 2h 23m

2h 23m

Start Course
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
  1. Getting Started11m
  2. First Steps with ngMock’s Core Functions12m
  3. Unit Testing HTTP Interactions with ngMock20m
  4. Unit Testing Controllers with ngMock23m
  5. Unit Testing with Timeouts and Intervals20m
  6. Unit Testing Directives with $rootScope15m
  7. Unit Testing with Dates14m
  8. Unit Testing with Exceptions7m
  9. Unit Testing with Logging7m
  10. Testing with ngMockE2E BackEnd8m

AngularJS Directives Fundamentals

by Joe Eames

Jan 30, 2015 / 3h 47m

3h 47m

Start Course
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
  1. Your First Directive25m
  2. Events, Scope, and Controllers40m
  3. Decorator Directives42m
  4. Transclusion30m
  5. Structural Directives31m
  6. Controllers and Nested Directives20m
  7. Directives and Services37m

AngularJS Line of Business Applications

by Deborah Kurata

Sep 26, 2014 / 5h 36m

5h 36m

Start Course
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
  1. Introduction18m
  2. Building the First Page55m
  3. Accessing Data34m
  4. Routing to Multiple Views - Part 137m
  5. Routing to Multiple Views - Part 234m
  6. Building Data Entry Forms42m
  7. Validating Forms31m
  8. Defining Business Logic in an Angular Service25m
  9. Visualizing Data With Charts25m
  10. Exception Handling20m
  11. Final Words9m

AngularJS Best Practices

by Joe Eames

Oct 25, 2013 / 5h 3m

5h 3m

Start Course
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
  1. Course Introduction9m
  2. Organizing your Code20m
  3. Writing Controllers & Services46m
  4. Writing Directives and Views49m
  5. Dealing with Scope33m
  6. Communicating Between Components21m
  7. Breaking Down A Page into Components31m
  8. Communicating with The Server46m
  9. Dealing with Models44m

AngularJS Patterns: Clean Code

by John Papa

Oct 8, 2014 / 3h 31m

3h 31m

Start Course
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
  1. Course Introduction15m
  2. Separation of Concerns20m
  3. Organizing Your App30m
  4. Modules31m
  5. Readable Code and AngularJS19m
  6. Controller Patterns41m
  7. Annotations and Code Analysis via Gulp Task Automation29m
  8. Exception Handling19m
  9. Using a Team Style Guide3m

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.

AngularJS In-Depth

by Lukas Ruebbelke

Nov 19, 2013 / 4h 56m

4h 56m

Start Course
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
  1. Hello AngularJS46m
  2. Build a Strong AngularJS Foundation1h 1m
  3. AngularJS Directive Basics57m
  4. Server Side Integration with Angular JS20m
  5. Testing with AngularJS25m
  6. Advanced AngularJS Directives54m
  7. AngularJS Animations31m

Building a SPA Framework Using AngularJS

by Mark Zamoyta

Apr 29, 2015 / 4h 48m

4h 48m

Start Course
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
  1. Introduction7m
  2. Creating a SPA Framework Using AngularJS32m
  3. Building a Menu Component in AngularJS49m
  4. Advanced Menu Features52m
  5. Building a Dashboard and Widgets37m
  6. Widget Content56m
  7. Additional Angular SPA Features50m

An AngularJS Playbook

by Scott Allen

Feb 16, 2015 / 3h 59m

3h 59m

Start Course
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
  1. An Overview7m
  2. Security Playbook41m
  3. Debugging and Diagnostics Playbook52m
  4. UI Playbook51m
  5. Forms Playbook48m
  6. Integration Playbook38m

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.

Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit