O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Path : Production Angular : Learn Angular and Master Angular by building and shipping with the first version of AngularJS

Video Description

Build and ship with the first version of AngularJS

In Detail

Not everybody has the luxury of upgrading to Angular 2 right off the bat. This Learning Path takes you an accelerated journey through Angular 1 so that you can tackle whatever application you might need to maintain or improve without having to dive into a complete refactor.

Prerequisites: Requires a working knowledge of JavaScript

Resources: Code downloads and errata:

  • Introducing AngularJS

  • Web Development with AngularJS and Bootstrap

  • Mastering AngularJS UI Development

  • Learning AngularJS Directives

  • Deploying AngularJS

  • This path navigates across the following products (in sequential order):

  • Introducing AngularJS (2h 8m)

  • Web Development with AngularJS and Bootstrap (1h 48m)

  • Mastering AngularJS UI Development (1h 27m)

  • Learning AngularJS Directives (1h)

  • Deploying AngularJS (1h 37m)

  • Photo Credit: ©iStockphoto.com/Bank215

    Table of Contents

    1. Chapter 1 : Introducing AngularJS
      1. The Course Overview 00:02:57
      2. "Angularizing" Your Existing Web Page 00:02:31
      3. Bootstrapping an Angular Application 00:03:36
      4. Defining a Controller 00:04:11
      5. Displaying Data Dynamically 00:03:17
      6. Repeating Content for All Items in a List 00:03:19
      7. Area of Influence of a Controller 00:05:33
      8. Adding Interactions to the Template 00:05:59
      9. Creating Corresponding Controller Logic 00:06:50
      10. Reading Data from the Template 00:06:43
      11. Conditionally Showing/Hiding Elements 00:07:07
      12. Route Declaration and the ng-view Directive 00:07:03
      13. Creating New Routes 00:05:15
      14. Routing with Parameter 00:05:17
      15. Creating Links 00:07:02
      16. Making AJAX Calls via $http 00:05:59
      17. Handling Responses via Success and Error Callbacks 00:04:52
      18. Building GET and POST Requests 00:07:51
      19. Making Cross-domain Requests Using JSONP 00:08:52
      20. Separating the Loading of Data from the Controller 00:06:21
      21. Introducing the "factory" Type of Service 00:05:44
      22. Injecting Your Own Services 00:03:58
      23. Implementing Persistence 00:07:55
    2. Chapter 2 : Web Development with AngularJS and Bootstrap
      1. Course Overview 00:06:05
      2. Using AngularJS with Bootstrap 00:04:59
      3. Getting started; “Hello, World” 00:06:59
      4. Introducing the Input 00:04:02
      5. Validating Inputs 00:08:27
      6. Taking a Closer Look at ngModel 00:03:19
      7. Bonus: Angular-Better-Placeholders for Open Source UX 00:03:50
      8. Conditionally Disabling Buttons 00:03:57
      9. Dealing with Forms 00:03:03
      10. Submitting a Form via Ajax 00:02:57
      11. Submission Feedback 00:05:13
      12. Routing – What, Why, and How 00:07:11
      13. Routing Events 00:06:43
      14. Sharing Data between Routes 00:03:10
      15. Bonus – Animating the Route Changes 00:04:15
      16. ngRepeat – What and How 00:04:37
      17. Filters for Display 00:08:30
      18. Advanced Repeating 00:08:48
      19. An Introduction to AngularStrap 00:06:26
      20. Using AngularStrap 2 00:06:10
    3. Chapter 3 : Mastering AngularJS UI Development
      1. The Course Overview 00:02:48
      2. The Project Structure and Scaffolding 00:03:35
      3. Creating Controllers Using AngularJS Best Practices 00:03:03
      4. Implementing Services Using Best Practice Methods 00:05:18
      5. Providing TV Show Search Functionality 00:03:11
      6. Building a Search Feature UI 00:05:56
      7. Adding the Tracking Functionality 00:05:29
      8. Persisting User Data Using Local Storage 00:03:08
      9. Directive Basics and Best Practices 00:06:03
      10. Creating a showOverview Component 00:03:06
      11. Creating a next-on Widget 00:05:06
      12. Adding Suggested Search 00:02:55
      13. Adding Pagination 00:03:58
      14. Adding Ratings 00:03:04
      15. Creating a TV Show Diary Feature 00:08:00
      16. AngularJS Form Basics 00:04:21
      17. Adding Custom Validation to AngularJS Forms 00:02:52
      18. Animating a Form Error Message 00:02:42
      19. Two-way Data Binding Not Working 00:02:43
      20. Horrible Waterfall Effect on Images with Slow Connections 00:03:07
      21. Dealing with 404s 00:03:06
      22. Wrapping Up 00:03:39
    4. Chapter 4 : Learning AngularJS Directives
      1. The Course Overview 00:03:07
      2. Replacing ng-include with a Directive 00:04:43
      3. Creating Our First Directive 00:03:51
      4. Learning about Isolate Scope 00:04:05
      5. Giving Our Directive Some Style 00:05:11
      6. Coming Back to Scope 00:04:55
      7. Using the & Operator to Bind Functions 00:03:53
      8. Deciphering Transclusion 00:02:48
      9. Creating a Driver Card 00:03:45
      10. Restricting Our Directives by Type 00:03:44
      11. Understanding Link 00:03:44
      12. Injecting Dependencies 00:03:37
      13. Drawing Our Racetrack 00:04:04
      14. Coordinating Directives 00:03:58
      15. Adding Our Cars to the Track 00:04:55
    5. Chapter 5 : Deploying AngularJS
      1. Technical Requirements 00:04:21
      2. Scaffolding of the Project 00:04:13
      3. A Sneak Peek of the Final Application 00:01:33
      4. Code Testing with Karma and JSHint 00:06:59
      5. Building the BrowserSync and SASS Workflow 00:05:14
      6. The Storage Service 00:04:36
      7. The Animals Service 00:06:49
      8. Generating the Matchup 00:04:04
      9. Calculating the Animal’s Score 00:06:14
      10. Fighting the Match 00:04:34
      11. Generating a Matchup in the Arena View 00:05:47
      12. Creating the Animal and Terrain Card Directives 00:03:56
      13. Fighting the Match with Our Animal 00:07:31
      14. Adding the Dashboard View 00:06:13
      15. Adding Monitoring Tools 00:02:11
      16. Building the Production Version 00:12:53
      17. Serving Our Application on Heroku 00:06:54
      18. Conclusions, Links, and References 00:02:13
      19. Troubleshooting and Future Steps 00:01:27