AngularJS Overview

56 %
44 %
Information about AngularJS Overview
Technology

Published on February 5, 2014

Author: dtelaroli

Source: slideshare.net

Description

Seed sobre AngularJS e seus conceitos básicos

AngularJS Overview Denilson Telaroli Fevereiro / 2014

Overview ● Framework JS MVW ● Mantido pela Google e Comunidade ● Baseado em conceitos do Flex ● Funcionalidades – Data Binding – Injectable – Testable – Localization – Plain Old Javascript Object – Reusable components – Form validation – Free of DOM (thank god) – REST friendly ($resource component) – Routes control

Desvantagens ● SEO ● Analytics ● Documentação básica ● ● “Não permite” integração com outros frameworks diretamente no DOM Use-o para single-pages e webapps

Curva de aprendizado x sentimento

Modules ● Módulos são reaproveitáveis e injetáveis

Rotas ● Permite instanciar um controller e carregar uma view

Services ● Singleton (até pressionar F5) ● Injetável

Filter ● Servem para... – Listas – Objetos – Html – Textos

Diretivas ● Ponte entre DOM e JS ● Difíceis de entender ● API Poderosa

Controllers ● Permitem Herança ● Aceitam components por DI

Testes ● Framework padrão: Jasmine ● Angular-seed vem preparado para o Karma ● O Karma facilita CI

Uso básico - Diretivas ● Ng-app – ● Diretiva que declara um módulo no html Ng-controller – Declara um escopo de controller – Aceita herança declarando dois nós (um dentro do outro) com ng-controller ● ● Ng-model – ● Evento onclick Ng-repeat – ● Diretiva usada em formulários (inputs) Ng-click – ● <div ng-controller=”PaiCtrl”><div ng-controller=”FilhoCtrl”></div></div> Loop {{expression}} – Imprime no local o valor da variável expression na variável $scope do ctrl ($scope.expression) – Aceita expressões javascript ● ● {{1 + 1 === 2 ? 'ok' : 'error'}} {{getValue()}}

Uso básico - Formulários

Comunidade ● Muito ativa, apesar de nova tem muita coisa pronta – http://angularjs.org – https://github.com/angular/angular.js – http://ngmodules.org

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

Conceptual Overview - 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

AngularJS: An Overview | Get Started With AngularJS

A high-level overview of AngularJS for JavaScript developers of all skill levels. A jumping off point if you are considering AngularJS development.
Read more

AngularJS - Overview - Tutorialspoint

AngularJS Overview - Learn AngularJS in simple and easy steps starting from Overview, Environment Setup, MVC Architecture, First Application, Directives ...
Read more

AngularJS Overview - C# Corner

In this article you will learn about AngularJS. It is a powerful JavaScript framework to create Rich Internet Applications (RIAs).
Read more

AngularJS Overview: Amazon.de: Alisha T Newton, London ...

Alisha T Newton - AngularJS Overview jetzt kaufen. ISBN: 9781519289476, Fremdsprachige Bücher - Computer & Internet
Read more

AngularJS in Patterns (Part 1). Overview of AngularJS ...

In this series of blog posts I’m going to cover the paper I’m writing at GitHub. It aims to provide a bit more theoretical overview of some of the ...
Read more

AngularJS Overview - SPLessons

AngularJS Tutorial for beginners - Learn AngularJS in simple and easy steps starting from Overview, setup, application, First Application, MVC, expression ...
Read more

Introduction to AngularJS

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

AngularJS.DE → AngularJS Online-Buch

☰ AngularJS.DE. Artikel; Tutorials; Buch; Jobs; Entwickler; Veranstaltungen; Slack 20/569. Login AngularJS Online-Buch. 1. Einleitung: 1.1: Erwartete ...
Read more

Knockout : Introduction

Introduction. Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model.
Read more