Description
Course info
Rating
(11743)
Level
Beginner
Updated
Jun 6, 2014
Duration
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.

About the author
About the author

Scott has over 15 years of experience in commercial software development and is a frequent speaker at national conferences, and local user groups. Scott is a Microsoft MVP and has authored books on several Microsoft technologies, including ASP.NET, C#, and Windows Workflow.

More from the author
More courses by Scott Allen
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, this is Scott Allen, and welcome to my course on Angular 1. This course gives you the essential knowledge you'll need to start building applications using Angular and JavaScript. In this course we'll start from scratch and I'll give you some pointers on common JavaScript design patterns that you will see when programming Angular applications. We'll go on to learn about the core features of Angular, including controllers, templates, and services, and we'll do this by building a real online application. We will even consume a public Web API from GitHub so you can see how to retrieve real data over HTTP and use that data to update the UI. By the end of the course you'll be able to start using Angular in your own applications, and I think you'll see just how easy it is to build browser applications that are responsive and smooth, and applications your users will enjoy. I do expect that you already have some experience with JavaScript and know the very basics. I also assume you've already done some work with HTML. If not, we have plenty of courses on Pluralsight about HTML, JavaScript, and CSS. And once you are done with this course, you might consider my course on using components in Angular 1. 5. Components make Angular even easier, and it's a good follow up course for you to enjoy.

An Introduction
Hi, this is Scott Allen, and this is a course designed to teach you the basics of AngularJS. AngularJS is a JavaScript framework you can use to build applications, but run in a web browser using HTML. I'm going to assume that you've never worked with AngularJS and that you know only a little bit about HTML, CSS, and JavaScript, but I'll also assume that you have a desire to learn Angular and are willing to learn by following along and writing some code. In this first module, I want to show you how to get started with AngularJS on a web page, show you the development environment we'll be working in, and also cover some of the JavaScript coding styles we'll be using throughout the rest of the course.

Controllers
Hi, this is Scott Allen, and this module is all about Controllers in Angular. Controllers are one of the central pieces of the Angular framework, and in working with Angular, you're going to create many different controllers. As the name implies, controllers are in charge of an area of the application. And with Angular, a controller is in charge or responsible for building a model. A model contains the data we need to work with and a controller will do whatever it needs to grab that data. So it might need to make some calculations or call back to a web server that talks to a database, whatever it takes. I'll show you how to build a controller that is able to build a model, and then we'll be able to use data binding to show that model in a view; the view is the HTML for our webpage.

Directives and Views
Hi, this is Scott Allen, and this module is focused on Directives and Views in AngularJS. We've used some directives previously with Angular, directives like ng-app and ng-controller, but now I want to show you some other useful directives, like the directive to handle button clicks and the directive to move user input into my JavaScript model. These directives allow you to build interactive webpages that not only display data, but also react to the user and become a little more dynamic. We'll build something that lets the user search, sort, and browse code repositories. But before we begin, let's review the purpose of directives, in general.

Services
Hi, this is Scott Allen, and this module is about Services in AngularJS. The word Service has many different meanings in software, and in web development we typically think of a service as a feature offered by a web server, like the GitHub API Web Service. But in an AngularJS application, a service is a different animal. A service in Angular is a component that performs a specific job, like providing a timer, or providing the ability to communicate over HTTP. We've seen that component, we've used it; it is the $http service. This module will show you some of the other built-in Angular services, as well as how and why you would want to build your own custom service.

Routing
Hi, this is Scott Allen, and this final module with Angular will demonstrate Routing. Routing allows you to manage multiple views in an application, and it's an essential feature for building larger apps, because you can allow a user to navigate between different screens, you can pass parameters between the controllers that manage these screens, and even tap into the browser Back and Forward buttons so that the browser history is synchronized with the user's location in your application. Let's start by looking at some of the details of how routing works in AngularJS.