SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Day-to-day
Vue or React
Quem sou eu?
● Hebert Silva
● Cientista da Computação, 2013
● Front-end Developer STORED e-commerce, 2014
● Garoto de Programa, 2007
● Github: github.com/hebertsilva
● Linkedin: linkedin.com/in/hebertpsilva
Front-end
● Damos vida a interface do usuário
● Preocupamos com a experiência do usuário
● Somos o braço direito do Designer
Trajetória
● index.html
● HTML
● CSS
● JavaScript
● jQuery *
* jQuery é uma biblioteca de funções JavaScript que interage com o HTML.
JS
● JavaScript não é JAVA.
● Foi criado pela W3C e mantida pela ECMA
● É uma linguagem interpretada
● cliente-side e server-side, sim! JavaScript também pode ser usada como server-side (NodeJS)
Javascript Reativo
● Construído para “reagir” às mudanças que acontecem (como eventos de cliques, dados
sendo buscados, etc)
● Componentes reutilizáveis
● Programar com fluxos de dados assíncronos
React o pioneiro
● Usado por grandes empresas
● Criar interfaces eficientes
● Reutilizar componentes
● Nos tornar melhores desenvolvedores
Vue está na moda
● Considerada uma biblioteca assim como o React para criar componentes
● Vue.js é extremamente leve, modular e com um foco claro
● Apresenta até 4 vezes mais velocidade na hora de processar cada requisição e tela
Day-to-day
● Curva de aprendizado
● MVP de códigos
● Documentação e leitura
● Escalabilidade
● O que motiva
● O novo sempre é bom
● Nós fazemos a comunidade de desenvolvedores
● Fóruns e muito mais
● Compartilhamos o conhecimento
A comunidade
Gosto mais de Vue e gosto mais de React também!
Você gosta mais de Vue ou de React?
● https://star-history.t9t.io
● https://codesandbox.io/
● https://dribbble.com/
● https://reactjs.org/
● https://vuejs.org/
Motive-se
Day to day  vue or react  (2)

Mais conteúdo relacionado

Mais procurados

Arquitetura Client-Side do Comentários da Globo.com
Arquitetura Client-Side do Comentários da Globo.comArquitetura Client-Side do Comentários da Globo.com
Arquitetura Client-Side do Comentários da Globo.comEvandro Gonçalves
 
Testes automatizados (2)
Testes automatizados (2)Testes automatizados (2)
Testes automatizados (2)cesarvianna
 
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 é AngularJsRubens Fernandes
 
Angular - Ruby Morning
Angular - Ruby MorningAngular - Ruby Morning
Angular - Ruby MorningYan Justino
 
GDG ABC Meetup #5 - Tendências 2015
GDG ABC Meetup #5 - Tendências 2015GDG ABC Meetup #5 - Tendências 2015
GDG ABC Meetup #5 - Tendências 2015Daniel Costa Gimenes
 
Java script vs vb script
Java script vs vb scriptJava script vs vb script
Java script vs vb scriptNielson Santana
 
Criando um web service RESTful em NodeJS
Criando um web service RESTful em NodeJSCriando um web service RESTful em NodeJS
Criando um web service RESTful em NodeJSJakeliny Gracielly
 
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAWilson Mendes
 
Palestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.jsPalestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.jsWendell Adriel
 
Dojo iOS Básico - Aula 2
Dojo iOS Básico - Aula 2Dojo iOS Básico - Aula 2
Dojo iOS Básico - Aula 2Gustavo Barbosa
 
Protótipos em svg+javascript
Protótipos em svg+javascriptProtótipos em svg+javascript
Protótipos em svg+javascriptAugusto Rückert
 
O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0Wilson Mendes
 
Novidades asp.net mvc 4
Novidades asp.net mvc 4Novidades asp.net mvc 4
Novidades asp.net mvc 4Cleber Dantas
 

Mais procurados (19)

Arquitetura Client-Side do Comentários da Globo.com
Arquitetura Client-Side do Comentários da Globo.comArquitetura Client-Side do Comentários da Globo.com
Arquitetura Client-Side do Comentários da Globo.com
 
Protractor
ProtractorProtractor
Protractor
 
Testes automatizados (2)
Testes automatizados (2)Testes automatizados (2)
Testes automatizados (2)
 
CEJS 2014 - KnockoutJS
CEJS 2014 - KnockoutJSCEJS 2014 - KnockoutJS
CEJS 2014 - KnockoutJS
 
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
 
Introdução GWT
Introdução GWTIntrodução GWT
Introdução GWT
 
Angular - Ruby Morning
Angular - Ruby MorningAngular - Ruby Morning
Angular - Ruby Morning
 
GDG ABC Meetup #5 - Tendências 2015
GDG ABC Meetup #5 - Tendências 2015GDG ABC Meetup #5 - Tendências 2015
GDG ABC Meetup #5 - Tendências 2015
 
Java script vs vb script
Java script vs vb scriptJava script vs vb script
Java script vs vb script
 
Criando um web service RESTful em NodeJS
Criando um web service RESTful em NodeJSCriando um web service RESTful em NodeJS
Criando um web service RESTful em NodeJS
 
Angular js
Angular jsAngular js
Angular js
 
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
 
Método The bridge
Método The bridgeMétodo The bridge
Método The bridge
 
Palestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.jsPalestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.js
 
Dojo iOS Básico - Aula 2
Dojo iOS Básico - Aula 2Dojo iOS Básico - Aula 2
Dojo iOS Básico - Aula 2
 
Apresentação Jquery
Apresentação JqueryApresentação Jquery
Apresentação Jquery
 
Protótipos em svg+javascript
Protótipos em svg+javascriptProtótipos em svg+javascript
Protótipos em svg+javascript
 
O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0
 
Novidades asp.net mvc 4
Novidades asp.net mvc 4Novidades asp.net mvc 4
Novidades asp.net mvc 4
 

Semelhante a Day to day vue or react (2)

DevCommerce Conference 2016: React para aplicações web e mobile como platafor...
DevCommerce Conference 2016: React para aplicações web e mobile como platafor...DevCommerce Conference 2016: React para aplicações web e mobile como platafor...
DevCommerce Conference 2016: React para aplicações web e mobile como platafor...iMasters
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3André Luiz Forchesatto
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...iMasters
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
The Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto AlegreThe Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto AlegreBruno Brandes
 
O front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: ReactO front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: ReactFernando Henriques
 
GWT - de iniciante a especialista
GWT - de iniciante a especialistaGWT - de iniciante a especialista
GWT - de iniciante a especialistaDanilo Reinert
 
Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...
Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...
Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...Adriano Teixeira de Souza
 
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.Cristofer Sousa
 
Django: Uso de frameworks ágeis para desenvolvimento web
Django: Uso de frameworks ágeis para desenvolvimento webDjango: Uso de frameworks ágeis para desenvolvimento web
Django: Uso de frameworks ágeis para desenvolvimento webMiguel Galves
 
Apresentação java
Apresentação javaApresentação java
Apresentação javamunosai
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Angular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativoAngular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativoGDGFoz
 
Gerenciando seus Crushs com Power BI e Node JS
Gerenciando seus Crushs com Power BI e Node JSGerenciando seus Crushs com Power BI e Node JS
Gerenciando seus Crushs com Power BI e Node JSOrlando Mariano
 

Semelhante a Day to day vue or react (2) (20)

DevCommerce Conference 2016: React para aplicações web e mobile como platafor...
DevCommerce Conference 2016: React para aplicações web e mobile como platafor...DevCommerce Conference 2016: React para aplicações web e mobile como platafor...
DevCommerce Conference 2016: React para aplicações web e mobile como platafor...
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
 
Front end architecture
Front end architectureFront end architecture
Front end architecture
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Google Web Toolkit
Google Web ToolkitGoogle Web Toolkit
Google Web Toolkit
 
The Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto AlegreThe Developers Conference 2014 | Porto Alegre
The Developers Conference 2014 | Porto Alegre
 
Linear Engineering
Linear EngineeringLinear Engineering
Linear Engineering
 
O front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: ReactO front-end moderno e sua lib mais popular: React
O front-end moderno e sua lib mais popular: React
 
Aula09 - Java Script
Aula09 - Java ScriptAula09 - Java Script
Aula09 - Java Script
 
GWT - de iniciante a especialista
GWT - de iniciante a especialistaGWT - de iniciante a especialista
GWT - de iniciante a especialista
 
Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...
Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...
Paradigmas de Linguagens de Programação - Quatro Paradigmas + Ambientes de Pr...
 
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
 
Django: Uso de frameworks ágeis para desenvolvimento web
Django: Uso de frameworks ágeis para desenvolvimento webDjango: Uso de frameworks ágeis para desenvolvimento web
Django: Uso de frameworks ágeis para desenvolvimento web
 
Apresentação java
Apresentação javaApresentação java
Apresentação java
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Django
DjangoDjango
Django
 
Escalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLIDEscalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLID
 
Angular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativoAngular, React ou Vue? Comparando os favoritos do JS reativo
Angular, React ou Vue? Comparando os favoritos do JS reativo
 
Gerenciando seus Crushs com Power BI e Node JS
Gerenciando seus Crushs com Power BI e Node JSGerenciando seus Crushs com Power BI e Node JS
Gerenciando seus Crushs com Power BI e Node JS
 

Day to day vue or react (2)

  • 2. Quem sou eu? ● Hebert Silva ● Cientista da Computação, 2013 ● Front-end Developer STORED e-commerce, 2014 ● Garoto de Programa, 2007 ● Github: github.com/hebertsilva ● Linkedin: linkedin.com/in/hebertpsilva
  • 3. Front-end ● Damos vida a interface do usuário ● Preocupamos com a experiência do usuário ● Somos o braço direito do Designer
  • 4. Trajetória ● index.html ● HTML ● CSS ● JavaScript ● jQuery * * jQuery é uma biblioteca de funções JavaScript que interage com o HTML.
  • 5. JS ● JavaScript não é JAVA. ● Foi criado pela W3C e mantida pela ECMA ● É uma linguagem interpretada ● cliente-side e server-side, sim! JavaScript também pode ser usada como server-side (NodeJS)
  • 6. Javascript Reativo ● Construído para “reagir” às mudanças que acontecem (como eventos de cliques, dados sendo buscados, etc) ● Componentes reutilizáveis ● Programar com fluxos de dados assíncronos
  • 7. React o pioneiro ● Usado por grandes empresas ● Criar interfaces eficientes ● Reutilizar componentes ● Nos tornar melhores desenvolvedores
  • 8.
  • 9. Vue está na moda ● Considerada uma biblioteca assim como o React para criar componentes ● Vue.js é extremamente leve, modular e com um foco claro ● Apresenta até 4 vezes mais velocidade na hora de processar cada requisição e tela
  • 10.
  • 11. Day-to-day ● Curva de aprendizado ● MVP de códigos ● Documentação e leitura ● Escalabilidade ● O que motiva ● O novo sempre é bom
  • 12. ● Nós fazemos a comunidade de desenvolvedores ● Fóruns e muito mais ● Compartilhamos o conhecimento A comunidade
  • 13. Gosto mais de Vue e gosto mais de React também! Você gosta mais de Vue ou de React?
  • 14.
  • 15. ● https://star-history.t9t.io ● https://codesandbox.io/ ● https://dribbble.com/ ● https://reactjs.org/ ● https://vuejs.org/ Motive-se