AngularJS Fundamentals

By Joe Eames and Jim Cooper
This course will teach you the Angular fundamentals required to create testable, MVC-style single page applications with AngularJS.
Play course overview
Course info
Rating
(4155)
Level
Intermediate
Updated
Aug 19, 2015
Duration
6h 52m
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
(4155)
Level
Intermediate
Updated
Aug 19, 2015
Duration
6h 52m
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.

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
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
Angular Fundamentals
Intermediate
9h 36m
Feb 1, 2019
Angular Crash Course
Intermediate
59m
Nov 1, 2018
Unit Testing in Angular
Beginner
3h 21m
Sep 6, 2018
More courses by Joe Eames
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
JavaScript Objects, Prototypes, and Classes
Advanced
1h 48m
Oct 30, 2019
Angular Fundamentals
Intermediate
9h 36m
Feb 1, 2019
Vue.js Fundamentals
Intermediate
5h 5m
Jun 21, 2018
More courses by Jim Cooper
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hey everybody, I'm Joe Eames and this is Jim Cooper, and welcome to our course, Angular Fundamentals. Jim and I have been working with Angular for a long time and we are super excited to present this course to you. Angular is an amazing and comprehensive framework, which lets you quickly and easily put together applications without having to worry about manually updating the user interface when your data changes. It provides everything you need to create compelling applications on the web. In this course, we are going to learn all the major features of Angular and how to get the most from it, even if you are just a beginner. The features we'll cover are controllers and templates, which display the interface, services which contain your business logic, directives for creating your custom HTML components, how to get data to and from your server, and how to test your application. By the time we're through, you'll know how to build production-ready applications in Angular. Before starting this course, you should be familiar with JavaScript and web development, but don't worry if you're not an expert, a basic knowledge will be enough. We hope you'll join us on this journey to learn Angular with the Angular Fundamentals course at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT