Certificard

🌟 Projeto final Imersão Dev Alura 🌟

Certificado digital pessoal mostrando todos os projetos desenvolvidos até o final da Imersão Dev (Outubro/2022).

INDICE

• APRESENTAÇÃO
• DESCRIÇÃO DO PROJETO
• TECNOLOGIAS UTILIZADAS
• PASSO A PASSO UTILIZADO
• FUNCIONALIDADES IMPLEMENTADAS
• IMPLEMENTAÇÕES FUTURAS
• COMO RODAR O PROJETO
• CONFIRA O RESULTADO

APRESENTAÇÃO

Quem é Flaviana?

Flaviana Ferraz é uma sertaneja de Pernambuco morando no sertão da Paraiba, formada em Gestão Ambiental e Mestre em Recursos Hídricos. Após mais de 10 anos de formada, aos 34 anos, decidiu fazer transição de carreira. Hoje trilhando persistentemente os caminhos que levam à carreira de FrontEnd Developer.

Contatos

• E-mail
• LinkedIn
• GitHub

DESCRIÇÃO DO PROJETO

🧠 Contexto

Esse projeto foi desenvolvido durante as aulas do curso de Javascript da Digital Inovation One - DIO.

É um site que utiliza requisição a API, e lista pokemons.

🧠 Estrutura do projeto

Páginas do Projeto

O projeto é constituído de 1 página que trás cada projeto no ambiente do CODEPEN, trazendo o código e o projeto rodando.

Estrutura de Pastas

Composto por um arquivo .html, outro .css, .js e o README com a descrição de todo o processo de elaboração do projeto.

TECNOLOGIAS UTILIZADAS

Ferramenta	Descrição
VS Code	editor de código
Codepen	ambiente de desenvolvimento e rede social, onde você pode copartilhar seus projetos com uma rede. Utilizado durante o curso
Live Server	extensão do VS Code para abrir projeto HTML no navegador
HTML	linguagem de marcação utilizada na construção da página
CSS	mecanismo para adicionar estilos a uma página
Javascript	linguagem de programação
Git	Gerenciador de vercionamento
Github	Hospedagem do código fonte integrado com gerenciador de versionamento
netlify	deploy do projeto

PASSO A PASSO UTILIZADO

1️⃣ Criação de repositorio no github e clone na maquina em que trabalhei no projeto através do Git Bash 2️⃣ Criação da página, com seus elementos HTML 3️⃣ Implementação do CSS 4️⃣ Implementação das funcionalidades através do Javascript 5️⃣ Adicionar todas as modificações a cada etapa e subir no GitHub

git add .

git commit -m "comentario"

git push

6️⃣ Deploy do projeto no Netlify.

FUNCIONALIDADES IMPLEMENTADAS

✔️ Renderização dos projetos utilizando a tela do Codepen

IMPLEMENTAÇÕES FUTURAS

• Revisar código
• Estudar Material extra
• fazer Desafios Propostos

COMO RODAR O PROJETO

Para rodar esse projeto em sua máquina, siga os passos a seguir:

1️⃣ Realize o fork desse repositorio

2️⃣ Clone na sua máquina

3️⃣ Entre no diretório do repositorio clonado, no arquivo index.html

4️⃣ Por fim, clique com o direito do mouse no arquivo e selecione:

                         Abrir com o Live Server

O navegador será aberto com o projeto.

CONFIRA O RESULTADO

AQUI