- Bem-vindo ao Spotify Explorer, um projeto emocionante desenvolvido durante a imersão de Front-end da Alura!
Nosso objetivo é criar uma aplicação web interativa que ofereça aos usuários uma experiência aprimorada ao explorar a vasta biblioteca musical do Spotify.
Nesta aula, vamos começar o nosso projeto da recriação da página inicial do Spotify por meio do HTML e do CSS, aprenda atalhos, recursos e as diferenças entre os códigos.
- Entrar no VSCode;
- Revisar as diferenças entre HTML, CSS e JavaScript;
- Fazer a sidebar navigation;
- Aprender dicas de atalho no VSCode para escrever HTML;
- Introduzir as propriedades de estilo do CSS no projeto, com truques no Devtools.
Nesta aula, vamos abordar o código do menu lateral e aprofundar-nos em CSS, explorando posicionamento, layouts e a técnica do Flexbox
- Criar todo menu lateral da página;
- Aprender os fundamentos do CSS Flexbox;
- Saber mais sobre posicionamentos no CSS.
Nesta aula, nos concentraremos na estrutura do código, além de irmos mais a fundo no CSS, mexendo com as variáveis; entendendo conceitos de responsividade e, também, criando o menu superior.
-
Estruturar melhor o projeto;
-
Refatorar o código;
-
Fazer o layout flexbox;
-
Aprender conceitos de responsividade;
-
Criar o menu superior.
Nesta aula, iremos utilizar o CSS Grid no projeto, para os cards da página inicial, aprendendo as medias queries, além de introduzir o JavaScript com o conceito DOM e o método promises.
-
Criar os cards da página inicial;
-
Aprender a usar o CSS Grid Layout;
-
Utilizar media queries para responsividade;
-
Instalar do Node.js;
-
Introduzir o JavaScript no projeto;
-
Utilizar o conceito DOM;
-
Conhecer o método Promises do JavaScript.
- Dar introdução a um projeto React;
- Utilizar o framework React para criar o componente ;
- Aprender as diferenças entre Angular e React.