Learn your way! Get started

MongoDB, Part 1 of 2: Implementation of AngularJS

with expert Jordan Hudgens

Watch trailer

Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 11/17/2014
Level Intermediate
Runtime 0h 59m
Closed captioning Included
Transcript Included
eBooks / courseware Included
Hands-on labs N/A
Sample code Included
Exams Included

Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

In this course, we are going to implement the basic AngularJS portions of an application. We will cover some of the basic features that AngularJS offers before we get into routing, function and service integration.


This course is for users with experience with relational and non-relational databases. The user should also have programming experience with JavaScript. This course was filmed on a MAC but its programming principals apply to development on the PC as well. The course ‘NoSQL/MongoDB: What is NoSQL’ should be viewed before taking this course.

Learning Paths

This course is part of the following LearnNowOnline SuccessPaths™:

Meet the expert

Jordan Hudgens has certifications for Ruby on Rails, Thinkful; Ruby on Rails, Bloc.io; Front End Development, Thinkful; and AngularJS, Thinkful. He is currently vice president of engineering for TRACKR in Midland, Texas and is working on his PhD in Computer Science from Texas Tech. In addition to Ruby, Jordan works with PHP, JavaScript, MySQL, Postgres, CSS3, C, C++, C#, Objective-C, and Python. He also works with the frameworks Rails (Ruby), Zend (PHP), and Django (Python), plus the libraries AngularJS, jQuery, and Backbone.js.

Course outline

Implementation of AngularJS

Implementation AngularJS (33:21)
  • Introduction (00:15)
  • Angular Basics (01:17)
  • Angular Basics - MVC Structure (01:49)
  • Angular Basics - Form Input (00:34)
  • Form Input - ngModel (00:36)
  • Form Input - $scope (01:43)
  • Demo: Data Binding (03:18)
  • Demo: $scope (01:37)
  • Angular Basics (02:02)
  • Demo: Routing (05:35)
  • Demo: State (03:35)
  • Demo: URL Router (01:23)
  • Demo: Controllers (04:23)
  • Demo: $scope Operation (04:14)
  • Demo: UI Router (00:43)
  • Summary (00:11)
Imp. AngularJS (cont.) (26:33)
  • Introduction (00:15)
  • Angular Basics - ng-show (01:31)
  • Demo: ng-show (05:35)
  • Angular Basics - Functions (01:34)
  • Integrating Services (01:28)
  • Demo: Data Structure (05:08)
  • Demo: Adding Items (05:38)
  • Demo: Editing & Updating (05:05)
  • Summary (00:15)