Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

New New New AngularJS Presentation

No description
by

Brent Engwall

on 13 January 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of New New New AngularJS Presentation

Hot new front-end JavaScript framework
Rapidly develop powerful, responsive web apps

Angular what?
First, why a framework?
Features
Quick Demo
Alternatives
What's next

Additional examples
Online resources
Presentation references

Backed by Google
Actively maintained
Comprehensive feature set
Like jQuery, it doesn't get in the way
Get started in minutes
Large & quickly growing community
Built for testability
Modern (REST, SPAs)
Fast
Open Source
Why a framework?
Features
Language
Server-side lessons
Maintainability
Developer happiness
Developed in 2009 by Miško Hevery and Adam Abrons for commercial purposes, but later Angular as an open-source library.

Hevery, who works at Google, continues to develop and maintain the library.

Version 1.0 of AngularJS was released in December 2012.

What about WebToolkit?
WebToolkit compiles Java down to JavaScript and was used by the Google extensively. With the rise of HTML5, CSS3, and JavaScript, Google is changing directions.
History of AngularJS
Why AngularJS
What it AngularJS?
Templating
Databinding
Routing
MVC
Event dispatching
Dependency Injection
Extensibility ("Directives")
Allows for testing
Deep Linking
Cookbook: http://docs.angularjs.org/cookbook/index
JSFiddle examples: https://github.com/angular/angular.js/wiki/JsFiddle-Examples
TodoMVC: http://todomvc.com/
Additional Examples
Hello World: http://plnkr.co/edit/twxracgrDZdPOukqNkMl

Basic Form: http://plnkr.co/edit/SpApwSmR30SWEJpD5bgk

Adv Form: http://plnkr.co/edit/Ma5fxJbgj55HSsl3MqfY

Deep Linking: http://docs.angularjs.org/cookbook/deeplinking

Google Charts: http://plnkr.co/edit/kGUhDM?p=preview
Demo
Gmail
MyMail
Simplicity
Enhance HTML, work with it not around it
Testable, maintainable, extendable
Philosophy similar to
History
YouTube training videos: http://www.egghead.io/#/
Great video tutorial: http://jphoward.wordpress.com/2013/01/04/end-to-end-web-app-in-under-an-hour/
Good overview video: http://blog.angularjs.org/?view=flipcard#!/2012/07/angularjs-meetup-june-2012-data-binding.html
Good explanation of AngularJS: http://weblogs.asp.net/dwahlin/archive/2012/07/29/javascript-data-binding-with-angularjs-getting-started.aspx
Guidance: http://briantford.com/blog/huuuuuge-angular-apps.html
3 Reasons to Choose AngularJS: http://net.tutsplus.com/tutorials/javascript-ajax/3-reasons-to-choose-angularjs-for-your-next-project/
AngularJS Tutorial: http://www.angularjstutorial.com/
Benefits: http://devgirl.org/2013/03/21/fun-with-angularjs/
Imagine doing this
with JQuery...
Single Page Applications
What's happening?
Fill the Gap in the Stack
WEB 1.0
$$$$
$$
Features
WEB 2.0
$$$$
$$
Features
???
1.0
2.0
2.0
What Gap?
AngularJS - focused on maintaining data models for objects and how they are viewed on the front end.

jQuery - focused on precise control of the page.

Different philosophies and strengths.

One nice thing... you can combine AngularJS and jQuery to combine the strengths of both.
Why not JQuery?
Alternatives
Maturing
Frameworks
+ Tools
What do we want in a Framework?
Features
Plumbing - let me do my 'thang
Be part of the solution, not the problem
- NO BLACK BOX!!!
Longevity
- Growing
- Community / Popularity
- Stable Sponsor
Documentation
Compatibility (with other libraries)
Accessible, but yet powerful
Testability
Extensibility & Reuse
Standards based
What's Next
1.1.15 just came out on 5/22 added animations and stuff ( http://blog.angularjs.org/ )
What needs to improve... Javascript
Online Resources
AngularJS History
APEX
SPAs &
RIAs
Full transcript