Skip to content

Releases: LarissaGiovanna/github-foundations-study

v1.0-beta

23 Jan 00:41

Choose a tag to compare

v1.0-beta Pre-release
Pre-release

CHANGELOG

📋 Versão 1.0.0 (beta) - Lançamento Inicial (2026-01-23)

🎉 Sobre o Lançamento

Bem-vindo à primeira versão oficial do GitHub Foundations Study Guide! Este é um site educacional completo para preparação do exame de certificação GitHub Foundations (GH-900).

Acesse: https://larissagiovanna.github.io/github-foundations-study/


✨ Funcionalidades Principais

Website Responsivo

  • Interface adaptável para desktop e mobile
  • Design intuitivo baseado no tema GitHub
  • Navegação fluida entre módulos

11 Módulos de Estudo Completos

  1. Introdução ao Git e GitHub

    • Fundamentos de controle de versão
    • Conceitos de repositórios, commits, branches e pull requests
    • Práticas de colaboração no GitHub
  2. Produtos do GitHub

    • GitHub Actions para CI/CD
    • GitHub Packages para gerenciamento de pacotes
    • GitHub Security e ferramentas de segurança
    • Outros serviços e produtos do ecossistema
  3. Varredura e Segurança de Código

    • Práticas de segurança no desenvolvimento
    • Ferramentas de análise de código
    • Detecção de vulnerabilidades
  4. Introdução ao GitHub Copilot

    • Uso da IA do GitHub para programação
    • Recursos e funcionalidades do Copilot
    • Planos: Free, Pro e Pro+
  5. Introdução ao GitHub Codespaces

    • Ambientes de desenvolvimento na nuvem
    • Configuração e personalização
    • Integração com workflows
  6. Gerenciamento de Projetos

    • Ferramentas para organização
    • Acompanhamento de tarefas e issues
    • Planejamento de sprints e milestones
  7. Introdução ao Markdown

    • Sintaxe e formatação de documentos
    • Práticas de documentação no GitHub
    • Criação de READMEs efetivos
  8. Projetos Open Source

    • Como contribuir para código aberto
    • Licenças de código aberto
    • Práticas de colaboração comunitária
    • Arquivos importantes: LICENSE, CONTRIBUTING, CODE_OF_CONDUCT
  9. Projetos Inner Source

    • Aplicação de práticas open source dentro de organizações
    • Configuração de repositórios internos
    • Gestão de permissões e colaboração
  10. Segurança do Repositório

    • Gerenciamento de permissões de acesso
    • Proteção de branches
    • Políticas de segurança
  11. Administração do GitHub

    • Gerenciamento de equipes
    • Configurações avançadas de organização
    • Monitoramento de uso e licenças

🎯 Recursos Interativos

Sistema de Navegação

  • Navegação Progressive: Sistema "Anterior/Próximo" para progressão linear
  • Menu Responsivo: Menu mobile com toggle e navegação desktop
  • Seções Ocultas: Conteúdo progressivo dentro dos módulos

Recursos de Aprendizado

  • Página de Exercícios: Área dedicada para prática e reforço
  • Simulado de Exame: Teste seus conhecimentos antes da prova real
  • Conteúdo Estruturado: Organizado seguindo os tópicos oficiais do exame GH-900

🎨 Interface e Design

Componentes de UI

  • Header Responsivo

    • Logo e título com fonte Mona Sans
    • Menu mobile com toggle
    • Navegação desktop com links diretos
  • Cards de Módulos

    • Imagens ilustrativas personalizadas (SVG)
    • Descrições concisas
    • Botões de acesso direto
  • Footer Informativo

    • Links para recursos adicionais
    • Perfil GitHub do autor
    • Créditos e informações educacionais

Sistema de Estilos

src/css/
├── root.css      # Variáveis CSS e configurações globais
├── home.css      # Estilos da página principal
└── modules.css   # Estilos para páginas de módulos

Paleta de Cores

  • Background: #24292e (GitHub dark theme)
  • Gray: #040f1a
  • Light Gray: #57606a
  • White: #ffffff
  • Blue: #0366d6
  • Light Blue: #79b8ff
  • Green: #28a745
  • Yellow: #ffdf5d

Tipografia

  • Fonte Principal: System fonts (Segoe UI, Helvetica, Arial)
  • Fonte Especial: Mona Sans (Google Fonts)

📂 Estrutura do Projeto

github-foundations-study/
├── index.html                 # Página principal do site
├── README.md                  # Documentação bilíngue (PT-BR/EN-US)
└── src/
    ├── css/                   # Arquivos de estilo
    │   ├── root.css          # Variáveis e estilos globais
    │   ├── home.css          # Estilos da página inicial
    │   └── modules.css       # Estilos das páginas de módulos
    ├── js/                    # Scripts JavaScript
    │   └── script.js         # Navegação e menu mobile
    ├── img/                   # Imagens e ícones
    │   └── [11 imagens SVG dos módulos]
    └── pages/                 # Páginas HTML
        ├── about.html        # Página sobre o projeto
        ├── exercises.html    # Página de exercícios
        └── modules/          # Módulos de estudo (11 arquivos HTML)
            ├── 1-introduction-to-git.html
            ├── 2-github-products.html
            ├── 3-code-security.html
            ├── 4-github-copilot.html
            ├── 5-introduction-to-codespace.html
            ├── 6-project-management.html
            ├── 7-introduction-to-markdown.html
            ├── 8-open-source.html
            ├── 9-inner-source.html
            ├── 10-repository-security.html
            └── 11-github-administration.html

🔧 Tecnologias Utilizadas

Frontend

  • HTML5

    • Estrutura semântica
    • Acessibilidade
    • Meta tags responsivas
  • CSS3

    • CSS Variables (Custom Properties)
    • Flexbox e Grid Layout
    • Media Queries para responsividade
    • Animações e transições
  • JavaScript (Vanilla)

    • Manipulação do DOM
    • Event listeners
    • Navegação dinâmica entre seções
    • Toggle do menu mobile

Recursos Externos

  • Google Fonts: Mona Sans
  • GitHub Badges: Shields.io para badges no README

📝 Recursos de Conteúdo

Formatação de Código

  • Blocos de código inline com <code>
  • Blocos de código em destaque
  • Exemplos de terminal com indentação visual (classes: one_tab, two_tab, etc.)
  • Syntax highlighting para diferentes linguagens

Elementos de Documentação

  • Listas ordenadas (<ol>) e não-ordenadas (<ul>)
  • Títulos hierárquicos (h1 - h5)
  • Parágrafos formatados com line-height otimizado
  • Links para documentação oficial
  • Figuras e imagens ilustrativas

Navegação por Conteúdo

  • Seções progressivas com classe .hidden-section
  • Botões de navegação contextuais:
    • .back - Voltar para seção anterior
    • .next - Avançar para próxima seção
    • .next-module - Ir para próximo módulo

📖 Documentação

README Bilíngue

  • Português (pt-br)

    • Sobre o projeto
    • Módulos de estudo
    • Funcionalidades
    • Como usar
    • Estrutura do projeto
    • Informações sobre o exame
    • Recursos adicionais
    • Licença
  • English (en-us)

    • About the project
    • Study modules
    • Features
    • How to use
    • Project structure
    • About the exam
    • Additional resources
    • License

Guia de Instalação

# Clone o repositório
git clone https://github.com/LarissaGiovanna/github-foundations-study.git

# Abra o arquivo index.html no seu navegador

Recursos Externos Documentados


🎓 Informações sobre o Exame GitHub Foundations

Sobre a Certificação

  • Código: GH-900
  • Nome: GitHub Foundations
  • Formato: Exame online
  • Ritmo: Próprio do candidato
  • Idioma: Disponível em múltiplos idiomas

Tópicos Cobertos

  • ✅ Controle de versão com Git
  • ✅ Colaboração no GitHub
  • ✅ Produtos e funcionalidades do GitHub
  • ✅ Práticas de segurança
  • ✅ Desenvolvimento em comunidade

Informações Financeiras

  • Valor variável por localização
  • Voucher Gratuito para Estudantes via GitHub Education

🚀 Funcionalidades JavaScript

Funções Implementadas

openMenu()

  • Controla visibilidade do menu mobile
  • Toggle entre display: block e display: none

back(current, previous)

  • Navega para seção anterior dentro do módulo
  • Oculta seção atual
  • Exibe seção anterior
  • Scroll suave para a seção

next(current, next)

  • Avança para próxima seção dentro do módulo
  • Oculta seção atual
  • Exibe próxima seção
  • Scroll suave para a seção

📊 Estatísticas do Projeto

  • Módulos de Estudo: 11
  • Páginas HTML: 14+ (index, about, exercises, 11 módulos)
  • Arquivos CSS: 3
  • Arquivos JavaScript: 1
  • Imagens: 11+ (ícones SVG dos módulos)
  • Idiomas: 2 (Português e Inglês)

🎯 Público-Alvo

Este projeto foi desenvolvido para:

  • 👨‍🎓 Estudantes preparando-se para o exame GitHub Foundations
  • 💼 Profissionais buscando certificação GitHub
  • 🌱 Iniciantes em Git e GitHub
  • 📚 Educadores ensinando controle de versão
  • 🔄 Desenvolvedores migrando para GitHub

📜 Licença e Uso

  • Finalidade: Educacional
  • Código: Disponível publicamente
  • Contribuições: Bem-vindas
  • Atribuição: Desenvolvido por LarissaGiovanna

🙏 Créditos e Inspirações

Conteúdo Baseado Em

Read more