Skip to content

Um pequeno site focado na execução de scripts de JavaScript com funções diversas para tornar o site mais interativo

License

Notifications You must be signed in to change notification settings

PedroHenriqueSampaioNovaes/animais-fantasticos

Repository files navigation

animais fantásticos

Site desenvolvido no curso de JavaScript da Origamid, onde aplicamos alguns de seus métodos e funcionalidades para manipular o DOM (Document Object Model). Neste site apliquei algumas funcionalidades simples que podem ser desenvolvidas através desta linguagem de programação.

Overview

Interações aplicadas

  • accordion list
  • animação ao scroll
  • navegação por tab
  • scroll suave
  • modal
  • animação de números
  • dropdown menu
  • menu mobile
  • fetch ao arquivo animaisapi.json usando async await
  • fetch bitcoin usando then
  • tooltip ao passar o mouse sobre o mapa
  • eslint para padronizar o código javascript
  • webpack para agrupar os arquivos e otimizá-los
  • Babel

Screenshot GIF

Desktop

desk

Mobile

mobile

Link

Meu processo

Construido com

  • HTML5
  • CSS3
  • GridLayout
  • JavaScript

O que eu aprendi

Neste curso aprendi sobre o funcionamento do javascript, onde tudo se baseia em objetos pois herdam o prototype do construtor de Objetos. Além disso, aprendi a manipular o DOM (Document Object Model), desenvolvendo funcionalidades interativas para o usuário, como por exemplo o menu dropdown e o carousel de imagens, etc. Ademais, tive o primeiro contato com NPM, usado para gerenciar e instalar pacotes como o ESLINT (padronizador de código), WEBPACK (agrupador de arquivos e otimizador dos mesmos) e BABEL (para transformar código novo em código antigo).

Observações

Com os conhecimentos adquiridos agora o foco é desenvolver projetos que usem o javascript e aprender novas técnicas para construir códigos mais limpos e de fácil manutenção. Por fim, aprender um framework como o REACT, que estou estudando.

About

Um pequeno site focado na execução de scripts de JavaScript com funções diversas para tornar o site mais interativo

Topics

Resources

License

Stars

Watchers

Forks