https://github.com/carla-coder/curso_algoritmo
O projeto do site Lógica de Programação em C da empresa Tech Academy criada por Carla coder, é uma iniciativa voltada ao ensino e prática da lógica de programação utilizando a linguagem C, com o objetivo de proporcionar uma experiência interativa e acessível para estudantes de programação. O projeto foi criado como uma página de estudos
https://github.com/carla-coder/curso_algoritmo
css html javascript json vscode
Last synced: 3 months ago
JSON representation
O projeto do site Lógica de Programação em C da empresa Tech Academy criada por Carla coder, é uma iniciativa voltada ao ensino e prática da lógica de programação utilizando a linguagem C, com o objetivo de proporcionar uma experiência interativa e acessível para estudantes de programação. O projeto foi criado como uma página de estudos
- Host: GitHub
- URL: https://github.com/carla-coder/curso_algoritmo
- Owner: Carla-coder
- Created: 2025-02-13T01:29:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-15T00:30:45.000Z (over 1 year ago)
- Last Synced: 2025-03-15T01:26:03.722Z (over 1 year ago)
- Topics: css, html, javascript, json, vscode
- Language: HTML
- Homepage:
- Size: 456 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tech Academy
## 📖 Descrição
O projeto do site **Lógica de Programação em C** da empresa **Tech Academy** criada por **Carla coder**, é uma iniciativa voltada ao ensino e prática da lógica de programação utilizando a linguagem C, com o objetivo de proporcionar uma experiência interativa e acessível para estudantes de programação. O projeto foi criado como uma página de estudos sem backend, onde o conteúdo é carregado diretamente de arquivos estáticos e gerenciado localmente.
- Tela início
- Tela conteúdo
- Tela exercícios
- Tela certificado
- Tela Certificado impresso
## 🛠️ Tecnologias Utilizadas
- **HTML**: Para estruturar a página.
- **CSS**: Para estilização e aprimoramento visual.
- **JavaScript**: Para funcionalidade e interatividade.
- **JSON**: Para armazenar os exercícios e carregar o conteúdo dinâmico da página.
- **VS Code**: Ferramenta principal utilizada no desenvolvimento.
## 📂 Estrutura de Pastas
```
/Curso_Algoritmo
│
├── assets
│ └── images
│ └── coding.jpg # Imagem usada no projeto
│
├── css
│ ├── style.css # Estilos principais do projeto
│ ├── styless.css # (opcional) Estilos adicionais
│ ├── stylesss.css # (opcional) Estilos adicionais
│ └── stylessss.css # (opcional) Estilos adicionais
│
├── data
│ ├── conteudo.json # Dados do conteúdo do curso
│ └── exercicios.json # Dados dos exercícios de programação
│
├── js
│ ├── certificado.js # Lógica para o certificado
│ ├── conteudo.js # Lógica para o conteúdo do curso
│ ├── exercicios.js # Lógica para os exercícios
│ └── index.js # Lógica geral ou inicial do projeto
│
├── web
│ ├── certificado.html # Página para exibir o certificado
│ ├── conteudo.html # Página para o conteúdo do curso
│ ├── exercicios.html # Página para os exercícios
│ └── index.html # Página inicial do curso
```
## 📦 Instalação
Você pode usar um navegador para abrir o projeto ou uma ferramenta local para simular um servidor, como o Live Server no VS Code.
## ▶️ Como Usar
Usar o projeto da página Lógica de Programação em C é simples e direto, já que ele foi desenvolvido para funcionar de forma estática, sem depender de um backend. Siga os passos abaixo para configurar e utilizar o projeto:
## Passo a Passo para Usar o Projeto
### Baixe os Arquivos do Projeto
- Certifique-se de que possui os arquivos principais:
- index.html (ou a página principal).
- style.css (caso o CSS esteja separado, mas pode estar embutido no HTML).
- js/exercicios.js (arquivo JavaScript que gerencia a lógica e interatividade).
- exercicios.json (arquivo com a lista de exercícios, se existir).
### Caso o projeto esteja compactado (ZIP), extraia os arquivos para uma pasta no seu computador.
### Configure o Ambiente
Você pode usar um navegador para abrir o projeto ou uma ferramenta local para simular um servidor, como o Live Server no VS Code.
### Abrindo diretamente no navegador:
- Clique duas vezes no arquivo index.html.
- O navegador abrirá a página automaticamente.
- Navegue e interaja com os exercícios e conteúdo da página.
### Usando o VS Code (Recomendado):
- Abra a pasta do projeto no VS Code.
- Instale a extensão Live Server (se ainda não tiver).
- Clique com o botão direito no arquivo index.html e escolha a opção "Open with Live Server".
- A página será carregada no navegador, permitindo uma experiência mais próxima de um ambiente online.
## 🤝 Contribuição (Ainda em fase de aprimoramento)
Caso queira permitir que outras pessoas contribuam para o projeto, você pode seguir os seguintes passos:
## Formas de Contribuir
### Melhorias no Conteúdo:
- Adicionar novos exercícios: Você pode criar novos exercícios de programação em C, atualizar o arquivo exercicios.json com exemplos mais desafiadores ou variados.
- Aprimorar a explicação dos conceitos: Se achar que algum conceito precisa de uma explicação mais clara ou detalhada, pode atualizar o conteúdo no index.html ou adicionar links externos, vídeos ou imagens para tornar o aprendizado mais acessível.
- Incluir exemplos de soluções: No arquivo exercicios.js, você pode adicionar soluções ou dicas de como resolver os exercícios, para auxiliar os alunos.
### Melhorias na Funcionalidade
- Adicionar novos recursos interativos: Se você quiser que os alunos possam testar seus códigos diretamente na página, pode adicionar uma área de editor de código interativo (por exemplo, usando uma biblioteca como CodeMirror ou Ace Editor).
- Criar uma seção de resultados ou feedback: Quando o usuário submeter um código ou resolver um exercício, você pode criar uma seção para mostrar os resultados ou dicas de melhoria.
- Implementar funcionalidades para salvar o progresso do aluno: Isso pode ser feito com armazenamento local no navegador ou integração com o Firebase, por exemplo.
### Aprimoramentos no Design e UX
- Melhorias no layout e na responsividade: Se você quiser que o projeto funcione ainda melhor em dispositivos móveis ou em telas grandes, pode melhorar o CSS ou adicionar novos componentes visuais para melhorar a experiência do usuário.
- Animações e efeitos visuais: Usar animações CSS ou JavaScript para tornar a página mais dinâmica e interessante, principalmente durante a transição de exercícios ou ao mostrar resultados.
- Melhorar a usabilidade: Tornar a navegação mais fácil, ajustando a estrutura da página, adicionando uma barra de navegação ou um menu de exercícios, por exemplo.
### Documentação e Organização
- Criar um README.md: Se ainda não houver um, você pode criar um arquivo de documentação (README.md) para explicar como usar o projeto, como contribuir, como configurar o ambiente de desenvolvimento e como rodar o projeto localmente.
- Adicionar comentários ao código: Comentários no código são uma ótima forma de explicar como as funções e scripts funcionam, facilitando a contribuição de outras pessoas no futuro.
- Organizar os arquivos de forma mais modular: Por exemplo, você pode dividir o código JavaScript em mais arquivos e funções para melhorar a legibilidade e manutenção do projeto.
### Testes e Correções de Bugs
- Testar a funcionalidade do site em diferentes navegadores e dispositivos: Verifique se o site funciona corretamente em Chrome, Firefox, Safari, e em dispositivos móveis. Se encontrar algum bug ou erro de funcionalidade, você pode corrigir e otimizar o código.
- Validar o código HTML, CSS e JavaScript: Certifique-se de que o código esteja validado, sem erros ou advertências, utilizando ferramentas como o W3C Validator para HTML e CSS.
### Abrir o Projeto para Contribuições Externas
Caso queira permitir que outras pessoas contribuam para o projeto, você pode seguir os seguintes passos:
#### Usar um repositório no GitHub:
1. Crie um repositório no GitHub (se ainda não houver um).
2. Adicione um arquivo README.md explicando como o projeto funciona e como contribuir.
3. Crie uma licença para o projeto, para que as contribuições sejam legais (por exemplo, a licença MIT).
4. Defina boas práticas de contribuição, como o uso de pull requests, formatação de código, e testes.
5. Utilize o GitHub Issues para rastrear bugs e sugestões de melhorias.
#### Processo de Contribuição (para outros desenvolvedores)
1. Fork do repositório: Outros desenvolvedores podem fazer um fork do projeto no GitHub.
2. Clonar o repositório: Após o fork, o desenvolvedor pode clonar o repositório para sua máquina local.
3. Criar uma branch: Para realizar melhorias ou correções, é importante criar uma branch separada.
4. Fazer as mudanças: O desenvolvedor pode modificar o código e implementar as melhorias ou correções desejadas.
5. Enviar um Pull Request: Quando as mudanças estiverem prontas, o desenvolvedor pode abrir um pull request com as alterações para que você revise e, se aprovado, faça o merge ao repositório principal.
## 📝 Licença
O projeto faz parte da marca Carla Coder, que é focada em mostrar suas competências como desenvolvedora, com ênfase no ensino prático e didático.
## Autores
- [@Carla-coder](https://www.github.com/Carla-coder)