SlideShare ist ein Scribd-Unternehmen logo
1 von 21
The companion suite for AngularJS 
Cecília Rosa 
Angular
Quem é a Cecília? 
Se descrever nem sempre é tão fácil. 
Então apenas vou dizer o que tenho feito da minha vida... 
Desde 2010 atuando em agências de publicidade e cursando 
Publicidade e Propaganda pela UNISINOS, atuando como web 
designer, UI/UX Design. 
Atualmente atuando como web developer/front-end developer 
Estudando Tecnologia da Informação também na UNISINOS e 
atuando como freelancer. 
Cecília Rosa
Sempre pesquisando novas tecnologias tudo o que for diferente 
tende a me despertar curiosidade. 
Foi ai que eu descobri o AngularJS e esses grupos legais no 
Meetup.com 
Como a parte de UI sempre me desperta mais interesse, resolvi 
explorar mais isso para vir contar as novidades pra vocês que 
tem no AngularJS – Angular UI. 
Cecília Rosa
Porque escolher trabalhar com AngularJS? 
Fácil integração com bibliotecas externas 
Diretivas = Abstração da complexidade 
Cecília Rosa
Não é a toa, 
que as empresas estão usando AngularJS 
Cecília Rosa
Mito 1: 
AngularJS não é Mágico! 
Tudo depende de você. 
Cecília Rosa
Mito 2: 
AngularJS não substitui o jQuery! 
mas pode evitar seu uso em alguns casos. 
Cecília Rosa
Cecília Rosa 
Ministério da Saúde adverte: 
O uso excessivo de JavaScript 
Pode levar o projeto ao caos!
AngularJS 
Framework Javascript 
Single Page Application - SPA 
Cecília Rosa
Dá mais poder para o Client-side 
Como isso? 
O Cliente pode fazer alterações na própria página 
rapidamente e efetivamente 
Cecília Rosa
Vamos ao que interessa!! 
Cecília Rosa
Cecília Rosa 
Angular
Cecília Rosa 
O que é Angular UI? 
No que ele se diferencia 
do Angular JS?
Cecília Rosa 
Angular UI – Examples * 
angular-ui.github.io
Cecília Rosa 
Angular UI Grid * 
ui-grid.info
Cecília Rosa 
Mobile Angular UI * 
mobileangularui.com
Cecília Rosa 
50 All You Need To Know 
About AngularJS - Angular UI 
youtube.com/watch?v=eBxu75SMdN0
Advanced UI, Plugins and Components 
Cecília Rosa 
youtube.com/watch?v=YJamA3uBs_8
Cecília Rosa 
Material de Angular UI no Github 
github.com/angular-ui/angular-ui-OLDREPO 
github.com/angular-ui
Agradecimentos 
Thoughtworks 
Group Meetup Angular JS 
Tânia Gonzales 
Ricardo Amorim 
Cecília Rosa
Onde me encontrar? 
@CeciliaRosa 
Cecília Rosa 
Ou em eventos de TI e comunicação. 
Cecília Rosa 
/CeciliaRosa 
ceci.blume@gmail.com

Weitere ähnliche Inhalte

Was ist angesagt?

Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.js
Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.jsJava script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.js
Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.js
Vinicius Reis
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
Sérgio Vilar
 

Was ist angesagt? (20)

Material Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJSMaterial Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJS
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Apresentação angular js
Apresentação angular jsApresentação angular js
Apresentação angular js
 
AngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-SideAngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-Side
 
TDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJSTDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJS
 
A evolução do AngularJS
A evolução do AngularJSA evolução do AngularJS
A evolução do AngularJS
 
Angular js
Angular jsAngular js
Angular js
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
 
Angular js
Angular jsAngular js
Angular js
 
Vue.js - o framework progressivo
Vue.js - o framework progressivoVue.js - o framework progressivo
Vue.js - o framework progressivo
 
Introdução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular jsIntrodução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular js
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
 
Introdução ao AngularJS
Introdução ao AngularJSIntrodução ao AngularJS
Introdução ao AngularJS
 
Curso AngularJS - Parte 1
Curso AngularJS - Parte 1Curso AngularJS - Parte 1
Curso AngularJS - Parte 1
 
Começando com Vue.js
Começando com Vue.jsComeçando com Vue.js
Começando com Vue.js
 
TDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernasTDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernas
 
Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.js
Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.jsJava script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.js
Java script em 2016 - Como sobreviver a essa sopa de letrinhas com vue.js
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 
Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Novidades do AngularJS 2.0
Novidades do AngularJS 2.0
 
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
 

Andere mochten auch

Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Felipe Blini
 

Andere mochten auch (18)

Angular js com diretivas
Angular js com diretivasAngular js com diretivas
Angular js com diretivas
 
Criando serviços com AngularJS
Criando serviços com AngularJSCriando serviços com AngularJS
Criando serviços com AngularJS
 
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo BranasNode.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
Node.js - #7 - Core Modules - http - Parte 1 - Rodrigo Branas
 
Mobile pronto
Mobile prontoMobile pronto
Mobile pronto
 
Soa Fundamentos
Soa FundamentosSoa Fundamentos
Soa Fundamentos
 
Tutorial AngularJS - episódio 5 - diretivas
Tutorial AngularJS - episódio 5 -  diretivasTutorial AngularJS - episódio 5 -  diretivas
Tutorial AngularJS - episódio 5 - diretivas
 
Arquitetura Orientada a Servicos (SOA)
Arquitetura Orientada a Servicos (SOA)Arquitetura Orientada a Servicos (SOA)
Arquitetura Orientada a Servicos (SOA)
 
The New Age Business Analyst - Role of BA in the Changing times of Agile Soft...
The New Age Business Analyst - Role of BA in the Changing times of Agile Soft...The New Age Business Analyst - Role of BA in the Changing times of Agile Soft...
The New Age Business Analyst - Role of BA in the Changing times of Agile Soft...
 
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
 
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
 
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman  | Seminário
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
 
Building React Applications with Redux
Building React Applications with ReduxBuilding React Applications with Redux
Building React Applications with Redux
 
React + Redux Introduction
React + Redux IntroductionReact + Redux Introduction
React + Redux Introduction
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
 
React JS and why it's awesome
React JS and why it's awesomeReact JS and why it's awesome
React JS and why it's awesome
 
Construindo Diretivas com AngularJS
Construindo Diretivas com AngularJSConstruindo Diretivas com AngularJS
Construindo Diretivas com AngularJS
 

Ähnlich wie Apresentação AngularJS - Angular UI

ASP.NET Single Page Application
ASP.NET Single Page ApplicationASP.NET Single Page Application
ASP.NET Single Page Application
Alberto Monteiro
 

Ähnlich wie Apresentação AngularJS - Angular UI (20)

2° Codelab - Por onde começar com AngularJS
2° Codelab  - Por onde começar com AngularJS2° Codelab  - Por onde começar com AngularJS
2° Codelab - Por onde começar com AngularJS
 
Tendências 2015: AngularJS
Tendências 2015: AngularJSTendências 2015: AngularJS
Tendências 2015: AngularJS
 
ASP.NET Single Page Application
ASP.NET Single Page ApplicationASP.NET Single Page Application
ASP.NET Single Page Application
 
PWA: State of Art
PWA: State of ArtPWA: State of Art
PWA: State of Art
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
30º GDG Uberaba - Introdução AngularJS 4 com CLI
30º GDG Uberaba - Introdução AngularJS 4 com CLI30º GDG Uberaba - Introdução AngularJS 4 com CLI
30º GDG Uberaba - Introdução AngularJS 4 com CLI
 
Iniciando com angular
Iniciando com angularIniciando com angular
Iniciando com angular
 
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material DesignCriando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
 
Automatizando testes de UI no Android com Espresso
Automatizando testes de UI no Android com EspressoAutomatizando testes de UI no Android com Espresso
Automatizando testes de UI no Android com Espresso
 
Apps do Bem + Le Wagon
Apps do Bem + Le WagonApps do Bem + Le Wagon
Apps do Bem + Le Wagon
 
Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014
 
Teste A/B
Teste A/BTeste A/B
Teste A/B
 
Introdução ao AngularJS - Minicurso
Introdução ao AngularJS - MinicursoIntrodução ao AngularJS - Minicurso
Introdução ao AngularJS - Minicurso
 
UI Lab Experience - Como começar um projeto de UI Design
UI Lab Experience - Como começar um projeto de UI DesignUI Lab Experience - Como começar um projeto de UI Design
UI Lab Experience - Como começar um projeto de UI Design
 
Introdução AngularJS 4 com CLI
Introdução AngularJS 4 com CLIIntrodução AngularJS 4 com CLI
Introdução AngularJS 4 com CLI
 
Angular js
Angular jsAngular js
Angular js
 
Joomla e acessibilidade
Joomla e acessibilidadeJoomla e acessibilidade
Joomla e acessibilidade
 
InCuca - Coding dojo - AngularJS
InCuca - Coding dojo - AngularJSInCuca - Coding dojo - AngularJS
InCuca - Coding dojo - AngularJS
 
Como escalamos Agile na Globo.com - versão extendida
Como escalamos Agile na Globo.com - versão extendidaComo escalamos Agile na Globo.com - versão extendida
Como escalamos Agile na Globo.com - versão extendida
 
UX e Tecnologia - Bianca Brancaleone
UX e Tecnologia - Bianca BrancaleoneUX e Tecnologia - Bianca Brancaleone
UX e Tecnologia - Bianca Brancaleone
 

Apresentação AngularJS - Angular UI

  • 1. The companion suite for AngularJS Cecília Rosa Angular
  • 2. Quem é a Cecília? Se descrever nem sempre é tão fácil. Então apenas vou dizer o que tenho feito da minha vida... Desde 2010 atuando em agências de publicidade e cursando Publicidade e Propaganda pela UNISINOS, atuando como web designer, UI/UX Design. Atualmente atuando como web developer/front-end developer Estudando Tecnologia da Informação também na UNISINOS e atuando como freelancer. Cecília Rosa
  • 3. Sempre pesquisando novas tecnologias tudo o que for diferente tende a me despertar curiosidade. Foi ai que eu descobri o AngularJS e esses grupos legais no Meetup.com Como a parte de UI sempre me desperta mais interesse, resolvi explorar mais isso para vir contar as novidades pra vocês que tem no AngularJS – Angular UI. Cecília Rosa
  • 4. Porque escolher trabalhar com AngularJS? Fácil integração com bibliotecas externas Diretivas = Abstração da complexidade Cecília Rosa
  • 5. Não é a toa, que as empresas estão usando AngularJS Cecília Rosa
  • 6. Mito 1: AngularJS não é Mágico! Tudo depende de você. Cecília Rosa
  • 7. Mito 2: AngularJS não substitui o jQuery! mas pode evitar seu uso em alguns casos. Cecília Rosa
  • 8. Cecília Rosa Ministério da Saúde adverte: O uso excessivo de JavaScript Pode levar o projeto ao caos!
  • 9. AngularJS Framework Javascript Single Page Application - SPA Cecília Rosa
  • 10. Dá mais poder para o Client-side Como isso? O Cliente pode fazer alterações na própria página rapidamente e efetivamente Cecília Rosa
  • 11. Vamos ao que interessa!! Cecília Rosa
  • 13. Cecília Rosa O que é Angular UI? No que ele se diferencia do Angular JS?
  • 14. Cecília Rosa Angular UI – Examples * angular-ui.github.io
  • 15. Cecília Rosa Angular UI Grid * ui-grid.info
  • 16. Cecília Rosa Mobile Angular UI * mobileangularui.com
  • 17. Cecília Rosa 50 All You Need To Know About AngularJS - Angular UI youtube.com/watch?v=eBxu75SMdN0
  • 18. Advanced UI, Plugins and Components Cecília Rosa youtube.com/watch?v=YJamA3uBs_8
  • 19. Cecília Rosa Material de Angular UI no Github github.com/angular-ui/angular-ui-OLDREPO github.com/angular-ui
  • 20. Agradecimentos Thoughtworks Group Meetup Angular JS Tânia Gonzales Ricardo Amorim Cecília Rosa
  • 21. Onde me encontrar? @CeciliaRosa Cecília Rosa Ou em eventos de TI e comunicação. Cecília Rosa /CeciliaRosa ceci.blume@gmail.com