MongoDB, Part 1 of 2: Implementation of AngularJS
Interactive

MongoDB, Part 1 of 2: Implementation of AngularJS

LearnNow Online
Updated Aug 21, 2018

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.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.


Prerequisites

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.

Video Runtime

59 Minutes

Time to complete

168 Minutes

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)