O Projeto • UI Concept • Tecnologias • O Front-End • Autor •
A proposta era desenvolver uma página com tema do novo Game do Spider. Para este objetivo nos concentramos em desenvolver a Ui Concept do projeto. Em seguida focamos na Codificação de Layout criado usando para isso as tecnologias mais atuais. Por fim, criamos as animações que compõe o MOTION Design.
Desenvolvemos a arte da página utilizando o FIGMA.
Link da arte desenvolvida em aula: UI Concept
- SVG - Injection (Biblioteca)
- Sass (Pré-processador CSS)
- Tilt.js (Biblioteca)
- GreenSock - GSAP (Biblioteca)
A codificação do projeto feito feito utilizando a IDE, VS Code, devido a sua facilidade de trabalhar com os plugins e extensões utéis que possui.
Link da page: https://diegoreports.github.io/FRONTWEEK-spider/
A autoria do projeto original pertence ao professor Násser Yousef, que guiou a aula com excelente didática e deu todo suporte.
Como aluno, pude aprender os principios da criação de um projeto, desde a sua UI até a codificação e animações que tornam a interface amigável e fluida.
Desenvolvido por Diego Henrique