github-foundations-study/index.html at main · LarissaGiovanna/github-foundations-study · 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="shortcut icon" href="src/img/book.ico" type="image/x-icon">
    <link rel="stylesheet" href="src/css/home.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>
    <header>
        <nav class="title-container" onclick="window.location.href='index.html'">
            <img src="src/img/github-logo.png" alt="GitHub Logo" class="logo">
            <div class="title">
                <img src="src/img/logo-certification.svg" alt="Logo GitHub Foundations" class="title-img">
                <p>Guia de Estudo</p>
            </div>
        </nav>
        <sec class="menu">
            <i class="fa fa-bars" onclick="openMenu()"></i>
        </sec>
        <nav id="menu-nav" class="nav-mobile">
            <ul>
                <li>
                    <a href="index.html">Início</a>
                </li>
                <li>
                    <a href="src/pages/exercises.html">Exercícios</a>
                </li>
                <li>
                    <a href="https://github.com">Acessar o GitHub</a>
                </li>
                <li>
                    <a href="src/pages/about.html">Sobre</a>
                </li>
            </ul>
        </nav>
        <nav class="desktop-nav">
            <a href="index.html">Início</a>
            <a href="src/pages/exercises.html">Exercícios</a>
            <a href="https://github.com">Acessar o GitHub</a>
            <a href="src/pages/about.html">Sobre</a>
        </nav>
    </header>
    <main>
        <section class="presentation">
            <div class="img-container">
                <img src="src/img/github-foundations.png" alt="github-foundations-badge" class="presentation-img">
            </div>
            <section class="text-container">
                <h1>Prepare-se</h1>
                <p>Este guia de estudo foi elaborado para ajudar você a se preparar para o exame de certificação GitHub
                    Foundations. Ele cobre os principais tópicos e conceitos que você precisa entender para ter sucesso
                    no exame.</p>
            </section>
        </section>
        <h2 class="text-start-here">Comece por aqui</h2>
        <section class="start_here-container">
            <section class="module introducao-ao-git">
                <img src="src/img/1-git_e_github.svg" alt="Introdução ao Git e GitHub" class="module-img">
                <article class="module-text">
                    <h3>Introdução ao Git e GitHub</h3>
                    <p>Aprenda os conceitos básicos do Git e do GitHub, incluindo controle de versão, repositórios,
                        commits e branches.</p>
                    <a href="src/pages/modules/1-introduction-to-git.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module produtos-do-github">
                <img src="src/img/2.produtos do github.svg" alt="Produtos do GitHub" class="module-img">
                <article class="module-text">
                    <h3>Produtos do GitHub</h3>
                    <p>Aprenda sobre os diferentes produtos e serviços oferecidos pelo GitHub, como GitHub Actions,
                        GitHub Packages e GitHub Security.</p>
                    <a href="src/pages/modules/2-github-products.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module varredura-e-seguranca">
                <img src="src/img/3. Varredura e segurança.svg" alt="Varredura e Segurança" class="module-img">
                <article class="module-text">
                    <h3>Varredura e Segurança de código</h3>
                    <p>Aprenda sobre as práticas e ferramentas de varredura e segurança disponíveis no GitHub para
                        proteger seus projetos.</p>
                    <a href="src/pages/modules/3-code-security.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module introducao-ao-copilot">
                <img src="src/img/4. Copilot.svg" alt="Introdução ao Copilot" class="module-img">
                <article class="module-text">
                    <h3>Introdução ao Copilot</h3>
                    <p>Aprenda os conceitos básicos do Copilot, incluindo como ele pode ajudar a aumentar sua
                        produtividade na programação.</p>
                    <a href="src/pages/modules/4-github-copilot.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module introducao-ao-codespaces-git">
                <img src="src/img/5. Codespaces.svg" alt="Introdução ao Codespaces" class="module-img">
                <article class="module-text">
                    <h3>Introdução ao Codespaces</h3>
                    <p>Aprenda como funciona o GitHub Codespaces e como é possível utilizá-lo para melhorar seu fluxo de
                        trabalho.</p>
                    <a href="src/pages/modules/5-introduction-to-codespace.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module gerenciamento-de-projetos">
                <img src="src/img/6. Projetos.svg" alt="Gerenciamento de Projetos" class="module-img">
                <article class="module-text">
                    <h3>Gerenciamento de Projetos</h3>
                    <p>Aprenda sobre as ferramentas e técnicas de gerenciamento de projetos disponíveis no GitHub para
                        organizar e acompanhar o progresso do seu trabalho.</p>
                    <a href="src/pages/modules/6-project-management.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module markdown">
                <img src="src/img/7. Markdown.svg" alt="Introdução ao Markdown" class="module-img">
                <article class="module-text">
                    <h3>Introdução ao Markdown</h3>
                    <p>Aprenda os conceitos básicos do Markdown, incluindo como criar documentos formatados de forma
                        simples e eficiente.</p>
                    <a href="src/pages/modules/7-introduction-to-markdown.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module projetos-open-source">
                <img src="src/img/8. open source.svg" alt="Projetos Open Source" class="module-img">
                <article class="module-text">
                    <h3>Projetos Open Source</h3>
                    <p>Aprenda sobre como contribuir em projetos open source, incluindo práticas recomendadas e como
                        colaborar efetivamente com a comunidade.</p>
                    <a href="src/pages/modules/8-open-source.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module projetos-inner-source">
                <img src="src/img/9. Inner source.svg" alt="Projetos Inner Source" class="module-img">
                <article class="module-text">
                    <h3>Projetos Inner Source</h3>
                    <p>Aprenda sobre como aplicar práticas open source dentro da sua organização para melhorar a
                        colaboração e a qualidade do software.</p>
                    <a href="src/pages/modules/9-inner-source.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module seguranca-do-repositorio">
                <img src="src/img/10. Segurança.svg" alt="Segurança do Repositório" class="module-img">
                <article class="module-text">
                    <h3>Segurança do Repositório</h3>
                    <p>Aprenda práticas para garantir a segurança dos seus repositórios no GitHub,
                        incluindo gerenciamento de permissões e proteção de branches.</p>
                    <a href="src/pages/modules/10-repository-security.html" class="start-link">Começar módulo</a>
                </article>
            </section>
            <section class="module administracao-do-github">
                <img src="src/img/11. Admin.svg" alt="Administração do GitHub" class="module-img">
                <article class="module-text">
                    <h3>Administração do GitHub</h3>
                    <p>Aprenda sobre as práticas e ferramentas para administrar efetivamente o GitHub na sua
                        organização, incluindo gerenciamento de equipes e configurações avançadas.</p>
                    <a href="src/pages/modules/11-github-administration.html" class="start-link">Começar módulo</a>
                </article>
            </section>
        </section>
        <section class="exercice-container">
            <h2>Pratique seus conhecimentos</h2>
            <section class="exercice-module">
                <img src="src/img/exercises.svg" alt="Exercícios" class="exercice-img">
                <article class="exercice-text">
                    <h3>Exercícios Práticos</h3>
                    <p>Teste seus conhecimentos com exercícios práticos relacionados aos módulos estudados. Reforce o
                        aprendizado e prepare-se para o exame de certificação.</p>
                    <a href="src/pages/exercises.html" class="start-link">Começar exercícios</a>
                </article>
            </section>
            <section class="test-module">
                <img src="src/img/simulation.svg" alt="Simulado de Exame" class="test-img">
                <article class="test-text">
                    <h3>Simulado de Exame</h3>
                    <p>Faça um simulado do exame de certificação GitHub Foundations para avaliar seu conhecimento e
                        identificar áreas que precisam de mais estudo.</p>
                    <a href="https://go.microsoft.com/fwlink/?linkid=2226877" class="start-link">Começar simulado</a>
                </article>
            </section>
        </section>
        <section class="exam-container">
            <h2>Fazer a prova de certificação</h2>
            <div class="exam-info">
                <p>Quando você se sentir preparado, inscreva-se para o exame de certificação GitHub Foundations. O exame
                    é online e pode ser feito no seu próprio ritmo.</p>
                <div class="pricing">
                    <i class="fa fa-credit-card"></i>
                    <p>O exame é pago, e o valor pode variar dependendo da sua localização. Porém, ao se inscrever no
                        programa do GitHub Education, o estudante ganha um voucher exclusivo para realizar a prova de
                        forma gratuita.</p>
                    <a href="https://education.github.com/" target="_blank" class="education-link">Saiba mais sobre o
                        GitHub Education</a>
                </div>
                <a href="https://learn.microsoft.com/credentials/certifications/schedule-through-pearson-vue?examUid=exam.GH-900&examUrl=https://learn.microsoft.com/credentials/certification" class="start-link">Inscrever-se para a prova</a>
            </div>
        </section>
        <section class="why-container">
            <h2>Por que obter a certificação GitHub Foundations?</h2>
            <div class="explanation-container">
                <p>Obter a certificação GitHub Foundations demonstra seu conhecimento e habilidades no uso do GitHub,
                    uma das plataformas de desenvolvimento mais populares do mundo. Isso pode abrir portas para novas
                    oportunidades de carreira, aumentar sua credibilidade profissional e ajudá-lo a se destacar no
                    mercado de trabalho.</p>
                <img src="src/img/certification.svg" alt="Certificação GitHub Foundations" class="certification-img">
            </div>
        </section>
    </main>
    <footer>
        <nav class="links">
            <section>
                <a href="src/pages/about.html">Sobre</a>
                <a href="https://learn.github.com/certifications">GitHub Learn (inspiração Design)</a>
                <a href="https://learn.microsoft.com/">Microsoft Learn (conteúdos)</a>
            </section>
            <section>
                <a href="https://github.com/LarissaGiovanna">Perfil GitHub</a>
            </section>
        </nav>
        <p>Site feito para fins educacionais.</p>
    </footer>
</body>
<script src="src/js/script.js"></script>

</html>