├── LICENSE
├── README.md
├── assets
├── Beep_Short.mp3
├── Thunder_Crack.mp3
├── banner1.jpg
├── banner2.jpg
├── banner3.jpg
├── broken.jpg
├── circ_and.png
├── circ_not.png
├── circ_or.png
├── clean.png
├── etanol.png
├── explosion.gif
├── face1.png
├── face2.png
├── face3.png
├── face4.png
├── face5.png
├── face6.png
├── favicon.png
├── gasolina.png
├── glassbreaking.wav
├── imc.png
├── imc1.png
├── imc2.png
├── imc3.png
├── imc4.png
├── imc5.png
├── imc6.png
├── imc7.png
├── logica jokenpo.png
├── neutro.png
├── off.jpg
├── on.jpg
├── papel.png
├── pc.png
├── pcpapel.png
├── pcpedra.png
├── pctesoura.png
├── pedra.png
├── swoff.png
├── swon.png
├── tabeland.png
├── tabelnot.png
├── tabelor.png
├── tesoura.png
├── while-dowhile.jpg
└── xm.png
├── aulas
├── appflex
│ ├── calcflex.js
│ ├── etanol.png
│ ├── gasolina.png
│ ├── index.html
│ └── neutro.png
├── carrossel fade
│ ├── img
│ │ ├── slide1.jpg
│ │ ├── slide2.jpg
│ │ └── slide3.jpg
│ ├── index.html
│ ├── slideShow.js
│ └── style.css
├── cartas
│ ├── array.js
│ └── index.html
├── countdown
│ ├── Beep_Short.mp3
│ ├── Thunder_Crack.mp3
│ ├── clean.png
│ ├── countdown.js
│ ├── explosion.gif
│ ├── index.html
│ ├── style.css
│ └── xm.png
├── dado
│ ├── dado.js
│ ├── face1.png
│ ├── face2.png
│ ├── face3.png
│ ├── face4.png
│ ├── face5.png
│ ├── face6.png
│ └── index.html
├── helloworld
│ └── index.html
├── jokenpo
│ ├── estudo else if.js
│ ├── index.html
│ ├── jokenpo.js
│ ├── logica pedra papel tesoura.png
│ ├── papel.png
│ ├── pc.png
│ ├── pcpapel.png
│ ├── pcpedra.png
│ ├── pctesoura.png
│ ├── pedra.png
│ └── tesoura.png
├── lampada
│ ├── controle.js
│ ├── index.html
│ ├── off.jpg
│ └── on.jpg
├── simplefunction
│ ├── hellofunction.js
│ └── index.html
├── slide
│ ├── banner1.jpg
│ ├── banner2.jpg
│ ├── banner3.jpg
│ ├── index.html
│ ├── slide.js
│ └── style.css
├── tabuada
│ ├── index.html
│ └── tabuada.js
└── vincularJS
│ ├── documento.js
│ └── index.html
└── material extra
├── exercicios
├── array
│ ├── array.js
│ └── index.html
├── calculoMedia
│ ├── index.html
│ └── media.js
├── cartas_v2
│ ├── cartas.js
│ ├── img
│ │ ├── dama.png
│ │ ├── rei.png
│ │ └── valete.png
│ ├── index.html
│ └── style.css
├── conversor
│ ├── conversor.js
│ └── index.html
├── eleitor
│ ├── eleitor.js
│ └── index.html
├── funcoes
│ ├── hello.js
│ └── index.html
├── imc
│ ├── imc.js
│ ├── imc.png
│ ├── imc1.png
│ ├── imc2.png
│ ├── imc3.png
│ ├── imc4.png
│ ├── imc5.png
│ ├── imc6.png
│ ├── imc7.png
│ └── index.html
├── pdv
│ ├── index.html
│ └── pdv.js
├── regra3
│ ├── index.html
│ └── regra3.js
└── validacao
│ ├── index.html
│ └── validador.js
└── jquery
├── fundamentos.txt
├── helloJQuery
├── estudo.js
├── index.html
├── jquery-3.4.1.min.js
└── logoJQ.png
├── siteJQuery
├── efeito.js
├── imagens
│ ├── background.jpg
│ ├── logo.png
│ ├── topo.png
│ ├── tux1.png
│ ├── tux2.png
│ ├── tux3.png
│ └── tux4.png
├── index.html
├── jquery-3.4.1.min.js
├── menu.js
├── style.css
└── topo.js
└── validacaoJQuery
├── index.html
├── jquery-3.4.1.min.js
├── jquery.validate.min.js
└── validacao2.js
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019 Professor José de Assis
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 
2 |
3 | # JavaScript para iniciantes (mini projetos)
4 | Aprenda **JavaScript** de forma prática e divertida desenvolvendo aplicativos, jogos e muito mais. Este curso também ensina Lógica de Programação e é recomendado para iniciantes.
5 | ### Autor
6 | Professor José de Assis
7 | ### Apresentação
8 | [](https://youtu.be/h1FiBei6plo?si=iCIXcKIXHUdrPJBh "Asssistir no YouTube")
9 |
10 | 
11 | ### Iniciar curso:
12 | ▶️ [Playlist](https://www.youtube.com/playlist?list=PLbEOwbQR9lqyuy7U1YjGgBv0x2Hzuw569)
13 | ### Certificado deste curso:
14 | 🎓 [Iniciar teste](https://docs.google.com/forms/d/e/1FAIpQLSdjlOh0Nlc_eipNCnlJ69xjg1f1OPUvjXPhjDjRz912TlBCiw/viewform)
15 |
16 |
17 |
18 | ### ☕ Projetos sem café? Impossível!
19 | Criar e compartilhar projetos gratuitos exige tempo, dedicação e, claro, muito café! Se quiser apoiar, um "cafezinho" faz toda a diferença.
Sua doação incentiva mais projetos reais e mantém a motivação lá em cima!
20 | #### Chave PIX❖:
21 | ~~~txt
22 | josedeassisfilho@gmail.com
23 | ~~~
24 | *( em nome de José de Assis Filho )*
25 |
26 | E olha, só de dar uma estrela ⭐, seguir o repositório e compartilhar, você já está dando uma baita força!
27 |
28 | 😃 Valeu demais pelo apoio!
29 |
--------------------------------------------------------------------------------
/assets/Beep_Short.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/Beep_Short.mp3
--------------------------------------------------------------------------------
/assets/Thunder_Crack.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/Thunder_Crack.mp3
--------------------------------------------------------------------------------
/assets/banner1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/banner1.jpg
--------------------------------------------------------------------------------
/assets/banner2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/banner2.jpg
--------------------------------------------------------------------------------
/assets/banner3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/banner3.jpg
--------------------------------------------------------------------------------
/assets/broken.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/broken.jpg
--------------------------------------------------------------------------------
/assets/circ_and.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/circ_and.png
--------------------------------------------------------------------------------
/assets/circ_not.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/circ_not.png
--------------------------------------------------------------------------------
/assets/circ_or.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/circ_or.png
--------------------------------------------------------------------------------
/assets/clean.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/clean.png
--------------------------------------------------------------------------------
/assets/etanol.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/etanol.png
--------------------------------------------------------------------------------
/assets/explosion.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/explosion.gif
--------------------------------------------------------------------------------
/assets/face1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/face1.png
--------------------------------------------------------------------------------
/assets/face2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/face2.png
--------------------------------------------------------------------------------
/assets/face3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/face3.png
--------------------------------------------------------------------------------
/assets/face4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/face4.png
--------------------------------------------------------------------------------
/assets/face5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/face5.png
--------------------------------------------------------------------------------
/assets/face6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/face6.png
--------------------------------------------------------------------------------
/assets/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/favicon.png
--------------------------------------------------------------------------------
/assets/gasolina.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/gasolina.png
--------------------------------------------------------------------------------
/assets/glassbreaking.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/glassbreaking.wav
--------------------------------------------------------------------------------
/assets/imc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc.png
--------------------------------------------------------------------------------
/assets/imc1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc1.png
--------------------------------------------------------------------------------
/assets/imc2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc2.png
--------------------------------------------------------------------------------
/assets/imc3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc3.png
--------------------------------------------------------------------------------
/assets/imc4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc4.png
--------------------------------------------------------------------------------
/assets/imc5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc5.png
--------------------------------------------------------------------------------
/assets/imc6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc6.png
--------------------------------------------------------------------------------
/assets/imc7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/imc7.png
--------------------------------------------------------------------------------
/assets/logica jokenpo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/logica jokenpo.png
--------------------------------------------------------------------------------
/assets/neutro.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/neutro.png
--------------------------------------------------------------------------------
/assets/off.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/off.jpg
--------------------------------------------------------------------------------
/assets/on.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/on.jpg
--------------------------------------------------------------------------------
/assets/papel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/papel.png
--------------------------------------------------------------------------------
/assets/pc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/pc.png
--------------------------------------------------------------------------------
/assets/pcpapel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/pcpapel.png
--------------------------------------------------------------------------------
/assets/pcpedra.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/pcpedra.png
--------------------------------------------------------------------------------
/assets/pctesoura.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/pctesoura.png
--------------------------------------------------------------------------------
/assets/pedra.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/pedra.png
--------------------------------------------------------------------------------
/assets/swoff.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/swoff.png
--------------------------------------------------------------------------------
/assets/swon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/swon.png
--------------------------------------------------------------------------------
/assets/tabeland.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/tabeland.png
--------------------------------------------------------------------------------
/assets/tabelnot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/tabelnot.png
--------------------------------------------------------------------------------
/assets/tabelor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/tabelor.png
--------------------------------------------------------------------------------
/assets/tesoura.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/tesoura.png
--------------------------------------------------------------------------------
/assets/while-dowhile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/while-dowhile.jpg
--------------------------------------------------------------------------------
/assets/xm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/assets/xm.png
--------------------------------------------------------------------------------
/aulas/appflex/calcflex.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula5: Calculadora FLEX
3 | * @author Professor José de Assis
4 | */
5 |
6 | var etanol,gasolina;
7 |
8 | function calcular(){
9 | etanol = parseFloat(frmFlex.txtEtanol.value.replace(",","."));
10 | gasolina = parseFloat(frmFlex.txtGasolina.value.replace(",","."));
11 | if (etanol < 0.7 * gasolina){
12 | document.getElementById("status").src="etanol.png";
13 | }else{
14 | document.getElementById("status").src="gasolina.png";
15 | }
16 | }
17 |
18 | function resetar(){
19 | document.getElementById("status").src="neutro.png";
20 | }
21 |
22 |
--------------------------------------------------------------------------------
/aulas/appflex/etanol.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/appflex/etanol.png
--------------------------------------------------------------------------------
/aulas/appflex/gasolina.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/appflex/gasolina.png
--------------------------------------------------------------------------------
/aulas/appflex/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Calculadora Flex
6 |
7 |
8 | JS - Aula5: Calculadora Flex
9 |
10 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/aulas/appflex/neutro.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/appflex/neutro.png
--------------------------------------------------------------------------------
/aulas/carrossel fade/img/slide1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/carrossel fade/img/slide1.jpg
--------------------------------------------------------------------------------
/aulas/carrossel fade/img/slide2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/carrossel fade/img/slide2.jpg
--------------------------------------------------------------------------------
/aulas/carrossel fade/img/slide3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/carrossel fade/img/slide3.jpg
--------------------------------------------------------------------------------
/aulas/carrossel fade/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Carrossel de imagens
9 |
10 |
11 |
12 |
13 |
14 |

15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/aulas/carrossel fade/slideShow.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Simples carrossel de imagens com efeito fade
3 | * @author Professor José de Assis
4 | */
5 |
6 | let slides = ["slide1.jpg", "slide2.jpg", "slide3.jpg"]
7 | let intervalo = 3000
8 | let indice = 0
9 |
10 | show()
11 |
12 | function show() {
13 | document.getElementById("slide").className += "FadeOut"
14 | setTimeout(function () {
15 | document.getElementById("slide").src = (`img/${slides[indice]}`)
16 | document.getElementById("slide").className = ""
17 | }, 1000)
18 | indice++
19 | if (indice === slides.length) {
20 | indice = 0
21 | }
22 | setTimeout(show, intervalo)
23 | }
--------------------------------------------------------------------------------
/aulas/carrossel fade/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | }
5 |
6 | .Container {
7 | max-width: 1080px;
8 | margin: 0 auto;
9 | }
10 |
11 | img {
12 | max-width: 100%;
13 | }
14 |
15 | /* Efeito fade */
16 |
17 | #slide.FadeOut {
18 | opacity: 0.1;
19 | }
20 |
21 | #slide {
22 | transition: opacity 2s;
23 | opacity: 1;
24 | }
--------------------------------------------------------------------------------
/aulas/cartas/array.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula14: Jogo de Cartas
3 | * @author José de Assis
4 | */
5 |
6 | var nipes=['♥','♦','♣','♠'];
7 | var faces=['A','2','3','4','5','6','7','8','9','10','J','Q','K'];
8 | var nipe=nipes[Math.floor(Math.random()*4)];
9 | var face=faces[Math.floor(Math.random()* faces.length)];
10 | document.write("" + face + nipe + "
");
--------------------------------------------------------------------------------
/aulas/cartas/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Jogo de Cartas
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/aulas/countdown/Beep_Short.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/countdown/Beep_Short.mp3
--------------------------------------------------------------------------------
/aulas/countdown/Thunder_Crack.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/countdown/Thunder_Crack.mp3
--------------------------------------------------------------------------------
/aulas/countdown/clean.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/countdown/clean.png
--------------------------------------------------------------------------------
/aulas/countdown/countdown.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula10: Countdown
3 | * @author Professor José de Assis
4 | */
5 |
6 | var check = false;
7 |
8 | function xequeMate(){
9 | if (check == false){
10 | var timer1 = setInterval(function(){start()}, 1000);
11 | var timer2 = setTimeout(function(){end()}, 13200);
12 | var count = 10;
13 | function start(){
14 | soundBeep();
15 | document.getElementById("time").innerHTML = count;
16 | if (count == 0){
17 | clearInterval(timer1);
18 | soundThunder();
19 | document.getElementById("fire").src = "explosion.gif";
20 | document.getElementById("time").innerHTML = "GAME OVER";
21 | }
22 | count --;
23 | }
24 | check = true;
25 | }
26 | }
27 |
28 | function soundThunder(){
29 | var beep = new Audio();
30 | beep.src = "Thunder_Crack.mp3";
31 | beep.play();
32 | }
33 |
34 | function soundBeep(){
35 | var beep = new Audio();
36 | beep.src = "Beep_Short.mp3";
37 | beep.play();
38 | }
39 |
40 | function end(){
41 | document.getElementById("fire").src = "clean.png";
42 | }
43 |
--------------------------------------------------------------------------------
/aulas/countdown/explosion.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/countdown/explosion.gif
--------------------------------------------------------------------------------
/aulas/countdown/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Countdown
6 |
7 |
8 |
9 |
10 | Countdown
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/aulas/countdown/style.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css?family=Orbitron');
2 |
3 | body{
4 | font-family: 'Orbitron', sans-serif;
5 | background-color: #07060a;
6 | color: #ff0000;
7 | font-size: 42px;
8 | text-align: center;
9 | }
10 |
11 | #fire{
12 | cursor: pointer;
13 | }
14 |
15 | img{
16 | max-width: 100%;
17 | }
--------------------------------------------------------------------------------
/aulas/countdown/xm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/countdown/xm.png
--------------------------------------------------------------------------------
/aulas/dado/dado.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula6: Jogo do dado
3 | * @author Professor José de Assis
4 | */
5 |
6 | var sorteio = Math.floor(Math.random() * 6 + 1);
7 |
8 | switch(sorteio){
9 | case 1:
10 | document.getElementById("face").src = "face1.png";
11 | break;
12 | case 2:
13 | document.getElementById("face").src = "face2.png";
14 | break;
15 | case 3:
16 | document.getElementById("face").src = "face3.png";
17 | break;
18 | case 4:
19 | document.getElementById("face").src = "face4.png";
20 | break;
21 | case 5:
22 | document.getElementById("face").src = "face5.png";
23 | break;
24 | case 6:
25 | document.getElementById("face").src = "face6.png";
26 | break;
27 | default:
28 | //caso contrário
29 | break;
30 | }
--------------------------------------------------------------------------------
/aulas/dado/face1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/dado/face1.png
--------------------------------------------------------------------------------
/aulas/dado/face2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/dado/face2.png
--------------------------------------------------------------------------------
/aulas/dado/face3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/dado/face3.png
--------------------------------------------------------------------------------
/aulas/dado/face4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/dado/face4.png
--------------------------------------------------------------------------------
/aulas/dado/face5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/dado/face5.png
--------------------------------------------------------------------------------
/aulas/dado/face6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/dado/face6.png
--------------------------------------------------------------------------------
/aulas/dado/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Jogo do Dado
6 |
7 |
8 | JS - Aula6: Jogo do dado
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/aulas/helloworld/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | JS - Hello World
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/aulas/jokenpo/estudo else if.js:
--------------------------------------------------------------------------------
1 | if (condição){
2 | //condição verdadeira
3 | }
4 |
5 | if (condição){
6 | //condição verdadeira
7 | } else{
8 | //condição falsa
9 | }
10 |
11 | if (condição 1){
12 | //condição 1 verdadeira
13 | } else if (condição 2){
14 | //condição 2 verdadeira
15 | } else if (condição 3){
16 | //condição 3 verdadeira
17 | } else {
18 | //caso nenhuma condição seja verdadeira
19 | }
20 |
--------------------------------------------------------------------------------
/aulas/jokenpo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | jokenpô
6 |
7 |
8 | JS - Jokenpô
9 | Jogador:
10 |
11 |
12 |
13 |
22 |
23 | Computador:
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/aulas/jokenpo/jokenpo.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula12 Jokenpô
3 | * @author Professor José de Assis
4 | */
5 |
6 | function jogar(){
7 | if(document.getElementById("pedra").checked == false && document.getElementById("papel").checked == false && document.getElementById("tesoura").checked == false){
8 | alert("Selecione uma opção");
9 | } else{
10 | //lógica principal
11 | var sorteio = Math.floor(Math.random() * 3);
12 | switch(sorteio){
13 | case 0:
14 | document.getElementById("pc").src="pcpedra.png";
15 | break;
16 | case 1:
17 | document.getElementById("pc").src="pcpapel.png";
18 | break;
19 | case 2:
20 | document.getElementById("pc").src="pctesoura.png";
21 | break;
22 | }
23 | //verificar o vencedor ou declarar empate
24 | if ((document.getElementById("pedra").checked == true && sorteio == 0) || (document.getElementById("papel").checked == true && sorteio == 1) || (document.getElementById("tesoura").checked == true && sorteio == 2)){
25 | document.getElementById("placar").innerHTML="Empate";
26 | } else if ((document.getElementById("pedra").checked == true && sorteio == 2) || (document.getElementById("papel").checked == true && sorteio == 0) || (document.getElementById("tesoura").checked == true && sorteio == 1)){
27 | document.getElementById("placar").innerHTML="Jogador Venceu";
28 | } else {
29 | document.getElementById("placar").innerHTML="Computador Venceu";
30 | }
31 | }
32 | }
33 |
34 | function resetar(){
35 | document.getElementById("pc").src="pc.png";
36 | document.getElementById("placar").innerHTML="";
37 | }
--------------------------------------------------------------------------------
/aulas/jokenpo/logica pedra papel tesoura.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/logica pedra papel tesoura.png
--------------------------------------------------------------------------------
/aulas/jokenpo/papel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/papel.png
--------------------------------------------------------------------------------
/aulas/jokenpo/pc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/pc.png
--------------------------------------------------------------------------------
/aulas/jokenpo/pcpapel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/pcpapel.png
--------------------------------------------------------------------------------
/aulas/jokenpo/pcpedra.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/pcpedra.png
--------------------------------------------------------------------------------
/aulas/jokenpo/pctesoura.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/pctesoura.png
--------------------------------------------------------------------------------
/aulas/jokenpo/pedra.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/pedra.png
--------------------------------------------------------------------------------
/aulas/jokenpo/tesoura.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/jokenpo/tesoura.png
--------------------------------------------------------------------------------
/aulas/lampada/controle.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula8: Lâmpada
3 | * @author Professor José de Assis
4 | */
5 |
6 | function on(){
7 | document.getElementById("lamp").src = "on.jpg";
8 | }
9 |
10 | function off(){
11 | document.getElementById("lamp").src = "off.jpg";
12 | }
13 |
14 | function blink(){
15 | var intervalo = 0;
16 | var contador = 0;
17 | while(contador < 10){
18 | intervalo += 300;
19 | setTimeout("document.getElementById('lamp').src='on.jpg';",intervalo);
20 | intervalo += 300;
21 | setTimeout("document.getElementById('lamp').src='off.jpg';",intervalo);
22 | contador++;
23 | }
24 | }
--------------------------------------------------------------------------------
/aulas/lampada/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Controle de uma lâmpada
6 |
7 |
8 |
9 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/aulas/lampada/off.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/lampada/off.jpg
--------------------------------------------------------------------------------
/aulas/lampada/on.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/lampada/on.jpg
--------------------------------------------------------------------------------
/aulas/simplefunction/hellofunction.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula4: Função simples
3 | * @author Professor José de Assis
4 | */
5 |
6 | function hello(){
7 | var nome;
8 | nome = prompt("Qual é o seu nome?");
9 | alert("Hello " + nome);
10 | }
--------------------------------------------------------------------------------
/aulas/simplefunction/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | JS - Função Simples
6 |
7 |
8 | JS - Aula 4: Função simples
9 |
13 |
14 |
--------------------------------------------------------------------------------
/aulas/slide/banner1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/slide/banner1.jpg
--------------------------------------------------------------------------------
/aulas/slide/banner2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/slide/banner2.jpg
--------------------------------------------------------------------------------
/aulas/slide/banner3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/aulas/slide/banner3.jpg
--------------------------------------------------------------------------------
/aulas/slide/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Simples Slide Show
6 |
7 |
8 |
9 |
10 |
11 |

12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/aulas/slide/slide.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula9: Simples SLIDE SHOW
3 | * @author Professor José de Assis
4 | */
5 |
6 | var intervalo = 3000;
7 |
8 | function slide1(){
9 | document.getElementById('banner').src="banner1.jpg";
10 | setTimeout("slide2()", intervalo)
11 | }
12 |
13 | function slide2(){
14 | document.getElementById('banner').src="banner2.jpg";
15 | setTimeout("slide3()", intervalo)
16 | }
17 |
18 | function slide3(){
19 | document.getElementById('banner').src="banner3.jpg";
20 | setTimeout("slide1()", intervalo)
21 | }
--------------------------------------------------------------------------------
/aulas/slide/style.css:
--------------------------------------------------------------------------------
1 | #main{
2 | max-width: 1080px;
3 | margin: 0 auto;
4 | }
5 |
6 | img{
7 | max-width: 100%;
8 | }
--------------------------------------------------------------------------------
/aulas/tabuada/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Tabuada
6 |
7 |
8 | JS - Aula7: Tabuada
9 |
10 |
11 |
--------------------------------------------------------------------------------
/aulas/tabuada/tabuada.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula7: Tabuada
3 | * @author Professor José de Assis
4 | */
5 |
6 | for(var i = 1; i < 11; i++){
7 | document.write("Tabuada do " + i + "
");
8 | for(var j = 1; j < 11; j++){
9 | document.write(i + " x " + j + " = " + (i * j) + "
");
10 | }
11 | }
--------------------------------------------------------------------------------
/aulas/vincularJS/documento.js:
--------------------------------------------------------------------------------
1 | /**
2 | * JS - Aula3: Vinculando um documento JS
3 | * @author Professor José de Assis
4 | */
5 |
6 | document.write("" + "Professor José de Assis" + "
");
--------------------------------------------------------------------------------
/aulas/vincularJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | JS - Vincular documento JS
6 |
7 |
8 | JS - aula 3
9 |
10 |
11 |
--------------------------------------------------------------------------------
/material extra/exercicios/array/array.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Estudo do array
3 | * @author José de Assis
4 | */
5 |
6 | //Exemplo 1 - Array simples (vetor)
7 | function exemplo1() {
8 | //sem array
9 | let time1 = "Corinthians";
10 | let time2 = "São Paulo";
11 | let time3 = "Palmeiras";
12 | let time4 = "Santos";
13 | document.write("Sem array: " + time1 + "
");
14 | //com array
15 | //a linha abaixo cria um array de tamanho 4
16 | var times = ["Corinthians", "São Paulo", "Palmeiras", "Santos"];
17 | //a linha abaixo recupera o conteúdo do (casinha) índice [2]
18 | document.write("Com array: " + times[0] + "
");
19 | //a linha abaixo retorna o tamanho do array
20 | document.write("Tamanho do array: " + times.length + "
");
21 | }
22 |
23 | //Exemplo 2 - Uso do array em um jogo de cartas
24 | function exemplo2() {
25 | //Copas (alt + 3) Ouros (alt + 4) Paus (alt + 5) Espada (alt + 6)
26 | var nipes = ["♥", "♦", "♣", "♠"];
27 | var faces = [
28 | "A",
29 | "2",
30 | "3",
31 | "4",
32 | "5",
33 | "6",
34 | "7",
35 | "8",
36 | "9",
37 | "10",
38 | "J",
39 | "Q",
40 | "R",
41 | ];
42 | //document.write("Carta sorteada: " + faces[2] + " de " + nipes[1] +"
");//apoio a lógica
43 | //Usando a classe Math.random para gerar números aleatórios
44 | //Math.floor -> converte para números inteiros
45 | //(Math.random() * 4) -> sorteio (0 ou 1 ou 2 ou 3)
46 | var sorteio_nipe = nipes[Math.floor(Math.random() * 4)];
47 | var sorteio_face = faces[Math.floor(Math.random() * faces.length)];
48 | document.write("Carta sorteada: " + sorteio_face + sorteio_nipe + "
");
49 | }
50 |
51 | //Exemplo 3 - Array Multidimensional (Matriz)
52 | function exemplo3() {
53 | //a linha abaixo cria um array de 2 dimensões [[linha],[coluna]]
54 | //Atenção
55 | var boletim = [
56 | [8, 7, 9, 3],
57 | [4, 5, 8, 6],
58 | ];
59 | //a linha abaixo recupera o conteúdo de um array de 2 dimensões
60 | document.write("Média: " + boletim[0][3] + "
");
61 | }
62 |
--------------------------------------------------------------------------------
/material extra/exercicios/array/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | JS - Estudo do array
6 |
7 |
8 |
9 | JS - Array
10 | Exemplo 1 - Array simples
11 |
14 |
15 | Exemplo 2 - Jogo de Cartas
16 |
19 |
20 | Exemplo 3 - Array Multidimensional
21 |
24 |
25 |
--------------------------------------------------------------------------------
/material extra/exercicios/calculoMedia/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Cálculo da Média
9 |
10 |
11 | Cálculo da média
12 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/material extra/exercicios/calculoMedia/media.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Cálculo da média
3 | * @author José de Assis
4 | */
5 |
6 | // Variáveis globais
7 | let nota1, nota2, media
8 |
9 | function calcular() {
10 | nota1 = Number(frmMedia.txtNota1.value.replace(",", "."))
11 | nota2 = Number(frmMedia.txtNota2.value.replace(",", "."))
12 | media = (nota1 + nota2) / 2
13 | frmMedia.txtMedia.value = media.toFixed(2)
14 | if (media < 5) {
15 | frmMedia.txtStatus.value = 'REPROVADO'
16 | } else {
17 | frmMedia.txtStatus.value = 'APROVADO'
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/material extra/exercicios/cartas_v2/cartas.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Sorteio de uma carta
3 | * Exemplo de uso do array
4 | * @author Professor José de Assis
5 | */
6 |
7 | function sortearCarta() {
8 | let nipes = ["♠", "♥", "♣", "♦"]
9 | let faces = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"]
10 |
11 | //sorteio do índice dos vetores
12 | let nipe = nipes[Math.floor(Math.random() * 4)]
13 | let face = faces[Math.floor(Math.random() * 13)]
14 | //console.log(`${face}${nipe}`)
15 |
16 | //Determinar a cor com base no naipe sorteado
17 | let cor
18 | if (nipe === '♥' || nipe === '♦') {
19 | cor = '#ff0000'
20 | } else {
21 | cor = '#000000'
22 | }
23 |
24 | // renderizar o canto superior esquerdo da carta
25 | document.getElementById('supEsq').innerHTML = `${face}
${nipe}
`
26 | document.getElementById('supEsq').style.color = cor
27 |
28 | // renderizar o canto inferior direito da carta
29 | document.getElementById('infDir').innerHTML = `${face}
${nipe}
`
30 | document.getElementById('infDir').style.color = cor
31 |
32 | // renderizar o centro da carta
33 | let cc = document.getElementById('centroCarta')
34 |
35 | if (face === 'J') {
36 | cc.innerHTML = `
`
37 | } else if (face === 'Q') {
38 | cc.innerHTML = `
`
39 | } else if (face === 'K') {
40 | cc.innerHTML = `
`
41 | } else {
42 | cc.innerHTML = `${nipe}`
43 | cc.style.color = cor
44 | }
45 | }
--------------------------------------------------------------------------------
/material extra/exercicios/cartas_v2/img/dama.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/cartas_v2/img/dama.png
--------------------------------------------------------------------------------
/material extra/exercicios/cartas_v2/img/rei.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/cartas_v2/img/rei.png
--------------------------------------------------------------------------------
/material extra/exercicios/cartas_v2/img/valete.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/cartas_v2/img/valete.png
--------------------------------------------------------------------------------
/material extra/exercicios/cartas_v2/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Cartas
8 |
9 |
10 |
11 |
12 |
13 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/material extra/exercicios/cartas_v2/style.css:
--------------------------------------------------------------------------------
1 | /**
2 | Folha de estilo - cartas
3 | @author professor José de Assis
4 | */
5 |
6 | /* Layout */
7 |
8 | * {
9 | margin: 0;
10 | padding: 0;
11 | border: 0;
12 | }
13 |
14 | .Container {
15 | display: flex;
16 | flex-direction: column;
17 | justify-content: center;
18 | align-items: center;
19 | height: 100vh;
20 | }
21 |
22 | body {
23 | background-color: #f0f0f0;
24 | font-family: sans-serif;
25 | font-size: 1em;
26 | }
27 |
28 | /* Botão */
29 | button {
30 | padding: 10px 20px;
31 | background-color: #ffffff;
32 | border: 1px solid #000000;
33 | border-radius: 25px;
34 | font-size: 1.2em;
35 | }
36 |
37 | /* Carta */
38 | .Carta {
39 | width: 250px;
40 | height: 350px;
41 | background-color: #ffffff;
42 | margin-bottom: 50px;
43 | box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
44 | border-radius: 10px;
45 | position: relative; /*ref. carta (alinhamento)*/
46 | }
47 |
48 | .Canto {
49 | position: absolute;
50 | font-size: 2em;
51 | text-align: center;
52 | }
53 |
54 | #supEsq {
55 | top: 20px;
56 | left: 15px;
57 | }
58 |
59 | #infDir {
60 | bottom: 25px;
61 | right: 15px;
62 | transform: rotate(180deg);
63 | }
64 |
65 | .Centro {
66 | display: flex;
67 | align-items: center;
68 | justify-content: center;
69 | height: 100%;
70 | font-size: 6em;
71 | }
--------------------------------------------------------------------------------
/material extra/exercicios/conversor/conversor.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Exemplo de uso da estrutura switch case
3 | * @author José de Assis
4 | */
5 |
6 | function converter() {
7 | var numero;
8 | //parseInt faz a conversão para o tipo inteiro
9 | numero = parseInt(frmConversor.txtNumero.value);
10 | //exemplo de uso da estrutura switch case
11 | switch (numero) {
12 | case 1:
13 | frmConversor.txtMes.value = "Janeiro";
14 | break;
15 | case 2:
16 | frmConversor.txtMes.value = "Fevereiro";
17 | break;
18 | // e assim vai...
19 | default:
20 | frmConversor.txtMes.value = "Mês inválido";
21 | break;
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/material extra/exercicios/conversor/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | JS - aula 3 - Switch Case
6 |
7 |
8 | Conversor número x mês
9 |
10 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/material extra/exercicios/eleitor/eleitor.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Eleitor
3 | * Exercício de fixação else if AND OR
4 | * @author José de Assis
5 | */
6 |
7 | function verificar() {
8 | let idade
9 | idade = Number(frmEleitor.txtIdade.value)
10 | if (idade < 16) {
11 | alert('Proibido votar')
12 | } else if (idade >= 18 && idade <= 70) {
13 | alert('Obrigatório votar')
14 | } else {
15 | alert('Voto facultativo')
16 | }
17 | }
--------------------------------------------------------------------------------
/material extra/exercicios/eleitor/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Eleitor
9 |
10 |
11 |
12 | Eleitor
13 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/material extra/exercicios/funcoes/hello.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Exemplo de uma função simples
3 | * @author José de Assis
4 | */
5 |
6 | function helloWorld(){
7 | let nome
8 | nome = promp ('Qual é o seu nome ?')
9 | alert ('Hello ' + nome)
10 | }
--------------------------------------------------------------------------------
/material extra/exercicios/funcoes/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Funções
8 |
9 |
10 | Função simples
11 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Cálculo do IMC
3 | * @author José de Assis
4 | */
5 |
6 | let peso, altura, imc
7 |
8 | function calcular() {
9 | peso = Number(frmImc.txtPeso.value.replace(",", "."))
10 | altura = Number(frmImc.txtAltura.value.replace(",", "."))
11 | imc = peso / (altura * altura)
12 | frmImc.txtImc.value = imc.toFixed(2)
13 | if (imc < 17) {
14 | document.getElementById('status').src = 'imc1.png'
15 | } else if (imc >= 17 && imc < 18.5) {
16 | document.getElementById('status').src = 'imc2.png'
17 | } else if (imc >= 18.5 && imc < 25){
18 | document.getElementById('status').src = 'imc3.png'
19 | } else if (imc >= 25 && imc < 30){
20 | document.getElementById('status').src = 'imc4.png'
21 | }else if (imc >= 30 && imc < 35){
22 | document.getElementById('status').src = 'imc5.png'
23 | }else if (imc >= 35 && imc < 40){
24 | document.getElementById('status').src = 'imc6.png'
25 | }else {
26 | document.getElementById('status').src = 'imc7.png'
27 | }
28 | }
29 |
30 | function limpar() {
31 | document.getElementById('status').src = 'imc.png'
32 | }
33 |
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc1.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc2.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc3.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc4.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc5.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc6.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/imc7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/exercicios/imc/imc7.png
--------------------------------------------------------------------------------
/material extra/exercicios/imc/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Cálculo do IMC
9 |
10 |
11 | Cálculo do IMC
12 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/material extra/exercicios/pdv/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | PDV
8 |
9 |
10 | PDV
11 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/material extra/exercicios/pdv/pdv.js:
--------------------------------------------------------------------------------
1 | /**
2 | * PDV - Exercício referente à cálculo de porcentagem
3 | * @author José de Assis
4 | */
5 |
6 | // Esta variável está presente nas 2 funções, portanto precisa ser global
7 | let totalDesconto
8 |
9 | function calcularDesconto() {
10 | let total, desconto, valorDesconto
11 | //entrada
12 | total = Number(frmPdv.txtTotal.value.replace(',', '.'))
13 | desconto = Number(frmPdv.txtPorcentagem.value.replace(',', '.'))
14 | //processamento
15 | valorDesconto = (total * desconto) / 100
16 | totalDesconto = total - (total * desconto) / 100
17 | //saída
18 | frmPdv.txtDesconto.value = 'R$ ' + valorDesconto.toFixed(2)
19 | frmPdv.txtTotalDesconto.value = 'R$ ' + totalDesconto.toFixed(2)
20 | }
21 |
22 | function calcularTroco() {
23 | let valorPago, troco
24 | valorPago = Number(frmPdv.txtValorPago.value.replace(',', '.'))
25 | troco = valorPago - totalDesconto
26 | frmPdv.txtTroco.value = 'R$ ' + troco.toFixed(2)
27 | }
--------------------------------------------------------------------------------
/material extra/exercicios/regra3/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Regra 3
8 |
9 |
10 | Regra de 3
11 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/material extra/exercicios/regra3/regra3.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Cálculo de porcentagem "REGRA de 3"
3 | * @author José de Assis
4 | */
5 |
6 | function calcular() {
7 | let x, y, resultado
8 | x = Number(frmRegra3.txtX.value.replace(',', '.'))
9 | y = Number(frmRegra3.txtY.value.replace(',', '.'))
10 | resultado = (x * y) / 100
11 | frmRegra3.txtResultado.value = resultado.toFixed(2)
12 | }
--------------------------------------------------------------------------------
/material extra/exercicios/validacao/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Validação simples com JS
9 |
10 |
11 |
12 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/material extra/exercicios/validacao/validador.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Validação simples com JS
3 | * @author José de Assis
4 | */
5 |
6 | function validacao() {
7 | // o método abaixo é usado para capturar dados de formulários
8 | // diversos facilitando a busca
9 | let formulario = document.forms.frmCadastro;
10 | let nome = formulario.txtNome.value;
11 | let cpf = formulario.txtCpf.value;
12 | let sexo = formulario.sexo.value;
13 | let perfil = formulario.txtPerfil.value;
14 | let erro = false; // apoio a lógica o formulário não tem erros
15 | if (nome.indexOf(" ") === -1) {
16 | alert("Preencha o nome completo");
17 | erro = true;
18 | }
19 | if (cpf.length != 11) {
20 | alert("CPF inválido");
21 | erro = true;
22 | }
23 | if (perfil.length < 20) {
24 | alert("Digite pelo menos 20 caracteres");
25 | erro = true;
26 | }
27 |
28 | if (erro === true) {
29 | return false;
30 | } else {
31 | return true;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/material extra/jquery/fundamentos.txt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/professorjosedeassis/javascript/59603a6da5e48216c4882bc59ce0b65a38e4ad10/material extra/jquery/fundamentos.txt
--------------------------------------------------------------------------------
/material extra/jquery/helloJQuery/estudo.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Estudo da biblioteca JQuery
3 | * @author José de Assis
4 | */
5 |
6 | $('#efeito').fadeOut(5000).fadeIn(5000)
--------------------------------------------------------------------------------
/material extra/jquery/helloJQuery/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Estudo do JQuery
8 |
9 |
10 |
11 | Entendo o JQuery
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/material extra/jquery/helloJQuery/jquery-3.4.1.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */
2 | !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],E=C.document,r=Object.getPrototypeOf,s=t.slice,g=t.concat,u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.4.1",k=function(e,t){return new k.fn.init(e,t)},p=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;function d(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp($),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+$),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ne=function(e,t,n){var r="0x"+t-65536;return r!=r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(m.childNodes),m.childNodes),t[m.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&((e?e.ownerDocument||e:m)!==C&&T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!A[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&U.test(t)){(s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=k),o=(l=h(t)).length;while(o--)l[o]="#"+s+" "+xe(l[o]);c=l.join(","),f=ee.test(t)&&ye(e.parentNode)||e}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){A(t,!0)}finally{s===k&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[k]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:m;return r!==C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),m!==C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=k,!C.getElementsByName||!C.getElementsByName(k).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+k+"-]").length||v.push("~="),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+k+"+*").length||v.push(".#.+[+~]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",$)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e===C||e.ownerDocument===m&&y(m,e)?-1:t===C||t.ownerDocument===m&&y(m,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===C?-1:t===C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]===m?-1:s[r]===m?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if((e.ownerDocument||e)!==C&&T(e),d.matchesSelector&&E&&!A[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){A(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=p[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&p(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?k.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?k.grep(e,function(e){return e===n!==r}):"string"!=typeof n?k.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(k.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:L.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof k?t[0]:t,k.merge(this,k.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),D.test(r[1])&&k.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(k):k.makeArray(e,this)}).prototype=k.fn,q=k(E);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}k.fn.extend({has:function(e){var t=k(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?k.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;nx",y.noCloneChecked=!!me.cloneNode(!0).lastChild.defaultValue;var Te=/^key/,Ce=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ee=/^([^.]*)(?:\.(.+)|)/;function ke(){return!0}function Se(){return!1}function Ne(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ae(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ae(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Se;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return k().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=k.guid++)),e.each(function(){k.event.add(this,t,i,r,n)})}function De(e,i,o){o?(Q.set(e,i,!1),k.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Q.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(k.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Q.set(this,i,r),t=o(this,i),this[i](),r!==(n=Q.get(this,i))||t?Q.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Q.set(this,i,{value:k.event.trigger(k.extend(r[0],k.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Q.get(e,i)&&k.event.add(e,i,ke)}k.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.get(t);if(v){n.handler&&(n=(o=n).handler,i=o.selector),i&&k.find.matchesSelector(ie,i),n.guid||(n.guid=k.guid++),(u=v.events)||(u=v.events={}),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof k&&k.event.triggered!==e.type?k.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(R)||[""]).length;while(l--)d=g=(s=Ee.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=k.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=k.event.special[d]||{},c=k.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&k.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),k.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Q.hasData(e)&&Q.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(R)||[""]).length;while(l--)if(d=g=(s=Ee.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=k.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||k.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)k.event.remove(e,d+t[l],n,r,!0);k.isEmptyObject(u)&&Q.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=k.event.fix(e),u=new Array(arguments.length),l=(Q.get(this,"events")||{})[s.type]||[],c=k.event.special[s.type]||{};for(u[0]=s,t=1;t\x20\t\r\n\f]*)[^>]*)\/>/gi,qe=/
11 |
12 |
13 |
14 |
15 |
16 |

17 |
18 | ☰
19 |
20 |
28 |
29 |
30 |
Professor José de Assis
31 |
32 |
33 |
Destaque 1
34 |
Texto
35 |
36 |
37 |
40 |
41 |
Destaque 2
42 |
Texto
43 |
44 |
45 |
46 |
Neste site você encontra exemplos JQUERY
47 |
48 |
57 |
58 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |