Esse Projeto faz parte do curso de JavaScript ES6 Completo da Origamid. É um site que descreve as caracteristicas de 06 animais Fantásticos durante o curso foi abordado alguns dos assuntos como:
Variaveis Tipos de Dados Funções Escopo Objetos Efeitos no Dom JavaScript Assíncrono Promises Fetch Classes Rest e Spread Destructuring Async&Await Regular Expression entre outros assuntos
Também foram abordados temas como Git ,Automação de processos Webpack e Babel
Task
- Desenvolver o Projeto do Zero, criando elementos de animação praticando a Linguagem JavaScript
Charlenge
Os Maiores desafios foram:
Colocar em pratíca o que foi aprendido no curso, criando animações, sem nenhum uso de plugin externo:
- Navegação por Tabs
- Accordion List
- Scroll Suave
- Animaçào ao Fazer o Scroll
- Modal
- Dropdown Menu
- Menu Mobile
- Tooltips
- Animação de Números
- Fetch API com 02 API's distintas
- Criaçào de Carrousel de Imagens
Tip
Caso queira ver como ficou siga os passos abaixo.
Requisitos necessários para rodar o projeto:
Node.js VSCode Git Live Server
Important
- Run Time Node.js com a versão 16 ou superior.
- Um editor de códigos onde eu recomendo o VCode
- E o git uma aplicação de versionamento de código.
- Extensão do VSCode Live Server
Webpack Babel ESLint Git
Para rodar o projeto em seu computador você tera que fazer o fork do repositório. Caso você não saiba como fazer, estou deixando um link da documentação oficial do gitHub, onde é esclarecido como fazer essse processo.
Fazendo esse processo você tera uma copia desse Repositório no seu GitHub.
Depois de ter feito o fork vamos fazer o clone desse Repositório atráves do VSCode.
Caso você não saiba como fazer, estou deixando um link para a documentação oficial do gitHub onde é esclarecido como fazer essse processo.
Command Line
git clone https://github.com/emmanuelmarcosdeoliveira/animais-fantasticosDentro do nosso VSCode vamos abrir o nosso terminal. Temos que baixar as dependências do Projeto para o nosso computador para que ele consiga ser Executado:
1. Instalando as dependências
Gerenciador de pacotes usado
npm
Command Line
npm install
2. Inicie o processo de compilação do JavaScript com o seguinte comando dentro do Terminal
Command Line
npm run dev
3 Iniciar o LiveServer clicando com o botão Direito do Mouse no arquivo index.html em Open with Live Server
Video de Demostraçào
animais-fantasticos.mp4
Acesse: Origamid
| owner |
|---|
 |
| Emmanuel Oliveira |
Designed by Origamid and developed by Emmanuel Oliveira
© Todos os Direitos Reservados
😁Obrigado por chegar até aqui!
Released in 2024 This project is under the MIT license
