AngularJS JumpStart with Dan Wahlin

Building Web applications? Learn to build robust Single Page Applications (SPAs) with the popular AngularJS framework!
122 reviews
TAUGHT BY
  • Dan Wahlin Architect and Software Engineer at Wahlin Consulting

    Dan Wahlin founded Wahlin Consulting and The Wahlin Group which provides consulting and training services on Web technologies such as JavaScript, AngularJS and other SPA frameworks, jQuery, HTML5, Node.js, C#, ASP.NET MVC, Web API, and SharePoint. Dan speaks at conferences and user groups around the world and has written several books on Web technologies. Dan blogs frequently about a variety of topics at weblogs.asp.net/dwahlin, runs the Web Weekly newsletter, and writes columns for various technical magazines. Follow Dan on Twitter @DanWahlin.

WHAT'S INSIDE
  • Lifetime access to 80 lectures and 6 quizzes
  • 6+ hours of high quality content
  • A community of 6000+ students learning together!
  • 250+ discussions
SHARE

AngularJS JumpStart with Dan Wahlin

Building Web applications? Learn to build robust Single Page Applications (SPAs) with the popular AngularJS framework!
122 reviews

HOW UDEMY WORKS?

Discover courses made by experts from around the world.

Take your courses with you and learn anytime, anywhere.

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

COURSE DESCRIPTION

AngularJS continues to trend upward in the number of available jobs (which typically pay quite well) and the number of applications being built. So what is AngularJS and why is it so popular? And more importantly - why should take the time to learn it?

In a nutshell, AngularJS is a robust Single Page Application (SPA) framework that can be used to build dynamic, client-centric applications that can run in desktop browsers as well as on phones and tablets. You can use AngularJS to build multi-screen applications that perform much like a desktop application but can be viewed and interacted with using a normal browser.

In this course by development expert Dan Wahlin you'll learn essential concepts that you need to know to get started building AngularJS applications such as controllers, scope, views, routes, factories, services and more. The course provides step-by-step walk-throughs and coding demos that you're encouraged to code along with to enhance the learning process. By the end of the course you'll understand how all of the AngularJS pieces fit together and be able to apply this knowledge to building your own custom Web applications.

The AngularJS JumpStart course is broken down into 6 modules with each module providing source code so that you can follow along with Dan.

  1. AngularJS - The Big Picture
  2. Views, Directives and Filters
  3. Controllers, Scope and Modules
  4. Routing
  5. Services and Factories
  6. Animation

By the end of the course you'll have walked through of all of the key components in AngularJS and built a working Single Page Application. If you're looking to "jumpstart" your AngularJS knowledge look no further than this course. It's a great technology to know and add to your resume!

    • Any text editor can be used to follow along and build AngularJS code.
    • Over 80 lectures and 6.5 hours of content!
    • Benefits of Single Page Applications
    • Why Use AngularJS?
    • Key Components Provided by AngularJS
    • Teach HTML New Tricks with Directives
    • Build Controllers and Bind Data to Views
    • Use $scope for Data Binding
    • Understand the Role of Modules
    • Understand how to use Factories and Services
    • Learn how to "Jazz" up your SPAs with Animations
    • Web developers with existing experience working with HTML, CSS, and JavaScript

THE UDEMY GUARANTEE

30 day money back guarantee
Lifetime access
Available on Desktop, iOs and Android
Certificate of completion

CURRICULUM

  • SECTION 1:
    AngularJS - The Big Picture
  • 1
    Course Introduction
    01:25

    AngularJS is a robust Single Page Application (SPA) framework that can be used to build dynamic, client-centric applications. In this course you'll learn key concepts that you need to know to get started building AngularJS applications such as controllers, scope, views, routes, factories, services and more. The course provides step-by-step walk-throughs and coding demos that you're encouraged to code along with to enhance the learning process. By the end of the course you'll understand how all of the AngularJS pieces fit together and be able to apply this knowledge to building your own custom SPAs.

  • 2
    Course Outline and Application Overview
    03:49
  • 3
    Meet the Instructor
    00:49
  • 4
    Pre-Requisites
    00:34
  • 5
    Where do I get the Module Materials and Code?
    Text
  • 6
    Module Materials and Code
    31 pages
  • 7
    Introduction
    01:18

    What's a Single Page Application (SPA) and what features does AngularJS provide to help you build SPAs? This module will explore SPA concepts and key AngularJS features, provide a Hello World sample to get you started using it quickly, and explore key components of the framework and how they work together. You'll also learn how to navigate the AngularJS documentation to find additional details about the framework.

  • 8
    SPA Overview
    04:35
  • 9
    Jumping into AngularJS
    02:59
  • 10
    AngularJS Hello World
    07:02
  • 11
    Key Players in AngularJS
    07:11
  • 12
    AngularJS Documentation
    02:53
  • 13
    Summary
    00:44
  • 14
    Module 1 Quiz
    10 questions
  • SECTION 2:
    Views, Directives and Filters
  • 15
    Module Materials and Code
    24 pages
  • 16
    Introduction
    01:46

    In this module you'll learn the difference between control-oriented and data-oriented programming and see how AngularJS data-binding functionality will save you time and allow you to focus on your application's data. You'll also learn about the role of views and directives and see several directives in action. Finally, you'll learn about filters and how they can be used to filter, format, and sort data in AngularJS SPA applications.

  • 17
    Data Binding Overview
    05:25
  • 18
    Directives and Expressions
    06:23
  • 19
    Directives and Expressions in Action
    07:52
  • 20
    Additional Directives
    05:53
  • 21
    Iterating Over Data
    01:41
  • 22
    ng-repeat in Action
    05:21
  • 23
    Sorting and Formatting Data
    05:11
  • 24
    Formatting Data with Filters
    05:25
  • 25
    Sorting and Filtering Data with Filters
    03:56
  • 26
    Dynamic Sorting with the orderBy Filter
    03:17
  • 27
    Summary
    00:40
  • 28
    Module 2 Quiz
    10 questions
  • SECTION 3:
    Controllers, Scope and Modules
  • 29
    Module Materials and Code
    26 pages
  • 30
    Introduction
    02:46

    Controllers play a critical role in the AngularJS framework. In this module you'll learn the role that controllers play, how they can be created, and how scope fits into the picture for binding data to views using a data-oriented approach. You'll also learn how to create an AngularJS module and how to add controllers into it.

  • 31
    AngularJS Architecture Patterns
    03:36
  • 32
    The Role of Controllers
    04:42
  • 33
    Creating a Controller
    06:33
  • 34
    The ng-controller Directive
    03:05
  • 35
    Hooking a View to a Controller
    01:15
  • 36
    Using "Controller As" Syntax
    02:18
  • 37
    The Role of Modules
    03:21
  • 38
    Creating a Module
    02:21
  • 39
    Adding a Controller to a Module
    07:04
  • 40
    Options for Adding a Controller into a Module
    05:24
  • 41
    Parameter Injection Techniques
    03:16
  • 42
    Summary
    01:00
  • 43
    Module 3 Quiz
    10 questions
  • SECTION 4:
    Routing
  • 44
    Module Materials and Code
    19 pages
  • 45
    Introduction
    02:16

    Once you understand how to create controllers and views you need to know how to integrate routing into your Single Page Application. In this module you'll learn how to do that using the $routeProvider and see how to define routes, create route parameters, and access route parameter values. You'll also learn about the role that the ng-view directive plays in AngularJS.

  • 46
    Routing Overview
    03:18
  • 47
    Referencing the ngRoute Module
    01:07
  • 48
    Adding the ngRoute Script into an Application
    01:48
  • 49
    Configuring Routes
    04:50
  • 50
    Using $routeProvider to Configure Routes
    03:56
  • 51
    Using the ng-view Directive
    01:16
  • 52
    Adding ng-view to a Page
    01:33
  • 53
    Adding Another Route, View, and Controller
    09:23
  • 54
    Summary
    01:21
  • 55
    Module 4 Quiz
    10 questions
  • SECTION 5:
    Factories and Services
  • 56
    Module Materials and Code
    27 pages
  • 57
    Introduction
    02:05

    Factories and services can be used to encapsulate re-useable code so it can be shared across application components such as controllers and even other factories or services. In this module you'll learn about the role of factories and services, see how they can be created and added into a module, and learn the difference between the two. You'll also learn about built-in AngularJS services such as $http and see how it can be used to make Ajax calls to a back-end Node.js RESTful service.

  • 58
    Factory and Service Overview
    03:25
  • 59
    Creating a Factory
    06:12
  • 60
    Refactoring Code into a Factory
    03:51
  • 61
    Injecting a Factory into a Controller
    05:20
  • 62
    Creating a Service
    03:01
  • 63
    Refactoring Code into a Service
    01:42
  • 64
    Defining Application Values
    02:27
  • 65
    Defining Values and Constants
    03:49
  • 66
    Making Ajax Calls from a Factory/Service
    03:58
  • 67
    Creating a RESTful Service
    03:30
  • 68
    Using the $http Service
    02:29
  • 69
    Wiring Promises to Success and Error Callbacks
    03:41
  • 70
    Using the $log Service
    03:12
  • 71
    Summary
    00:58
  • 72
    Module 5 Quiz
    10 questions
  • SECTION 6:
    UI and Animation
  • 73
    Module Materials and Code
    19 pages
  • 74
    Introduction
    01:57

    Learn how to enhance the user interface with Bootstrap CSS classes and AngularJS animations to add a professional look and feel. Different options for defining animations will be discussed including CSS transitions and animations with a focus on transitions in the code.

  • 75
    Enhancing the UI with Bootstrap
    02:54
  • 76
    Adding Bootstrap Classes
    06:17
  • 77
    Animation Overview
    03:45
  • 78
    Animation Examples and Resources
    03:58
  • 79
    The ngAnimate Module
    01:09
  • 80
    Adding the ngAnimate Script and Module
    01:41
  • 81
    Defining Animations in CSS
    05:19
  • 82
    Creating a Stylesheet with CSS Transitions
    04:33
  • 83
    Referencing Animation Classes
    01:51
  • 84
    Hooking Directives to Animations
    02:37
  • 85
    Summary
    01:35
  • 86
    Module 6 Quiz
    5 questions

UDEMY BY THE NUMBERS

5,200,000
Hours of video content
19,000,000
Course Enrollments
5,800,000
Students

RATING

  • 114
  • 7
  • 0
  • 1
  • 0
AVERAGE RATING
NUMBER OF RATINGS
122

REVIEWS

  • Brayton Stafford
    Clear precise instructions

    The entire course was laid out in easy to understand and comprehend lectures with relevant quizzes to test knowledge learned at the end of each section.

  • Ryan Haas
    Fantastic course

    Dan is one of the best instructors I have found online. I've been with Treehouse, Codeschool, Thinkful and others. He simplifies the learning of Angular because he starts by giving you an understanding of the structure of Angular....how it fits together. There are so many pieces to the puzzle that this is essential when starting out. His use of diagrams and images to do this just furthers your understanding. Topics are introduced slowly and built upon and are never confusing. Some courses that take this approach never get to the meat of the thing you're trying to learn. Not so in Dans case. You'll have a great foundation to go off of. Couldn't recommend this course enough. I hope Dan continues to contribute to the learning environment in other languages...he has a gift for it.

  • David Williams
    Solid Course

    This is a great course. I have a background in technology but most of the content was completely new to me - not a problem though as Dan is easy to listen to, takes his time and gives clear explanations. Thanks!

  • Dwayne Charrington
    Dan knows his stuff

    Easily the best AngularJS course on Udemy. Period. Don't bother with the rest. If you want to learn Angular properly, get an understanding of its concepts and structure, this video will show you how.

  • Grzegorz Sarzyński
    Excellent introduction to Angular JS

    The course is very well prepared. It is kept up to date with current version of the framework. Dan answers all questions on daily basis, so if you get stuck somewhere you can always count on him and get help. CRUD and testing are not included in the course which Is a shame.

  • 30 day money back guarantee!
  • Lifetime Access. No Limits!
  • Mobile Accessibility
  • Certificate of Completion