Course Image

Thinking in AngularJS 1

Angular JS

This course is an introduction to the Angular 1.x framework. Learn to code client side applications in Angular. Get a deep understanding of the fundamental concepts and learn to 'think' in AngularJS.

Start Course

This course covers:

  • Understanding the need for client side frameworks and the problems Angular was created to solve
  • Creating a complete client side application with Angular
  • Understanding and using the directives that come out-of-the-box with Angular
  • Understanding scopes and controllers
  • Using modules and dependency injection

UNIT

01

Anatomy of a client side application

Learn about the fundamental concepts that underly all JavaScript client side applications and understand the need for a client side application framework like JavaScript. If you are already familiar with client side programming, you may want to skip this unit.

Introduction 3 minutes
Course Objectives 4 minutes
Should you learn Angular 1 or 2? 2 minutes
Course Prerequisites 1 minute
HTML, CSS and JS What you need to know 7 minutes
Why do we need Client Side Frameworks? 4 minutes

UNIT

02

Introducing AngularJS

Meet AngularJS! Learn about the fundamental concepts and thinking behind the framework, get the dev environment setup and start building your first AngularJS application.

The Key To Thinking In Angular 8 minutes
Declarative vs Imperative Programming 5 minutes
How an Angular Application Works 3 minutes
Software Required 2 minutes
Your First Angular Application 11 minutes
Initializing and using variables 6 minutes

UNIT

04

More directives

Learn a few more important Angular directives like ng-repeat, ng-show and ng-hide. Learn how you can split your Angular app into multiple modules. Then create a TODO app that ties in everything you've learnt in this course together.

ngShow and ngHide 10 minutes
Looping with ngRepeat 6 minutes
Scopes in ngRepeat 6 minutes
Angular Modules 9 minutes
Using an External Module 6 minutes
Coding Exercise Todo App 1 minute
Watch Me Code The Todo App 1 8 minutes
Watch Me Code The Todo App 2 15 minutes
Next Steps 3 minutes

Downloads


Project source code

.zip file