Introduction to AngularJS

50 %
50 %
Information about Introduction to AngularJS
Technology

Published on March 14, 2014

Author: AldoPizzagalli

Source: slideshare.net

Description

Introduction to AngularJS

AngularJS Introduction to FrontEnders Ticino

@aldopizzagalli Aldo Pizzagalli UX Designer

Why use AngularJS ??

Let’s go back to 3 months ago….

During a meeting…

Which Technology??

ok… we need to change our architecture… but how??

Which Framework?? http://todomvc.com/

Google Trends Follow the Blue line…

Two Way Data Binding Dependency Injection MVC - MVVM Ready for Web Component

I often say that AngularJS is what the web browser would have been, had it been designed for application Miško Hevery AngularJS Creator

Talk is cheap. Show me the code!!

Directives A directive is a behavior or DOM transformation which is triggered by the presence of a custom attribute, element name, or a class name. A directive allows you to extend the HTML vocabulary in a declarative fashion. AngularJS's developer guide (http://docs.angularjs.org/guide)

AngularJS Hello World

Controllers A controller is a JavaScript constructor function that is used to augment the Angular Scope. AngularJS's developer guide (http://docs.angularjs.org/guide)

Codice Controller

Modules You can think of a module as a container for the different parts of your app – controllers, services, filters, directives, etc.

Bower by Twitter A package manager for the web http://bower.io

Dependency Injection (DI) is a software design pattern that deals with how code gets hold of its dependencies. Dependency Injection

Services Angular services are singletons that carry out specific tasks.

Codice creazione di un servizio

Configurations

Routing AngularJS is perfect to build single page web applications. So… what about routing??

Routing

Test never forget… twice a day, everyday!! http://jasmine.github.io/

about.me/aldopizzagalliFrontEnders Ticino

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

introduction - AngularJS

AngularJS is what HTML would have been, had it been designed for building web-apps. Declarative templates with data-binding, MVC, dependency ...
Read more

Introduction to AngularJS - W3Schools

AngularJS Extends HTML. AngularJS extends HTML with ng-directives. The ng-app directive defines an AngularJS application. The ng-model directive binds the ...
Read more

Introduction to AngularJS

Web Devs, if you liked the Introduction to AngularJS session in the Single Page Applications with jQuery or AngularJS course, roll up your ...
Read more

Part1: Introduction to AngularJS - CodeProject

Download AngularJS-Part1.zip - 29.9 KB; Introduction. Recently I started learning AngularJS, it was very difficult for me to find some good detailed ...
Read more

Introduction to AngularJS – Microsoft Virtual Academy

Learn AngularJS in this deep dive follow-up to our original class, with experts Stacey Mulcahey and Christopher Harrison.
Read more

Introduction to AngularJS | Channel 9

Web Devs, if you liked the Introduction to AngularJS session in the Single Page Applications with jQuery or AngularJS course, roll up your ...
Read more

Introduction to AngularJS - YouTube

Igor Minar, tech lead for AngularJS at Google, walks us through the basic features of AngluarJS by building a to-do list application. A great ...
Read more

Introduction à AngularJS - synbioz.com

En ajoutant notre champ texte, j’ai également mis en place un attribut ng-model que fourni AngularJS sur celui-ci. En passant notre variable name à cet ...
Read more

Introduction to Angular JS - YouTube

Want to watch this again later? Sign in to add this video to a playlist. Walk through building a sample application with AngularJS to learn some ...
Read more

AngularJS — Superheroic JavaScript MVW Framework

AngularJS is what HTML would have been, had it been designed for building web-apps. Declarative templates with data-binding, MVW, MVVM, MVC ...
Read more