Ad

Wednesday, March 9, 2016

Learn AngularJS with Codecademy.com detailed walkthrough lesson 2 step-by-step tutorial under 10 minutes

Lesson 2 Part 2 of Codecademy AngularJS tutorial step by step walkthrough. Lesson 2 Hello AngularJS II


This is the companion blog post abridged transcript about our video walkthrough.


  • Important to read the instruction line-by-line without freaking out
  • The controller uses $scope to pass model data into the view. 
  • MainController.js has the code for the MainController and its $scope special variable
  • $scope is an important AngularJS concept. This is an early exposure. No need to stress too much
  • AngularJS follows the Model View Controller framework. Model is stored in the $scope variable in this case. View is the HTML file. And the controller code is in MainController.js
  • In the HTML file, you can see a <div></div> tag essentially an HTML box or section on a website is associated with the MainController. code: ng-controller="MainController"
  • Every time, this div is asked to display a special value, it will look at the MainController and its $scope to see if there data exists.
  • $scope.product = { name: 'book name', price:19} is the same as $scope.product = {}; $scope.product.name = 'book name'; $scope.product.price = 19;
  • A variable in an object is called a property. A function in an object is called a method

5 comments:

Applying for jobs at the Lending Club

We tried to figure out Lending Club 's tech stack for 2019. Our analysis shows Lending Club asks for skills in Python, Tableau, SQL and ...