Learn your way! Get started

MongoDB, Part 1: Implementation of AngularJS

with expert Jordan Hudgens

Watch trailer

MongoDB, Part 1: Implementation of AngularJS Trailer

Course at a glance

Included in these subscriptions:

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

Release date Release date 11/17/2014
Level Level Intermediate
Runtime Runtime 0h 59m
Platform Platform Major browsers on Windows Major browsers on Windows Major browsers on Mac OSX Major browsers on Mac OSX Mobile Devices Mobile Devices
Closed captioning Closed captioning Included
Transcript Transcript Included
eBooks / courseware eBooks / courseware Included
Hands-on labs Hands-on labs N/A
Sample code Sample code Included
Exams Exams Included

Enterprise Solutions
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.

Meet the expert

Jordan Hudgens 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)