AngularJS Fundamentals
This course will teach you the Angular fundamentals required to create testable, MVC-style single page applications with AngularJS.
What you'll learn
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
Table of contents
- 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
- 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
- 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
- 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
- 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
Course FAQ
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.
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.
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.
Before taking this course you should be familiar with JavaScript basics as well as general web development principles.
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
This course is for anyone who wants to learn how to create maintainable, testable, and compelling applications on the web with AngularJS!
About the authors
Jim Cooper is a software developer at Pluralsight, with more than 20 years of software development experience. He has a passion for Agile processes, especially lean software development. Jim has been developing production Angular apps since before Angular version 1.0, including Pluralsight's first Html5-based video player. Jim has over 10 years of TDD and pair programming experience which has contributed significantly to his professional development. He has successfully mentored other developers... more
Joe began his love of programming on an Apple III in BASIC. Although his preferred language is JavaScript, he has worked professionally with just about every major Microsoft language. He is currently a consultant and full time author for Pluralsight. Joe has always had a strong interest in education, and has worked both full and part time as a technical teacher for over ten years. He is a frequent blogger and speaker, organizer of ng-conf, the AngularJS conference (www.ng-conf.org), and a paneli... more
