✨Animais Fantásticos - JavaScript ES6
Table of Contents
Project Description
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.
Setup
Requisitos necessários para rodar o projeto:
Prerequisites
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
technologies and tools
Webpack Babel ESLint Git
Instalation
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-fantasticos
Dentro 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
npm
Command Line
npm install
Usage
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
References
Acesse: Origamid
Contributors or owners
| owner |
|---|
| Emmanuel Oliveira |
Designed by Origamid and developed by Emmanuel Oliveira © Todos os Direitos Reservados
Contact
😁Obrigado por chegar até aqui!
License
