Getting-Started-with-AngularJS

Getting-Started-with-AngularJS, updated 9/8/18, 3:46 AM

personedocr
collectionsBusiness Ideas
visibility221
  verified

Business planning ideas from around the internet.

Publishing documents on edocr is a proven way to start demand generation for your products and services. Thousands of professionals and businesses publish marketing (brochures, data sheets, press releases, white papers and case studies), sales (slides, price lists and pro-forma agreements), operations (specifications, operating manuals, installation guides), customer service (user manuals) and financial (annual reports and financial statements) documents making it easier for prospects and customers to find content, helping them to make informed decisions. #SEO #leadgen #content #analytics

About edocr

I am an accomplished content marketing professional helping you to build your brand and business. In my current role, I fulfill a multi-faceted solution marketplace including: publishing and sharing your content, embedding a document viewer on your website, improving your content’s search engine optimization, generating leads with gated content and earning money by selling your documents. I gobble up documents, storing them for safekeeping and releasing the text for excellent search engine optimization, lead generation and earned income. 

Publishing documents on edocr.com is a proven way to start demand generation for your products and services. Thousands of professionals and businesses publish marketing, sales, operations, customer service and financial documents making it easier for prospects and customers to find content, helping them to make informed decisions.

Get publishing now!

Tag Cloud

Getting Started with
AngularJS
!
by Jeremy Zerr
!
Blog: http://www.jeremyzerr.com
LinkedIn: http://www.linkedin.com/in/jrzerr
Twitter: http://www.twitter.com/jrzerr
What is AngularJS
Open Source Javascript MVC/MVVM framework.
Helps manage complexity of your client-side Javascript code.
Extend HTML vocabulary with your own elements and attributes.
Built-in HTTP and more importantly REST API web service integration.
Includes its own client-side templating language.
Two-way data binding to allow the Model to be used as the source of truth.
Has client-side routing to enable creating single page apps (SPA)
Sponsored by Google, lots of contributions by Google employees, but on Github as public
repo.
Requirements
Does not require jQuery, but will use it if you have it.
Can be implemented for sub-sections of a page, so can interoperate with other
components.
Testing examples given in Jasmine and ran using Karma.
Minified is 100k, gzipped brings down to 37k (version 1.2.9). Also pretty
common to use ngResource which is 3k minified.
Stephen R. Covey, The 7 Habits of Highly Effective
People
"to learn and not to do is really
not to learn.
To know and not to do is really
not to know."
AngularJS Examples
First examples, then we'll talk about the bigger picture
of why you should consider using AngularJS
in your next web app.
Starter AngularJS app
We'll start by defining some Javascript objects in a
controller to represent our Models
Then we will display the object using AngularJS built-in
template system
Follow along with this Plunker
Starter AngularJS app
(templating)
This shows what AngularJS
client-side templating looks like
ng-controller provides an
identifier to link with code
ng-repeat iterates through a
variable in the controller's
$scope
Starter AngularJS App
(controller)
The name of our app is myApp
Controller is ToddlerCtrl
We define the controller and fill
our scope up with Toddler
objects. (its just a Javascript
data structure - JSON)
What is a $scope?
$scope is the application ViewModel
It is the glue between the controller and the view.
AngularJS documentation on $scope
Using client-side models from
different data sources
Data sources:
Using JSON in the initial page load to pre-populate Services
Using a static JSON file
Using a REST API
We'll build on the previous example by creating our Models using
different data sources.
Follow along with this Plunker
Using JSON in initial page
load
Assign the JSON to a variable in a