QuizJava/index.html at master · DaywisonSilva/QuizJava · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Daywison">
    <meta name="description" content="O jogo de quiziz do java. Aprenda Java de uma maneira divertida">
    <meta name="keywords" content="java, quiz, programação">
    <link rel="stylesheet" href="CSS/style.css">
    <script src="https://kit.fontawesome.com/f0f3c94151.js" crossorigin="anonymous"></script>
    <link rel="shortcut icon" href="Imagens/logo-java.png">
    <title>Quiz Java</title>
</head>

<body>
    <header class="header">
        <img src="Imagens/logo-java.png" alt="logotipo java">
        <nav class="header-nav">
            <ul>
                <span><a href="https://github.com/amarcel/unama2020p1/tree/master/ADS%20-%203o%20semestre%20-%20noite" target="_blank"><span class="fab fa-github"></span></a></span>
                <li><a href="https://github.com/amarcel/unama2020p1/tree/master/ADS%20-%203o%20semestre%20-%20noite">Material de Apoio</a></li>
                <li><a href="https://docs.oracle.com/javase/8/docs/">Documentação</a></li>
            </ul>
        </nav>
    </header>
    <section>
        <div class="container">
            <div class="card card-one">
                <h1>Certificação Java</h1>
                <p>Ajude o Prof. Alan a conseguir a sua tão sonhada certificação java!!</p>
                <p>Aguarde alguns segundos</p>
            </div>
            <div class="card">
                <span class="question">
                    A linguagem de programação Java, apresenta uma série de “operadores” que são utilizados, principalmente, na etapa de processamento para a construção da lógica, possibilitando realizar ações específicas sobre os dados. Um determinado operador é utilizado para definir o valor inicial ou sobrescrever o valor de uma variável. Em seu uso, o operando à esquerda representa a variável para a qual desejamos indicar o valor informado à direita. Estamos falando do operador:
                </span>
                <div class="options">
                    <span class="option2" onclick="wrong1Card2()">Relacional</span>
                    <span class="option3" onclick="wrong2Card2()">Lógico</span>
                    <span class="option1" onclick="correctCard2()">De atribuição</span>
                    <span class="option4" onclick="wrong3Card2()">Aritmético</span>
                </div>

            </div>
            <div class="card">
                <span class="question">
                    Considere o programa abaixo escrito na linguagem Java:
                    <pre>
                        <code>
    Public class veículo {}
    Public class carro extends veículo {}
    Public class avião extends veículo {}
                        </code>
                    </pre>
                    Qual a afirmativa correta?
                </span>
                <div class="options">
                    <span class="option2" onclick="wrong1Card3()">A classe veículo é subclasse da classe avião.</span>
                    <span class="option3" onclick="wrong2Card3()">As classes carro e avião são superclasses da classe veículo.</span>
                    <span class="option4" onclick="wrong3Card3()">As classes veículo e carro são subclasses da classe maquinas.</span>
                    <span class="option1" onclick="correctCard3()">A classe veículo é superclasse das classes carro e avião.</span>
                </div>
            </div>
            <div class="card">
                <span class="question">
                    O seguinte trecho de código cria um array em linguagem Java e o inicializa:
                    <pre>
                        <code>
    int[] array; array = new int[2];
    int[0] = 1; int[1] = 2; int[2] = 3;
                        </code>
                    </pre>
                    Este array é exemplo de:
                </span>
                <div class="options">
                    <span class="option1" onclick="correctCard4()">Uma variável composta homogênea.</span>
                    <span class="option2" onclick="wrong1Card4()">Uma expressão.</span>
                    <span class="option3" onclick="wrong2Card4()">Uma string heterogênea.</span>
                    <span class="option4" onclick="wrong3Card4()">Uma constante. </span>
                </div>
            </div>
            <div class="card">
                <span class="question">
                    A Programação Orientada a Objetos (POO) diz respeito a um padrão de desenvolvimento que é seguido por muitas linguagens, como C# e Java. Neste contexto, dois princípios são caracterizados a seguir.

                    (1) Representa uma das principais técnicas que define a programação orientada a objetos, adicionando segurança à aplicação em uma programação orientada a objetos pelo fato de esconder as propriedades, criando uma espécie de caixa preta.

                    (2) Consiste na alteração do funcionamento interno de um método herdado de um objeto pai.

                    Os princípios caracterizados em (1) e em (2) são conhecidos, respectivamente, por:
                </span>
                <div class="options">
                    <span class="option1" onclick="correctCard5()">Encapsulamento e Polimorfismo.</span>
                    <span class="option2" onclick="wrong1Card5()">Polimorfismo e Coesão.</span>
                    <span class="option3" onclick="wrong2Card5()">Herança e Acoplamento.</span>
                    <span class="option4" onclick="wrong3Card5()">Encapsulamento e Herança</span>
                </div>
            </div>
            <div class="card">
                <span class="question">
                    I. Na programação orientada a objetos, as classes são estruturas que definem um conjunto de objetos com características similares em seus métodos e atributos.
                    <br>
                    <br>
                    II.Um bloco é definido por ‘ { } ’ e contém um grupo de outros blocos. Quando um novo bloco é criado, um novo escopo local é aberto e permite a definição de variáveis locais. As variáveis definidas dentro de um bloco só podem ser vistas internamente a este e são terminadas ou extintas no final da execução deste “ }”.

                    Qual a opção verdadeira?
                </span>
                <div class="options">
                    <span class="option2" onclick="wrong1Card6()">Somente I está correta</span>
                    <span class="option1" onclick="correctCard6()">I e II estão corretas</span>
                    <span class="option3" onclick="wrong2Card6()">Somente II está correta</span>
                    <span class="option4" onclick="wrong3Card6()">Nemhuma premissa é verdadeira</span>
                </div>
            </div>
            <div class="card">
                <span class="question">
                    A Programação Orientada a Objetos (POO) é um modelo de análise, projeto e programação de software baseado na composição e interação entre diversas unidades chamadas de objetos. Assinale a alternativa que apresenta os itens considerados os quatro pilares da Programação Orientada a Objetos.
                </span>
                <div class="options">
                    <span class="option2" onclick="wrong1Card7()">Estruturação - Modulorização - Concretização - Modelagem</span>
                    <span class="option3" onclick="wrong2Card7()">Estruturação - Modulorização - Herança - Polimorfismo</span>
                    <span class="option1" onclick="correctCard7()">Abstração - Encapsulamento - Herança - Polimorfismo</span>
                    <span class="option4" onclick="wrong3Card7()">Estruturação - Modulorização - Concretização - Modelagem</span>
                </div>
            </div>
            <div class="card">
                <span class="question">
                    Na programação orientada a objetos, a herança é uma técnica de abstração que permite categorizar as classes de objetos sob certos critérios, especificando-se as características dessas classes. As classes que são vinculadas por meio de relacionamentos de herança formam uma hierarquia de herança. Na linguagem de programação Java, o relacionamento de herança é definido pela palavra-chave:
                </span>
                <div class="options">
                    <span class="option2" onclick="wrong1Card8()">public.</span>
                    <span class="option3" onclick="wrong2Card8()">static.</span>
                    <span class="option4" onclick="wrong3Card8()">this.</span>
                    <span class="option1" onclick="correctCard8()">extends.</span>
                </div>
            </div>
            <div class="card">
                <span class="question">
                    Como é conhecido o recurso de programação que permite ao programador criar métodos com o mesmo nome, mas com implementações lógicas diferentes?
                </span>
                <div class="options">
                    <span class="option2" onclick="wrong1Card9()">Herança.</span>
                    <span class="option1" onclick="correctCard9()">Polimorfismo.</span>
                    <span class="option3" onclick="wrong2Card9()">Encapsulamento.</span>
                    <span class="option4" onclick="wrong3Card9()">Abstração</span>
                </div>
            </div>
            <div class="card last-card">
                <h1>Fim de Jogo</h1>
                <h2 style="text-align: center; font-size: 1em;">Atualize a página para jogar novamente</h2>
            </div>
        </div>
        <div class="runner">
            <div id="alan">
                <img src="Imagens/foto-alan.jpeg" alt="foto de perfil do professor Alan">
            </div>
            <div id="bandeira" class="fas fa-flag"></div>
        </div>

    </section>
    <footer>
        <p>Desenvolvido por Daywison Silva</p>
    </footer>
    <script src="JS/script.js"></script>
</body>

</html>