JulioJrTI.github.io/index.html at main · JulioJrTI/JulioJrTI.github.io · 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon">
    <title>Tecnologia da Informação | Julio Jr</title>
</head>
<body>
    <header>
        <div id="descricaoPortifolio">
            <h2>Julio Alves da Silva Jr (Website do Programador)</h2>
        </div>
        <a href="index.html">
            <img id="banner" src="imagens/banner.png" alt="Banner" srcset="">
        </a>
    </header>

    <nav>
        <a href="exJS.html">Exercicios JavaScript/HTML5</a>
        <a href="mod3d.html" style="color: red;">Projetos de Modelagem 3D</a>
        <a href="exPython.html" style="color: red;">Exercicios Python</a>
    </nav>

    <main>
        <!-- Imagens de artigo (thumbnails) irão sempre ter 672px x 372px de tamanho -->

        <div>

            <!-- Exercicio JavaScript 10-->
            <article>
                <a href="ExerciciosJS/Exercicio10/index.html" target="_blank">
                    <img src="imagens/screenshots/ex010.png" alt="Ex10">
                    <h1>Exercicio de JavaScript 10: "Conversor de R$ para $USD"</h1>
                </a>

                <p>
                    O código HTML cria uma página que permite ao usuário inserir uma quantia em reais e, ao clicar em um botão, calcular quantos dólares essa quantia pode comprar, exibindo o resultado.
                </p>
            </article>

            <!-- Exercicio JavaScript 09-->
            <article>
                <a href="ExerciciosJS/Exercicio09/index.html" target="_blank">
                    <img src="imagens/screenshots/ex009.png" alt="Ex09">
                    <h1>Exercicio de JavaScript 09: "Tabuada"</h1>
                </a>

                <p>
                    O código HTML cria uma página que solicita ao usuário um número inteiro e, ao clicar em um botão, calcula e exibe a tabuada desse número em um menu suspenso.
                </p>
            </article>

            <!-- Exercicio JavaScript 08-->
            <article>

                <a href="ExerciciosJS/Exercicio08/index.html" target="_blank">
                    <img src="imagens/screenshots/ex008.png" alt="Ex08">
                    <h1>Exercicio de JavaScript 08: "Calculador de Centrimetros e milímetros"</h1>
                </a>

                <p>
                    O código HTML cria uma página que solicita ao usuário um valor em metros e, ao clicar em um botão, converte e exibe esse valor em centímetros e milímetros.
                </p>
            </article>

            <!-- Exercicio JavaScript 07-->
            <article>
                <a href="ExerciciosJS/Exercicio07/index.html" target="_blank">
                    <img src="imagens/screenshots/ex007.png" alt="Ex07">
                    <h1>Exercicio de JavaScript 07: "Calculador de Media de Notas"</h1>
                </a>

                <p>
                    O código HTML cria uma página que solicita ao usuário duas notas, calcula a média delas ao clicar em um botão e exibe o resultado.
                </p>
            </article>

            <!-- Exercicio JavaScript 06-->
            <article>
                <a href="ExerciciosJS/Exercicio06/index.html" target="_blank">
                    <img src="imagens/screenshots/ex006.png" alt="Ex06">
                    <h1>Exercicio de JavaScript 06: "Calculador de Dobro, Triplo e Raiz Quadrada"</h1>
                </a>

                <p>
                    O código HTML cria uma página que solicita ao usuário um número e, ao clicar em um botão, calcula e exibe seu dobro, triplo e raiz quadrada.
                </p>
            </article>

            <!-- Exercicio JavaScript 05-->
            <article>
                <a href="ExerciciosJS/Exercicio05/index.html" target="_blank">
                    <img src="imagens/screenshots/ex005.png" alt="Ex05">
                    <h1>Exercicio de JavaScript 05: "Calculador de Numero Sucessor e Antecessor"</h1>
                </a>

                <p>
                    O código HTML define uma página que solicita ao usuário um número inteiro e, ao clicar em um botão, calcula e exibe seu sucessor e antecessor.
                </p>
            </article>

            <!-- Exercicio JavaScript 03-->
            <article>
                <a href="ExerciciosJS/Exercicio03/index.html" target="_blank">
                    <img src="imagens/screenshots/ex003.png" alt="Ex03">
                    <h1>Exercicio de JavaScript 03: "Soma de dois numeros"</h1>
                </a>

                <p>
                    O código HTML cria uma página simples com um programa que lê dois números inseridos pelo usuário, calcula a soma deles e exibe o resultado na tela.
                </p>
            </article>

            <!-- Exercicio JavaScript 02-->
            <article>

                <a href="ExerciciosJS/Exercicio02/index.html" target="_blank">
                    <img src="imagens/screenshots/ex002.png" alt="Ex02">
                    <h1>Exercicio de JavaScript 02: "Mensagem de Boas Vindas"</h1>
                </a>

                <p>
                    Este código HTML cria uma página com um formulário simples onde o usuário pode digitar seu nome em uma caixa de texto. Há dois botões: um para exibir uma mensagem de boas-vindas personalizada e outro para limpar a mensagem. O JavaScript associado manipula os elementos para exibir ou limpar a mensagem de boas-vindas.
                </p>
            </article>

            <!-- Exercicio JavaScript 01-->
            <article>

                <a href="ExerciciosJS/Exercicio01/index.html" target="_blank">
                    <img src="imagens/screenshots/ex001.png" alt="Ex01">
                    <h1>Exercicio de JavaScript 01: "Hello World"</h1>
                </a>

                <p>
                    Este código é um exemplo simples e eficaz de como utilizar HTML e JavaScript para criar uma página web interativa. Ao solicitar o nome do usuário e exibir uma mensagem personalizada, o exercício demonstra a integração entre HTML para estrutura e JavaScript para comportamento dinâmico. É um excelente ponto de partida para quem está começando a aprender sobre desenvolvimento web.
                </p>
            </article>
        </div>

    </main>

    <footer>
        <p>&copy; Julio Alves da Silva Jr</p>2024
        <p>Banner: <a href="https://www.vecteezy.com/free-vector/abstract" target="_blank">Abstract Vectors by Vecteezy</a></p>
    </footer>

</body>
</html>