SlideShare uma empresa Scribd logo
1 de 11
Workshop Vanilla JS e ES6 -
Construindo uma aplicação Front-end
Wendell Adriel
Quem eu sou
- Full Stack Developer desde 2009
- Zend Certified PHP Engineer
- Criador da CodeShare
(http://codeshare.com.br)
- Consultor, palestrante e mentor
- Principais tecnologias: PHP e JS
- https://github.com/WendellAdriel
Introdução
- Por que JavaScript?
- O poder do JavaScript
- O que é Vanilla JS?
- WTF is ES6?
- Comece a usar ES6 agora!!!
- Construindo nossa aplicação Front-end com Vanilla JS e
ES6
Por que JavaScript?
Sintaxe simples
Um dos pilares da Web
Popular
Comunidade ativa
Grande variedade
O Poder do JavaScript
- Desenvolvimento Front-end
- Desenvolvimento Back-end
- Desenvolvimento Desktop
- Desenvolvimento Mobile
- Base de Dados
O que é Vanilla JS
- http://vanilla-js.com/
- É usar o JavaScript "puro", sem
frameworks e bibliotecas
WTF is ES6?
- ES = EcmaScript
- Especificação de linguagem de script
- JavaScript é uma implementação do EcmaScript
- ES6 é uma das versões mais novas do EcmaScript
- Muitas mudanças
Comece a usar ES6 agora!!!
- Muitas features novas para ajudar no
desenvolvimento
- Sintaxe reduzida
- Frameworks e bibliotecas modernas usam ES6
Construindo nossa aplicação Front-end
https://github.com/WendellAdriel/vanilla_js_es6_workshop
Workshop Vanilla JS e ES6 - Construindo uma aplicação Front-end

Mais conteúdo relacionado

Mais procurados

Arian Pasquali - Introdução ao Flex @ FUGSC
Arian Pasquali - Introdução ao Flex @ FUGSCArian Pasquali - Introdução ao Flex @ FUGSC
Arian Pasquali - Introdução ao Flex @ FUGSCJoão Zaratine
 
Introdução ao Native Script
Introdução ao Native ScriptIntrodução ao Native Script
Introdução ao Native ScriptAndre Baltieri
 
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...Vinícius Lourenço
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Leandro Nunes
 
Aula 4. bibliotecas js
Aula 4. bibliotecas jsAula 4. bibliotecas js
Aula 4. bibliotecas jsandreluizlc
 
Rest web services com Java
Rest web services com JavaRest web services com Java
Rest web services com JavajesuinoPower
 
Top 9 mistakes to avoid when developing with NoSQL
Top 9 mistakes to avoid when developing with NoSQLTop 9 mistakes to avoid when developing with NoSQL
Top 9 mistakes to avoid when developing with NoSQLLeonardo De Moura Rocha Lima
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015Fellyph Cintra
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão GeralEder Nogueira
 
HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPWilliam Dias
 
Usando o Selenium VBA para extrair informações da Web
Usando o Selenium VBA para extrair informações da WebUsando o Selenium VBA para extrair informações da Web
Usando o Selenium VBA para extrair informações da WebTomás Vásquez
 
Vcl For The Web - Palestra sobre desenvolvimento web em Delphi
Vcl For The Web - Palestra sobre desenvolvimento web em DelphiVcl For The Web - Palestra sobre desenvolvimento web em Delphi
Vcl For The Web - Palestra sobre desenvolvimento web em DelphiWecsley Fey
 
Apache Wicket derruba o padrão JSF
Apache Wicket derruba o padrão JSFApache Wicket derruba o padrão JSF
Apache Wicket derruba o padrão JSFBruno Borges
 
ITerior - .NET Core, usando .NET no Linux!
ITerior - .NET Core, usando .NET no Linux!ITerior - .NET Core, usando .NET no Linux!
ITerior - .NET Core, usando .NET no Linux!Vinicius Mussak
 
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NETTDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NETtdc-globalcode
 
TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...tdc-globalcode
 

Mais procurados (20)

Arian Pasquali - Introdução ao Flex @ FUGSC
Arian Pasquali - Introdução ao Flex @ FUGSCArian Pasquali - Introdução ao Flex @ FUGSC
Arian Pasquali - Introdução ao Flex @ FUGSC
 
Introdução ao Native Script
Introdução ao Native ScriptIntrodução ao Native Script
Introdução ao Native Script
 
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?
 
Aula 4. bibliotecas js
Aula 4. bibliotecas jsAula 4. bibliotecas js
Aula 4. bibliotecas js
 
Palestra OSCON 2011
Palestra OSCON 2011Palestra OSCON 2011
Palestra OSCON 2011
 
Rest web services com Java
Rest web services com JavaRest web services com Java
Rest web services com Java
 
Top 9 mistakes to avoid when developing with NoSQL
Top 9 mistakes to avoid when developing with NoSQLTop 9 mistakes to avoid when developing with NoSQL
Top 9 mistakes to avoid when developing with NoSQL
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015
 
T18_LM3: Ajax
T18_LM3: AjaxT18_LM3: Ajax
T18_LM3: Ajax
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão Geral
 
HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMP
 
Java Web Start
Java Web StartJava Web Start
Java Web Start
 
Usando o Selenium VBA para extrair informações da Web
Usando o Selenium VBA para extrair informações da WebUsando o Selenium VBA para extrair informações da Web
Usando o Selenium VBA para extrair informações da Web
 
Vcl For The Web - Palestra sobre desenvolvimento web em Delphi
Vcl For The Web - Palestra sobre desenvolvimento web em DelphiVcl For The Web - Palestra sobre desenvolvimento web em Delphi
Vcl For The Web - Palestra sobre desenvolvimento web em Delphi
 
Apache Wicket derruba o padrão JSF
Apache Wicket derruba o padrão JSFApache Wicket derruba o padrão JSF
Apache Wicket derruba o padrão JSF
 
ITerior - .NET Core, usando .NET no Linux!
ITerior - .NET Core, usando .NET no Linux!ITerior - .NET Core, usando .NET no Linux!
ITerior - .NET Core, usando .NET no Linux!
 
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NETTDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
TDC2018SP | Trilha .Net - Passado, Presente e Futuro do .NET
 
(A18) LabMM3 - Ajax
(A18) LabMM3 - Ajax(A18) LabMM3 - Ajax
(A18) LabMM3 - Ajax
 
TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...
 

Destaque

Palestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.jsPalestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.jsWendell Adriel
 
Mazuma affilite marketing program in Hongkong
Mazuma affilite marketing program in HongkongMazuma affilite marketing program in Hongkong
Mazuma affilite marketing program in Hongkongmazumaaffiliates
 
олимпійський урок
олимпійський уроколимпійський урок
олимпійський урокTatyana Sidorova
 
Research Excellence with Impact
Research Excellence with ImpactResearch Excellence with Impact
Research Excellence with ImpactBASPCAN
 

Destaque (8)

Palestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.jsPalestra NativeScript - 2º Meetup DF.js
Palestra NativeScript - 2º Meetup DF.js
 
Storypp
StoryppStorypp
Storypp
 
Malcolm Rude, M.D.
Malcolm Rude, M.D.Malcolm Rude, M.D.
Malcolm Rude, M.D.
 
Mazuma affilite marketing program in Hongkong
Mazuma affilite marketing program in HongkongMazuma affilite marketing program in Hongkong
Mazuma affilite marketing program in Hongkong
 
Ed inclusiva unidade 1
Ed inclusiva unidade 1Ed inclusiva unidade 1
Ed inclusiva unidade 1
 
Single node-cluster-hadoop-2-0
Single node-cluster-hadoop-2-0Single node-cluster-hadoop-2-0
Single node-cluster-hadoop-2-0
 
олимпійський урок
олимпійський уроколимпійський урок
олимпійський урок
 
Research Excellence with Impact
Research Excellence with ImpactResearch Excellence with Impact
Research Excellence with Impact
 

Semelhante a Workshop Vanilla JS e ES6 - Construindo uma aplicação Front-end

JavaScript Eu Escolho Você
JavaScript Eu Escolho VocêJavaScript Eu Escolho Você
JavaScript Eu Escolho VocêWendell Adriel
 
Palestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPressPalestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPressRômulo Zoch
 
Guia para o Profissional Java
Guia para o Profissional JavaGuia para o Profissional Java
Guia para o Profissional Javaarmeniocardoso
 
Iniciação JSP!
Iniciação JSP!Iniciação JSP!
Iniciação JSP!JErickPPTs
 
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...George Mendonça
 
Projetos Mono e Moonlight
Projetos Mono e MoonlightProjetos Mono e Moonlight
Projetos Mono e MoonlightPedro Alves Jr.
 
ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014Giovanni Bassi
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaFrederico Maia Arantes
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesRodrigo Peleias
 
JavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividadeJavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividadeRafael Ponte
 
FirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaFirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaGuilherme Farias
 
Palestra SFD etec Netbeans e Java 3D
Palestra SFD etec Netbeans e Java 3DPalestra SFD etec Netbeans e Java 3D
Palestra SFD etec Netbeans e Java 3DRenato Puccini
 
Introdução ao JavaFX
Introdução ao JavaFXIntrodução ao JavaFX
Introdução ao JavaFXjesuinoPower
 

Semelhante a Workshop Vanilla JS e ES6 - Construindo uma aplicação Front-end (20)

JavaScript Eu Escolho Você
JavaScript Eu Escolho VocêJavaScript Eu Escolho Você
JavaScript Eu Escolho Você
 
ASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e alémASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e além
 
Java Web Fácil com VRaptor
Java Web Fácil com VRaptorJava Web Fácil com VRaptor
Java Web Fácil com VRaptor
 
Palestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPressPalestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPress
 
Guia para o Profissional Java
Guia para o Profissional JavaGuia para o Profissional Java
Guia para o Profissional Java
 
Web eclipse
Web eclipseWeb eclipse
Web eclipse
 
Netbeans Slides
Netbeans SlidesNetbeans Slides
Netbeans Slides
 
Iniciação JSP!
Iniciação JSP!Iniciação JSP!
Iniciação JSP!
 
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
 
Como me dei bem com Java
Como me dei bem com JavaComo me dei bem com Java
Como me dei bem com Java
 
Projetos Mono e Moonlight
Projetos Mono e MoonlightProjetos Mono e Moonlight
Projetos Mono e Moonlight
 
ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014
 
[OFICINA JAVA] - Conhecendo Java
[OFICINA JAVA] - Conhecendo Java[OFICINA JAVA] - Conhecendo Java
[OFICINA JAVA] - Conhecendo Java
 
Apresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - GoiâniaApresentando meteor! Join Community - Goiânia
Apresentando meteor! Join Community - Goiânia
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
 
JavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividadeJavaServer Faces - Desenvolvendo aplicações web com produtividade
JavaServer Faces - Desenvolvendo aplicações web com produtividade
 
FirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaFirefoxOS - a web como plataforma
FirefoxOS - a web como plataforma
 
Palestra SFD etec Netbeans e Java 3D
Palestra SFD etec Netbeans e Java 3DPalestra SFD etec Netbeans e Java 3D
Palestra SFD etec Netbeans e Java 3D
 
Introdução ao JavaFX
Introdução ao JavaFXIntrodução ao JavaFX
Introdução ao JavaFX
 
.NET Open Source 2009
.NET Open Source 2009.NET Open Source 2009
.NET Open Source 2009
 

Workshop Vanilla JS e ES6 - Construindo uma aplicação Front-end

  • 1. Workshop Vanilla JS e ES6 - Construindo uma aplicação Front-end Wendell Adriel
  • 2. Quem eu sou - Full Stack Developer desde 2009 - Zend Certified PHP Engineer - Criador da CodeShare (http://codeshare.com.br) - Consultor, palestrante e mentor - Principais tecnologias: PHP e JS - https://github.com/WendellAdriel
  • 3. Introdução - Por que JavaScript? - O poder do JavaScript - O que é Vanilla JS? - WTF is ES6? - Comece a usar ES6 agora!!! - Construindo nossa aplicação Front-end com Vanilla JS e ES6
  • 4. Por que JavaScript? Sintaxe simples Um dos pilares da Web Popular Comunidade ativa Grande variedade
  • 5. O Poder do JavaScript - Desenvolvimento Front-end - Desenvolvimento Back-end - Desenvolvimento Desktop - Desenvolvimento Mobile - Base de Dados
  • 6.
  • 7. O que é Vanilla JS - http://vanilla-js.com/ - É usar o JavaScript "puro", sem frameworks e bibliotecas
  • 8. WTF is ES6? - ES = EcmaScript - Especificação de linguagem de script - JavaScript é uma implementação do EcmaScript - ES6 é uma das versões mais novas do EcmaScript - Muitas mudanças
  • 9. Comece a usar ES6 agora!!! - Muitas features novas para ajudar no desenvolvimento - Sintaxe reduzida - Frameworks e bibliotecas modernas usam ES6
  • 10. Construindo nossa aplicação Front-end https://github.com/WendellAdriel/vanilla_js_es6_workshop