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

Mais conteúdo relacionado

Mais procurados

Rest web services com Java
Rest web services com JavaRest web services com Java
Rest web services com Java
jesuinoPower
 

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 (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

Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
Rodrigo 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 produtividade
Rafael Ponte
 

Semelhante a Workshop Vanilla JS e ES6 (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
 

Último

Último (6)

Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

Workshop Vanilla JS e ES6

  • 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