Building an Application with AngularJS

Get creative with AngularJS to develop exciting applications
0.0 (0 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
84 students enrolled
$19
$85
78% off
Take This Course
  • Lectures 41
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2015 English

Course Description

AngularJS helps you build dynamic web apps quickly and easily. If you are looking for scalability and modularity in your apps, then AngularJS is the technology for you. It provides you with all the tools necessary to develop apps that are both attractive and functional.

This video course will show you how to write a complex application using AngularJS, one step at a time.

You will begin with preparing the system by setting up the necessary prerequisites. Then you will scaffold your application and write your first controllers and views using data binding to stitch them together. You will then move on to implementing your own custom services as well as directives to make your app flexible and extensible. Finally, you will turn your attention to testing the code before the course ends and you are ready to write your own Angular application.

You will start with an empty slate but by the end of the course, creating and implementing complex AngularJS applications will be easier than ever.

About the Author

Gabriel Schenker grew up in Switzerland on a wonderful farm located on top of a hill where the stars seem to touch the earth. He studied Physics at the Federal Institute of Technology in Zurich, Switzerland. There, he also got his PhD. in Physics. After working in behavioral science for a couple of years, which included training trainers, he went freelance as a software developer, consultant, mentor, and trainer. In 2009 he moved to Austin, Texas, where he is currently working as Chief Software Architect for a company writing software for pharmaceuticals, hospitals, and universities working in the area of new drug development.

What are the requirements?

  • You will learn to use your knowledge of HTML, CSS, and JavaScript to become an AngularJS expert.

What am I going to get from this course?

  • Utilize controllers to create a neat workflow and business logic for your app
  • Use Dependency Injection in controllers, services, and other Angular objects to give a professional touch to your app
  • Understand JavaScript promises and use them in your code to deal with asynchronous operations effectively
  • Write and execute end-to-end tests to produce robust code for your application
  • Implement views and tie them with controllers using data binding
  • Maximize your efficiency by creating your own custom services
  • Create and implementing custom directives that wrap arbitrary content for you

What is the target audience?

  • This video course is aimed at JavaScript developers who want to explore AngularJS and write complex single page applications (SPAs) quickly and easily.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started
03:42

Whenever we learn a new programming language or framework, we want to know how the hello world program is implemented.

02:55

Learning a lot of facts and techniques of angular is important, but it is also important to see all these isolated methods work together in a sample application.

03:10

Before we can start to develop an angular application, we need to prepare our system and install some tools that facilitate and automate our development process.

03:57

When writing a complex application in a team, it is important to set the stage properly and include some conventions. All team members need to be on the same page.

03:07

We all want to use the right tool for the job; developing an angular application is no exception. We get a quick overview of the most popular editors and IDEs

Section 2: Introducing the View and the Controller
03:16

With directives, we attach behavior to DOM elements and make our application dynamic and an angular application.

03:38

Angular encourages the use of the MVC pattern. Behavior, that is, code belongs in the controller and not in the view.

03:31

In angular, the model is the data that we want to interact within our application. The scope is an object on which we define the model and the behavior, and it is the execution context for expressions.

03:02

Data binding is used to automatically synchronize data between the model and the view components. The view and controller are glued together by data binding.

03:22

When a user interacts with view components such as buttons, events are triggered. In angular code that is executed as a result of the event is implemented in the controller.

03:43

A dynamic web application needs to show and hide certain areas of the view depending on the state of the application.

Section 3: Advanced Views and Controllers
03:25

Most line of business (LOB) applications provide some data entry for the user. Angular forms assist us in accepting and validating user input.

03:54

Views can get pretty complex quickly. We can use templates to componentize our views.

03:37

Sometimes, the use of static templates is not enough. We can use dynamic templates to change the display based on some criteria.

02:10

Often, we want to present the data we get from the backend in a sorted way, or we want to only show part of the data. Angular filters allow us to map, reduce, and sort data.

03:22

Realistic angular applications consist of many views. Using client-side routing, we can navigate from view to view.

Section 4: Dependency Injection (DI)
02:58

Controllers and services often need to collaborate with or use other services. We can get hold of external dependencies using the dependency injection.

02:44

When we minify the JavaScript files variable, parameter names get shortened. Angular provides mechanisms that help avoid minification adversely affect dependency injection.

03:10

There are situations where we want to explicitly claim external services. In this case, we can use the angular injector service.

Section 5: Services
03:21

When do we put code into a controller and when do we create a service?

02:49

Services have a special life cycle in being singletons. Understanding its implications is crucial.

04:24

In a typical application, we need to load data from a server and push data changes to the server. Angular provides us with the $http service for such tasks.

03:54

If we want to share the data of business logic among controllers, then we should create our own custom services.

04:34

When creating a service, we can choose among five different recipes. We will learn how to choose the right one in different situations.

Section 6: Mastering Asynchronous Programming
04:10

A lot of JavaScript code is asynchronous. Promises help us keep the complexity low.

03:53

The angular $q library provides us with the tools we need in order to write our own promises.

03:39

Often, we need to launch multiple asynchronous requests. Promises make it easy to run them either in parallel or in a sequence.

03:26

Often, remote requests to the server can take some time and the user wants to cancel the request. We will learn how to do this.

Section 7: Covering Code with Unit Tests
04:40

To execute tests written in JavaScript for our angular components, we need a test runner. The Karma test runner was developed by the angular team.

03:43

To write high-quality, maintainable unit tests, we need to understand the individual parts of a test.

02:43

JavaScript is a dynamic language. To create robust code, we need to cover the code with unit tests.

02:39

Unit tests need some setup. The module and inject functions help us achieve this.

03:23

Most applications communicate with a server. To test components in isolation, we need to mock server calls.

Section 8: Exploring Directives
03:18

The HTML vocabulary is limited. We can define directives that extend the vocabulary.

03:16

Directives are components that should be isolated from their environment. This can be achieved by defining a private scope.

03:41

Directives often need to interact with their hosting environment. One-way and two-way data binding and callback binding can be used.

03:47

Sometimes, directives need to wrap arbitrary content. We can use transclusion for this.

04:24

Directives can be complex and as such, need to be thoroughly unit tested.

Section 9: Writing End-to-End Tests
03:26

To run end-to-end tests, we need a test runner. The angular team has created Protractor for this job.

03:02

Manual tests are inefficient at best. Writing automated tests solves this problems.

03:09

Our views are complex and we need to access various elements in them.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, Tech Knowledge in Motion

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course