Projeto desenvolvido nas aulas da Imersão DEV Alura - Outubro 2022, que consiste em inserir filmes numa plataforma e renderizar em tela.
Projeto com correções pendentes quanto à funcionalidade de ADicionar Filme
- APRESENTAÇÃO
- DESCRIÇÃO DO PROJETO
- TECNOLOGIAS UTILIZADAS
- PASSO A PASSO UTILIZADO
- FUNCIONALIDADES IMPLEMENTADAS
- IMPLEMENTAÇÕES FUTURAS
- COMO RODAR O PROJETO
- CONFIRA O RESULTADO
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.
Esse projeto foi desenvolvido durante as aulas do curso de Imersão em Javascript da Alura.
É uma pagina web em que o usuário insere seus filmes e cria uma lista colaborativa.
O projeto é constituído de 1 página, com o campo a inserir o endereço da imagem do filme para renderizar em tela, formando a lista de filmes.
IMAGEM APOS RENDERIZAR IMAGENS ----------------
Composto por um arquivo .html, outro .css, .js e o README com a descrição do projeto.
| Ferramenta | Descrição |
|---|---|
VS Code |
editor de código |
Codepen |
ambiente de desenvolvimento e rede social, onde você pode copartilhar seus projetos. 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 |
1️⃣Fork do repositorio da Alura no codepen, para trabalhar na minha cópia. O repositório já trazia um HTMl e CSS 2️⃣ Implementação das funcionalidades através do Javascript 3️⃣ Transferência do código para o VS Code e, logo após, para o Github:
git add .git commit -m "comentario"git push6️⃣ Deploy do projeto no Netlify.
✔️ Campo para inserção do endereço da imagem do filme
- Funcionalidade do botão
Adicionar Filme - Renderização em tela dos filmes adicionados
- Revisar código em busca de erros
- Ler material extra
- Fazer desafios propostos
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 ServerO navegador será aberto com o projeto.