SlideShare uma empresa Scribd logo
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

Mais conteúdo relacionado

Mais procurados (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
Henrique Limas
 
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...
Rodrigo Branas
 
Apresentação angular js
Apresentação angular jsApresentação angular js
Apresentação angular js
Raphael Ramos Monteiro
 
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
Sergio Azevedo
 
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
Leonardo Zanivan
 
A evolução do AngularJS
A evolução do AngularJSA evolução do AngularJS
A evolução do AngularJS
Rodrigo Branas
 
Angular js
Angular jsAngular js
Angular js
Hudson Augusto
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
Julian Cesar
 
Angular js
Angular jsAngular js
Angular js
Bruno Catão
 
Vue.js - o framework progressivo
Vue.js - o framework progressivoVue.js - o framework progressivo
Vue.js - o framework progressivo
Vinicius Reis
 
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
Cloves Moreira Junior
 
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...
Daniel Makiyama
 
Introdução ao AngularJS
Introdução ao AngularJSIntrodução ao AngularJS
Introdução ao AngularJS
Rodrigo Branas
 
Curso AngularJS - Parte 1
Curso AngularJS - Parte 1Curso AngularJS - Parte 1
Curso AngularJS - Parte 1
Alvaro Viebrantz
 
Começando com Vue.js
Começando com Vue.jsComeçando com Vue.js
Começando com Vue.js
marcusbalbi
 
TDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernasTDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernas
tdc-globalcode
 
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
 
Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Novidades do AngularJS 2.0
Novidades do AngularJS 2.0
Nicolas Takashi
 
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!
José Barbosa
 
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
Henrique Limas
 
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...
Rodrigo Branas
 
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
Sergio Azevedo
 
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
Leonardo Zanivan
 
A evolução do AngularJS
A evolução do AngularJSA evolução do AngularJS
A evolução do AngularJS
Rodrigo Branas
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
Julian Cesar
 
Vue.js - o framework progressivo
Vue.js - o framework progressivoVue.js - o framework progressivo
Vue.js - o framework progressivo
Vinicius Reis
 
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
Cloves Moreira Junior
 
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...
Daniel Makiyama
 
Introdução ao AngularJS
Introdução ao AngularJSIntrodução ao AngularJS
Introdução ao AngularJS
Rodrigo Branas
 
Começando com Vue.js
Começando com Vue.jsComeçando com Vue.js
Começando com Vue.js
marcusbalbi
 
TDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernasTDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernas
tdc-globalcode
 
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
 
Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Novidades do AngularJS 2.0
Novidades do AngularJS 2.0
Nicolas Takashi
 
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!
José Barbosa
 

Destaque (18)

Angular js com diretivas
Angular js com diretivasAngular js com diretivas
Angular js com diretivas
Matheus Lima
 
Criando serviços com AngularJS
Criando serviços com AngularJSCriando serviços com AngularJS
Criando serviços com AngularJS
Rodrigo Branas
 
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
Rodrigo Branas
 
Mobile pronto
Mobile prontoMobile pronto
Mobile pronto
Agencia.BR
 
Soa Fundamentos
Soa FundamentosSoa Fundamentos
Soa Fundamentos
Rildo (@rildosan) Santos
 
Tutorial AngularJS - episódio 5 - diretivas
Tutorial AngularJS - episódio 5 -  diretivasTutorial AngularJS - episódio 5 -  diretivas
Tutorial AngularJS - episódio 5 - diretivas
Jose Naves Moura Neto
 
Arquitetura Orientada a Servicos (SOA)
Arquitetura Orientada a Servicos (SOA)Arquitetura Orientada a Servicos (SOA)
Arquitetura Orientada a Servicos (SOA)
Marcelo Sávio
 
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...
Texavi Innovative Solutions
 
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)
Wennder Santos
 
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
Intel Software Brasil
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
Alex Espirito Santo
 
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
Osmar Petry
 
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)
Wennder Santos
 
Building React Applications with Redux
Building React Applications with ReduxBuilding React Applications with Redux
Building React Applications with Redux
FITC
 
React + Redux Introduction
React + Redux IntroductionReact + Redux Introduction
React + Redux Introduction
Nikolaus Graf
 
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
 
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
Andrew Hull
 
Construindo Diretivas com AngularJS
Construindo Diretivas com AngularJSConstruindo Diretivas com AngularJS
Construindo Diretivas com AngularJS
Rodrigo Branas
 
Angular js com diretivas
Angular js com diretivasAngular js com diretivas
Angular js com diretivas
Matheus Lima
 
Criando serviços com AngularJS
Criando serviços com AngularJSCriando serviços com AngularJS
Criando serviços com AngularJS
Rodrigo Branas
 
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
Rodrigo Branas
 
Tutorial AngularJS - episódio 5 - diretivas
Tutorial AngularJS - episódio 5 -  diretivasTutorial AngularJS - episódio 5 -  diretivas
Tutorial AngularJS - episódio 5 - diretivas
Jose Naves Moura Neto
 
Arquitetura Orientada a Servicos (SOA)
Arquitetura Orientada a Servicos (SOA)Arquitetura Orientada a Servicos (SOA)
Arquitetura Orientada a Servicos (SOA)
Marcelo Sávio
 
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...
Texavi Innovative Solutions
 
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)
Wennder Santos
 
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
Intel Software Brasil
 
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
Osmar Petry
 
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)
Wennder Santos
 
Building React Applications with Redux
Building React Applications with ReduxBuilding React Applications with Redux
Building React Applications with Redux
FITC
 
React + Redux Introduction
React + Redux IntroductionReact + Redux Introduction
React + Redux Introduction
Nikolaus Graf
 
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
 
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
Andrew Hull
 
Construindo Diretivas com AngularJS
Construindo Diretivas com AngularJSConstruindo Diretivas com AngularJS
Construindo Diretivas com AngularJS
Rodrigo Branas
 
Anúncio

Semelhante a Apresentação AngularJS - Angular UI (19)

Breve explicação sobre o que é AngularJs
Breve explicação sobre o que é AngularJsBreve explicação sobre o que é AngularJs
Breve explicação sobre o que é AngularJs
Rubens Fernandes
 
Meetup #17
Meetup #17Meetup #17
Meetup #17
Raphael Moraes
 
AngularJS - Universidade Positivo - Trabalho
AngularJS -  Universidade Positivo - TrabalhoAngularJS -  Universidade Positivo - Trabalho
AngularJS - Universidade Positivo - Trabalho
GustavoAlves216
 
Angularjs
AngularjsAngularjs
Angularjs
Jonata de Souza
 
Aprendendo Angular com a CLI
Aprendendo Angular com a CLIAprendendo Angular com a CLI
Aprendendo Angular com a CLI
Vanessa Me Tonini
 
Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5
Dannyrooh F de Campos
 
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
GDGFoz
 
Introdução ao AngularJS - Minicurso
Introdução ao AngularJS - MinicursoIntrodução ao AngularJS - Minicurso
Introdução ao AngularJS - Minicurso
Márcio Lucas R Oliveira
 
AngularJS sem medo
AngularJS sem medoAngularJS sem medo
AngularJS sem medo
Douglas Lira
 
Angular - Ruby Morning
Angular - Ruby MorningAngular - Ruby Morning
Angular - Ruby Morning
Yan Justino
 
Angular 2, TypeScript e Além
Angular 2, TypeScript e AlémAngular 2, TypeScript e Além
Angular 2, TypeScript e Além
Andre Baltieri
 
InCuca - Coding dojo - AngularJS
InCuca - Coding dojo - AngularJSInCuca - Coding dojo - AngularJS
InCuca - Coding dojo - AngularJS
InCuca
 
Spa com angular js flisol 2015 - aquidauana ms
Spa com angular js   flisol 2015 - aquidauana msSpa com angular js   flisol 2015 - aquidauana ms
Spa com angular js flisol 2015 - aquidauana ms
Paulo Roberto Sampaio Bezerra
 
Introdução jQuery UI
Introdução jQuery UIIntrodução jQuery UI
Introdução jQuery UI
Ricardo Machado
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
Harlley Oliveira
 
Introdução à Programação Web com Angular
Introdução à Programação Web com AngularIntrodução à Programação Web com Angular
Introdução à Programação Web com Angular
Elmano Cavalcanti
 
Introdução ao Desenvolvimento Web com AngularJS - Google I/O Extended Brasília
Introdução ao Desenvolvimento Web com AngularJS - Google I/O Extended BrasíliaIntrodução ao Desenvolvimento Web com AngularJS - Google I/O Extended Brasília
Introdução ao Desenvolvimento Web com AngularJS - Google I/O Extended Brasília
Marcus Paulo
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
Julio Vedovatto
 
JS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOMJS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOM
tdc-globalcode
 
Breve explicação sobre o que é AngularJs
Breve explicação sobre o que é AngularJsBreve explicação sobre o que é AngularJs
Breve explicação sobre o que é AngularJs
Rubens Fernandes
 
AngularJS - Universidade Positivo - Trabalho
AngularJS -  Universidade Positivo - TrabalhoAngularJS -  Universidade Positivo - Trabalho
AngularJS - Universidade Positivo - Trabalho
GustavoAlves216
 
Aprendendo Angular com a CLI
Aprendendo Angular com a CLIAprendendo Angular com a CLI
Aprendendo Angular com a CLI
Vanessa Me Tonini
 
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
GDGFoz
 
AngularJS sem medo
AngularJS sem medoAngularJS sem medo
AngularJS sem medo
Douglas Lira
 
Angular - Ruby Morning
Angular - Ruby MorningAngular - Ruby Morning
Angular - Ruby Morning
Yan Justino
 
Angular 2, TypeScript e Além
Angular 2, TypeScript e AlémAngular 2, TypeScript e Além
Angular 2, TypeScript e Além
Andre Baltieri
 
InCuca - Coding dojo - AngularJS
InCuca - Coding dojo - AngularJSInCuca - Coding dojo - AngularJS
InCuca - Coding dojo - AngularJS
InCuca
 
JavaScript e JQuery para Webdesigners
JavaScript e JQuery para WebdesignersJavaScript e JQuery para Webdesigners
JavaScript e JQuery para Webdesigners
Harlley Oliveira
 
Introdução à Programação Web com Angular
Introdução à Programação Web com AngularIntrodução à Programação Web com Angular
Introdução à Programação Web com Angular
Elmano Cavalcanti
 
Introdução ao Desenvolvimento Web com AngularJS - Google I/O Extended Brasília
Introdução ao Desenvolvimento Web com AngularJS - Google I/O Extended BrasíliaIntrodução ao Desenvolvimento Web com AngularJS - Google I/O Extended Brasília
Introdução ao Desenvolvimento Web com AngularJS - Google I/O Extended Brasília
Marcus Paulo
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
Julio Vedovatto
 
JS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOMJS limpo e testável com Segregated DOM
JS limpo e testável com Segregated DOM
tdc-globalcode
 
Anúncio

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 [email protected]