Suche senden
Hochladen
Javascript moderno
•
10 gefällt mir
•
1,297 views
Suissa
Folgen
Palestra sobre Javascript Moderno dada no WOB2012
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 44
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
えっ、なにそれこわい
えっ、なにそれこわい
Kei Shiratsuchi
Javascript explained
Javascript explained
Jana Karceska
TypeScript - Olhe teu tipo, script slides
TypeScript - Olhe teu tipo, script slides
Suissa
DIVERSITAT LINGÜÍSTICA: ÉS BONA O DOLENTA?
DIVERSITAT LINGÜÍSTICA: ÉS BONA O DOLENTA?
AlvaroFurlan
Javascript moderno
Javascript moderno
Suissa
J query aula01
J query aula01
Suissa
Blog e mídias sociais
Blog e mídias sociais
Suissa
7 masters wordpress - advanced queries
7 masters wordpress - advanced queries
Suissa
Empfohlen
えっ、なにそれこわい
えっ、なにそれこわい
Kei Shiratsuchi
Javascript explained
Javascript explained
Jana Karceska
TypeScript - Olhe teu tipo, script slides
TypeScript - Olhe teu tipo, script slides
Suissa
DIVERSITAT LINGÜÍSTICA: ÉS BONA O DOLENTA?
DIVERSITAT LINGÜÍSTICA: ÉS BONA O DOLENTA?
AlvaroFurlan
Javascript moderno
Javascript moderno
Suissa
J query aula01
J query aula01
Suissa
Blog e mídias sociais
Blog e mídias sociais
Suissa
7 masters wordpress - advanced queries
7 masters wordpress - advanced queries
Suissa
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
민태 김
An Introduction to Jquery
An Introduction to Jquery
Phil Reither
So long, jQuery, and thanks for all the fish!
So long, jQuery, and thanks for all the fish!
Matt Turnure
Jquery News Packages
Jquery News Packages
UC Berkeley Graduate School of Journalism
Cheap frontend tricks
Cheap frontend tricks
ambiescent
Let jQuery Rock Your World
Let jQuery Rock Your World
Matt Gifford
Javascript in Plone
Javascript in Plone
Steve McMahon
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Chris Alfano
ES6 funcional TDC - Suissa
ES6 funcional TDC - Suissa
Suissa
Mongoose - Melhores práticas usando MongoDB e Node.js
Mongoose - Melhores práticas usando MongoDB e Node.js
Suissa
Atomic design
Atomic design
Suissa
Palestra node.js
Palestra node.js
Suissa
Be MEAN JSConf Uruguay - Suissa
Be MEAN JSConf Uruguay - Suissa
Suissa
Atomic design
Atomic design
Suissa
Be MEAN
Be MEAN
Suissa
Be mean
Be mean
Suissa
Devcast node.js e mongo db o casamento perfeito
Devcast node.js e mongo db o casamento perfeito
Suissa
Secot banco de dados no sql de código aberto
Secot banco de dados no sql de código aberto
Suissa
Flisol - Nodejs e MongoDb o casamento perfeito
Flisol - Nodejs e MongoDb o casamento perfeito
Suissa
Ph pn rio 2012 - conheça seu primeiro banco de dados orientado a grafos
Ph pn rio 2012 - conheça seu primeiro banco de dados orientado a grafos
Suissa
DevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webapps
Suissa
DevDay - MongoDb no mundo real - slides
DevDay - MongoDb no mundo real - slides
Suissa
Weitere ähnliche Inhalte
Ähnlich wie Javascript moderno
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
민태 김
An Introduction to Jquery
An Introduction to Jquery
Phil Reither
So long, jQuery, and thanks for all the fish!
So long, jQuery, and thanks for all the fish!
Matt Turnure
Jquery News Packages
Jquery News Packages
UC Berkeley Graduate School of Journalism
Cheap frontend tricks
Cheap frontend tricks
ambiescent
Let jQuery Rock Your World
Let jQuery Rock Your World
Matt Gifford
Javascript in Plone
Javascript in Plone
Steve McMahon
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Chris Alfano
Ähnlich wie Javascript moderno
(8)
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍
An Introduction to Jquery
An Introduction to Jquery
So long, jQuery, and thanks for all the fish!
So long, jQuery, and thanks for all the fish!
Jquery News Packages
Jquery News Packages
Cheap frontend tricks
Cheap frontend tricks
Let jQuery Rock Your World
Let jQuery Rock Your World
Javascript in Plone
Javascript in Plone
Jarv.us Showcase — SenchaCon 2011
Jarv.us Showcase — SenchaCon 2011
Mehr von Suissa
ES6 funcional TDC - Suissa
ES6 funcional TDC - Suissa
Suissa
Mongoose - Melhores práticas usando MongoDB e Node.js
Mongoose - Melhores práticas usando MongoDB e Node.js
Suissa
Atomic design
Atomic design
Suissa
Palestra node.js
Palestra node.js
Suissa
Be MEAN JSConf Uruguay - Suissa
Be MEAN JSConf Uruguay - Suissa
Suissa
Atomic design
Atomic design
Suissa
Be MEAN
Be MEAN
Suissa
Be mean
Be mean
Suissa
Devcast node.js e mongo db o casamento perfeito
Devcast node.js e mongo db o casamento perfeito
Suissa
Secot banco de dados no sql de código aberto
Secot banco de dados no sql de código aberto
Suissa
Flisol - Nodejs e MongoDb o casamento perfeito
Flisol - Nodejs e MongoDb o casamento perfeito
Suissa
Ph pn rio 2012 - conheça seu primeiro banco de dados orientado a grafos
Ph pn rio 2012 - conheça seu primeiro banco de dados orientado a grafos
Suissa
DevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webapps
Suissa
DevDay - MongoDb no mundo real - slides
DevDay - MongoDb no mundo real - slides
Suissa
Fisl banco de dados no sql de código aberto
Fisl banco de dados no sql de código aberto
Suissa
Mongo db no mundo real slides
Mongo db no mundo real slides
Suissa
Curso mongo db com php
Curso mongo db com php
Suissa
Html5 storage api
Html5 storage api
Suissa
Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio
Suissa
Diagrama de classe
Diagrama de classe
Suissa
Mehr von Suissa
(20)
ES6 funcional TDC - Suissa
ES6 funcional TDC - Suissa
Mongoose - Melhores práticas usando MongoDB e Node.js
Mongoose - Melhores práticas usando MongoDB e Node.js
Atomic design
Atomic design
Palestra node.js
Palestra node.js
Be MEAN JSConf Uruguay - Suissa
Be MEAN JSConf Uruguay - Suissa
Atomic design
Atomic design
Be MEAN
Be MEAN
Be mean
Be mean
Devcast node.js e mongo db o casamento perfeito
Devcast node.js e mongo db o casamento perfeito
Secot banco de dados no sql de código aberto
Secot banco de dados no sql de código aberto
Flisol - Nodejs e MongoDb o casamento perfeito
Flisol - Nodejs e MongoDb o casamento perfeito
Ph pn rio 2012 - conheça seu primeiro banco de dados orientado a grafos
Ph pn rio 2012 - conheça seu primeiro banco de dados orientado a grafos
DevDay - O elo perdido: sincronizando webapps
DevDay - O elo perdido: sincronizando webapps
DevDay - MongoDb no mundo real - slides
DevDay - MongoDb no mundo real - slides
Fisl banco de dados no sql de código aberto
Fisl banco de dados no sql de código aberto
Mongo db no mundo real slides
Mongo db no mundo real slides
Curso mongo db com php
Curso mongo db com php
Html5 storage api
Html5 storage api
Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio
Diagrama de classe
Diagrama de classe
Kürzlich hochgeladen
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
hans926745
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Kürzlich hochgeladen
(20)
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Javascript moderno
1.
Javascript Moderno Jean Carlo
Nascimento aka Suissa
2.
Links
nosqlbr.com.br jquerybrasil.org frontendbrasil.com.br javascriptbrasil.com.br comoprogramarphp.com.br github.com/suissa about.me/suissa @osuissa
3.
Breve História do
Javascript
4.
5.
6.
"JS had to
'look like Java' only less so, be Java’s dumb kid brother or boy-hostage sidekick. Plus, I had to be done in ten days or something worse than JS would have happened". Brendan Eich
7.
8.
LiveScript
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
Como selecionar um
elemento?
19.
jQuery $('#container');
20.
Javascript Moderno var container
= document.querySelector ('#container');
21.
Javascript Velho var container
= document.getElementById ('container');
22.
Como procurar li's?
23.
jQuery $('#container').find('li');
24.
Javascript Moderno var lis
= document.querySelectorAll ('#container li');
25.
Javascript Velho var lis
= document .getElementById('container') .getElementsByTagName('li');
26.
Trabalhando com classes
27.
jQuery $('#box').addClass('wrap'); $('#box').removeClass('wrap'); $('#box').toggleClass('wrap');
28.
Javascript Moderno var container
= document.querySelector ('#box'); container.classList.add('wrap'); container.classList.remove('wrap'); container.classList.toggle('wrap');
29.
Javascript Velho var box
= document.getElementById('box'), hasClass = function (el, cl) { var regex = new RegExp('(?:s|^)' + cl + '(?:s|$)'); return !!el.className.match(regex); }, addClass = function (el, cl) { el.className += ' ' + cl; }, removeClass = function (el, cl) { var regex = new RegExp('(?:s|^)' + cl + '(?:s|$)'); el.className = el.className.replace(regex, ' '); }, toggleClass = function (el, cl) { hasClass(el, cl) ? removeClass(el, cl) : addClass(el, cl); }; addClass(box, 'wrap'); removeClass(box, 'wrap'); toggleClass(box, 'wrap');
30.
HTML5
31.
32.
33.
Node.js
34.
Node.js
Jetzt herunterladen