Introducing AngularJS
3.8 (6 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.
91 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introducing AngularJS to your Wishlist.

Add to Wishlist

Introducing AngularJS

A step-by-step guide to build a well-structured single-page Angular application
3.8 (6 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.
91 students enrolled
Created by Packt Publishing
Last updated 4/2016
Current price: $10 Original price: $75 Discount: 87% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Kick-start your application in minutes by scaffolding it entirely with Yeoman
  • Build a dynamic page and render lists of items in one line of code
  • Program Reactions on user-interactions such as clicks, selection change, blur, and more
  • Easily validate data present in forms, from simple required fields to complex custom form validation
  • Efficiently handle routing between different pages of an application
  • Load data from external sources in the background by using AJAX calls with Angular
  • Master the use of performing actions asynchronously by creating worker threads
View Curriculum
  • Users will need basic knowledge of JavaScript and HTML as well as the JSON notation. Understanding of asynchronous JavaScript concepts such as AJAX would be helpful.

This is Volume 3 of a 3 part series, Introducing AngularJS. We recommend that you view these volumes in sequential order so that you can follow along with our author Mathieu Chauvinc from start to finish. You can find other volumes in this series on Udemy by following the links below:

Volume 1: Introducing AngularJS-Volume 1
Volume 2: Introducing AngularJS-Volume 2

AngularJS is a Google-backed JavaScript framework that simplifies the development of single-page applications and other web page JavaScript widgets. It is one of several modern frameworks that are revolutionizing web development by bringing a fresh, more professional orientation to application building. Developers will love working with the framework, which allows them to focus their time on actual logic, instead of having to deal with repetitive tasks such as rendering and event binding.

Introducing AngularJS will show you how to build a complete application in a very short time, yet without cutting corners that would be detrimental to code quality. We will take you through a concrete application, a movie library app, one step at a time, in order to introduce the concepts behind all the moving parts of an AngularJS application.

We will start by quickly scaffolding an entire application's structure using Yeoman. This will lay the foundations of our application in a well-structured manner. Then we'll focus on displaying data and allowing the user to interact with the application, and how can Angular help us handle rendering and events binding, so we can focus more on the app logic itself. We'll peek into templates and controllers, and will see how Angular's declarative nature makes it obvious which element is in charge of which functionality.

We will then introduce a second view to the application, and show how to handle routing between the two views, including reading parameters from the URL and how we can very quickly create new routes with the companion tool Yeoman.

You will also learn how to load data from an API using AJAX, both from the same server as the app, as well as from an external source. Finally, we will close by introducing services that are Angular data-layer singleton objects as well as building a client-side data persistence using LocalStorage.

Introducing AngularJS will guide you through all the aspects of an Angular application, start-to-finish, view logic to data layer and persistence. You will learn how Angular makes developers lives easier by taking care of rendering and event handling, giving you more time to focus on what you love: the actual logic of the app. With Yeoman, you will also guarantee the quick creation of new views, routes, and controllers, without ever having to create a file manually.

About the Author

Mathieu Chauvinc is a Managing Director at Red Ape Solutions and has made Angular the company's weapon of choice in building complex single-page applications and neat hybrid mobile apps. He has been involved in web technologies for over a decade, from Django to Node, SQL to NoSQL, Mootools to Angular, continuously trying to keep the right balance between the excitement of new frameworks and the stability of proven ones. He always has a special place in his heart for Python and Django.

He holds a Master's degree in Engineering from the German University Karlsruhe and a Master's degree in Engineering from the French ENSAM (Paris). Despite an engineering background, he has always had a passion for knowledge sharing, which has followed him to this day. He regularly conducts corporate or free training on various I.T. topics in his adoptive country of Malaysia.

Who is the target audience?
  • Whether you aim to work on a complete single-page application or intend to use Angular to handle one page at a time, this course will give a good introduction to the various components of Angular. It is targeted at beginner or intermediate developers who wish to move forward quickly while caring for the quality of their code.
Compare to Other AngularJS Courses
Curriculum For This Course
Loading External Data
4 Lectures 27:34

Users will learn to make calls in the background to a server side API.

Preview 05:59

Users will learn what is given to them as arguments on success and error callbacks, and how to use it.

Handling Responses via Success and Error Callbacks

Often, requests point to a URL that either requires query parameters, or needs to use a POST method, with or without a body.

Building GET and POST Requests

Cross-domain requests are common. JSONP is a way to circumvent CORS issues.

Making Cross-domain Requests Using JSONP
Introducing Services
4 Lectures 23:57

We will separate the loading of data from the display logic and explain why it is important.

Preview 06:21

Video 5.1 gave the reasons/theory behind the need for services. Here, we will create the service object by using a "factory" function.

Introducing the "factory" Type of Service

The service has been coded in the previous video. We now need a way to access and time to use it. This will be done via dependency injection.

Injecting Your Own Services

The main missing feature of the app is data persistence; Movies added don't get saved. We will implement this feature using localStorage.

Implementing Persistence
About the Instructor
Packt Publishing
3.9 Average rating
8,197 Reviews
58,903 Students
687 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.