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... 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
Beginner • 2h 58m
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
- Course Overview1m 18s
- An Introduction34m 43s
- Controllers35m 43s
- Directives and Views33m 44s
- Services35m 44s
- Routing36m 51s
AngularJS Fundamentals
Intermediate • 6h 51m
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
- Course Overview1m 12s
- Introduction to Angular25m 20s
- Angular Controllers & Markup1h 23m 55s
- Creating and Using Angular Services1h 23m 40s
- Angular Routing51m 48s
- Creating Custom Angular Directives1h 16m 9s
- Testing Angular1h 29m 26s
AngularJS: The Big Picture
Beginner • 1h 9m
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
- Introduction8m 37s
- Angular Benefits and Features11m 33s
- Angular Architecture10m 16s
- Complementary Technologies7m
- Angular Gotchas and Problems15m 32s
- Angular vs. X9m 49s
- The Future of Angular6m 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.
AngularJS Services In-depth
Intermediate • 3h 3m
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 Overview7m 41s
- Creating Services39m 34s
- Common Built-in Services52m 26s
- Networking51m 42s
- Caching and Sharing Data23m 25s
- Service Decorators8m 31s
AngularJS Routing In-depth
Intermediate • 2h 14m
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 Overview9m 48s
- URL-based Routing with ngRoute48m 52s
- State-based Routing with UI-Router51m 17s
- Advanced Routing with UI-Router24m 34s
AngularJS Unit Testing in-depth, Using ngMock
Intermediate • 2h 23m
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 Started11m 59s
- First Steps with ngMock’s Core Functions12m 39s
- Unit Testing HTTP Interactions with ngMock20m 11s
- Unit Testing Controllers with ngMock23m 38s
- Unit Testing with Timeouts and Intervals20m 54s
- Unit Testing Directives with $rootScope15m 33s
- Unit Testing with Dates14m 50s
- Unit Testing with Exceptions7m 43s
- Unit Testing with Logging7m 26s
- Testing with ngMockE2E BackEnd8m 34s
AngularJS Directives Fundamentals
Intermediate • 3h 47m
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 Directive25m 24s
- Events, Scope, and Controllers40m 16s
- Decorator Directives42m 39s
- Transclusion30m 14s
- Structural Directives31m 15s
- Controllers and Nested Directives20m 25s
- Directives and Services37m 13s
AngularJS Line of Business Applications
Intermediate • 5h 36m
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
- Introduction18m 27s
- Building the First Page55m 24s
- Accessing Data34m 25s
- Routing to Multiple Views - Part 137m 10s
- Routing to Multiple Views - Part 234m 50s
- Building Data Entry Forms42m 51s
- Validating Forms31m 44s
- Defining Business Logic in an Angular Service25m 33s
- Visualizing Data With Charts25m 29s
- Exception Handling20m 30s
- Final Words9m 59s
AngularJS Best Practices
Intermediate • 5h 3m
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 Introduction9m 21s
- Organizing your Code20m 59s
- Writing Controllers & Services46m 20s
- Writing Directives and Views49m 3s
- Dealing with Scope33m 48s
- Communicating Between Components21m 59s
- Breaking Down A Page into Components31m 31s
- Communicating with The Server46m 6s
- Dealing with Models44m 3s
AngularJS Patterns: Clean Code
Beginner • 3h 31m
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 Introduction15m 57s
- Separation of Concerns20m 12s
- Organizing Your App30m 7s
- Modules31m 36s
- Readable Code and AngularJS19m 41s
- Controller Patterns41m 13s
- Annotations and Code Analysis via Gulp Task Automation29m 49s
- Exception Handling19m 22s
- Using a Team Style Guide3m 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.
AngularJS In-Depth
Intermediate • 4h 56m
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 AngularJS46m 25s
- Build a Strong AngularJS Foundation1h 1m 6s
- AngularJS Directive Basics57m 14s
- Server Side Integration with Angular JS20m
- Testing with AngularJS25m 49s
- Advanced AngularJS Directives54m 13s
- AngularJS Animations31m 59s
Building a SPA Framework Using AngularJS
Advanced • 4h 48m
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
- Introduction7m 58s
- Creating a SPA Framework Using AngularJS32m 54s
- Building a Menu Component in AngularJS49m 58s
- Advanced Menu Features52m 37s
- Building a Dashboard and Widgets37m 16s
- Widget Content56m 59s
- Additional Angular SPA Features50m 37s
An AngularJS Playbook
Intermediate • 3h 59m
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 Overview7m 54s
- Security Playbook41m 34s
- Debugging and Diagnostics Playbook52m 6s
- UI Playbook51m 15s
- Forms Playbook48m 11s
- Integration Playbook38m 25s
Angular: First Look
Intermediate • 4h 31m
Description
Hello, and welcome to Angular: First Look, part of the AngularJS Learning Path here at Pluralsight. My name is John Papa, and I’m looking forward to helping you understand the changes that Angular 2 brings, how they compare to Angular 1, and provide an understanding of the architecture and how the core concepts work together to build applications. Along the way, you’re going to be learning about things like how your Angular 1 skills translate and prepare you to build Angular 2 applications, code samples focusing on specific features including Angular 2 components, templates directives, data binding syntax, modules, dependency injection, routing, as well as Http, pipes, and services. Before beginning this course, you’ll want to make sure you’re already familiar with JavaScript. So if you’re ready to get started, Angular: First Look is waiting for you. Thanks again for visiting me here at Pluralsight!
Table of contents
- Course Overview1m 44s
- Angular 2 in Action5m 21s
- Angular 2 Architecture, What's New and What's Different40m 36s
- Angular 2 Essentials: Components, Templates, Modules, and Metadata37m 46s
- Displaying Data: Data Binding, Directives, and Pipes45m 24s
- Services, Dependency Injection, and Lifecycle Hooks37m 9s
- Routing and HTTP29m 48s
- Routing37m 8s
- Angular Modules36m 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.