AngularJS Fundamentals

By Jim Cooper and Joe Eames
This course will teach you the Angular fundamentals required to create testable, MVC-style single page applications with AngularJS.
Get started
Play course overview
Course info
Rating
(4168)
Level
Intermediate
Updated
Aug 19, 2015
Duration
6h 50m
Table of contents
Course Overview
Course Overview 1m
Introduction to Angular
Course Introduction 2m Module Introduction 1m Course Updates 1m Introduction to Angular 10m Angular Architecture 2m Demo: Hello World in Angular 3m The Angular Event Reg Application 3m Angular Version 1m Tools Used 2m Summary 0m
Angular Controllers & Markup
Introduction 6m Demo: Creating the Node Server 5m Demo: Creating the ASP.NET Server 1m Angular Controllers & Scope 2m Demo: Controllers 8m Demo: Displaying Repeating Information 3m Demo Handling Events 6m Built-in Directives 2m Event Directives 1m Other Directives - Part 1 10m Other Directives - Part 2 4m IE Restrictions with Angular 2m Expressions 2m Filters 1m Built-in Filters 10m Writing Custom Filters 3m Two Way Binding 1m Demo: Two Way Binding 7m Validation 7m Summary 2m
Creating and Using Angular Services
Introduction to Angular Services 5m Creating Your First Custom Service 5m Another Custom Service Example 9m Introduction to Built-In Angular Services 1m Using Angular's $http Service 4m Updating a Node Server for JSON Requests 4m Updating an IIS Server for JSON Requests 4m Using $http Promises 2m Using Angular's $resource Service 6m Saving Data with $resource 6m Using Angular's $anchorScroll Service 2m Using Angular's $cacheFactory Service 5m Using Angular's $compile Service 6m Using Angular's $parse Service 5m Using Angular's $locale Service 3m Using Angular's $timeout Service 5m Using Angular's $exceptionHandler Service 2m Using Angular's $filter Service 2m Using Angular's $cookieStore Service 4m Overview of Less Common Angular Services 5m Suggested Exercises 2m
Angular Routing
Introduction to Angular Routing 1m Websites of Yore 2m Single Page Applications 2m Adding Your First Angular Route 9m More Routing and Browser History 7m Creating a Default Route 1m Accessing Parameters from the Route 3m Using Angular's $route Service 5m Enabling HTML5 Routing 8m Template and Resolve Properties 5m Using Angular's $location Service 7m Summary 1m Suggested Exercises 1m
Creating Custom Angular Directives
Introduction to Angular Directives 2m Creating Your First Angular Directive 7m Domain Specific Language via Custom Elements 5m Isolating Directive Scope 4m Exploring Isolate Scope Bindings 8m Handling Events with Directives 3m Observing and Responding to Changes 5m Using Controllers within Directives 6m Sharing Directive Controllers via Require 5m Directive Priority and using Terminal 3m Using Require with Nested Directives 3m Understanding Transclusion 5m Using Compile to Transform the DOM 9m Making jQuery More Explicit with Directives 9m Summary 1m
Testing Angular
Introduction 2m Installing Karma 6m Karma with Webstorm 5m Testing Controllers in Angular 9m Testing Controllers in Angular Part 2 4m Testing Services in Angular 2m Testing Services with Dependencies 5m Testing AJAX Services in Angular 5m Testing AJAX Services in Angular Part 2 6m Testing Filters in Angular 2m Testing Directives - Overview 2m Setting up Karma for testing Directives 5m Testing Directives in Angular 10m End to End testing - Overview 2m Setting up Protractor 5m Setting up Protractor with Webstorm 2m Angular End to End testing - Part 1 9m Angular End to End testing - Part 2 8m Summary 1m
Description
Course info
Rating
(4168)
Level
Intermediate
Updated
Aug 19, 2015
Duration
6h 50m
Your 10-day individual free trial includes:

Expert-led courses

Keep up with the pace of change with thousands of expert-led, in-depth courses.
Start a 10-day free trial
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
  • 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.

Course FAQ
Course FAQ
What exactly is AngularJS?

AngularJS (also just called "Angular") is an open-source front-end web framework, similar to the JavaScript framework, for dynamic web apps. It is mainly maintained by Google and by a community of individuals and corporations to address the challenges encountered in developing single-page applications. If HTML had been designed for applications, it would have been AngularJS.

What does Angular do?

Angular lets you extend HTML's syntax to express your application's components clearly and succinctly, transforming static HTML to dynamic HTML, i.e. making dynamic web apps.

Is Angular hard to learn?

AngularJs is not too hard to learn. But it does have a bit of a learning curve. In starting, you might feel it is harder to learn because of the syntax, as it looks complex at first. But a clear understanding of JavaScript concepts will greatly ease the learning curve.

What are the prerequisites for this course?

Before taking this course you should be familiar with JavaScript basics as well as general web development principles.

What will I learn in this course?

In this course you will learn about:

  • Bootstrapping your Angular app
  • AngularJS markup and expressions
  • Creating and using controllers
  • Built-in services and custom services
  • Routing
  • Custom elements
  • Handle events and directives
  • Much more
Who is this course for?

This course is for anyone who wants to learn how to create maintainable, testable, and compelling applications on the web with AngularJS!

About the author
Jim Cooper
About the author

Jim Cooper is a software developer at Pluralsight. With more than 20 years of software development experience, he has gained a passion for Agile software development -- especially Lean.

More from the author
Vue.js Fundamentals
Intermediate
5h 40m
Aug 13, 2021
Angular Fundamentals
Intermediate
9h 46m
Mar 29, 2021
State Management with Vuex
Intermediate
1h 49m
Nov 24, 2020
More courses by Jim Cooper
Joe Eames
About the author

Joe has been a web developer for the last 13 of his 16+ years as a professional developer. He has specialized in front end and middle tier development . Although his greatest love is writing code, he also enjoys teaching and speaking about code.

More from the author
Unit Testing in Angular
Beginner
3h 27m
Aug 9, 2021
Angular Fundamentals
Intermediate
9h 46m
Mar 29, 2021
Angular: The Big Picture
Beginner
1h 8m
Feb 25, 2021
More courses by Joe Eames

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT

Course info
Rating
(4168)
Level
Intermediate
Updated
Aug 19, 2015
Duration
6h 50m
Pluralsight IQ
Know exactly where everyone on your team stands with assessments and analytics.
Try our full library including this course free for your whole team for 14-days.