Carrossel com React

#carousel #react #css

Um projeto bem bacana pra você apresentar no seu portfolio e que demonstra que você tem conhecimentos de css e javascript é o Carrossel. Um projeto simples porem desafiador que geralmente é o projeto que pedem em entrevistas de emprego.

Só pra esclarecer, "Carousel" é em inglês e "Carrossel" em português.

Espero que gostem!

Esse video tem fins educativos.

=========

Link Secreto:

❓❓ https://emersonbroga.com/secret❓❓

✅ Tenho um curso de JavaScript do básico ao avançado.
http://emersonbroga.com/js

✅ Tenho também um livro sobre ES6, chamado JavaScript: As Novidades do ES6
http://emersonbroga.com/es6

✅ Livro Sobre ES6 Gratuito no Kindle: https://amzn.to/3iE4lIF

✅ E em breve vou abrir mais uma turma do meu curso de React e NodeJS
http://emersonbroga.com/react

✅ Video Anterior: Alterando respostas da API com Charles Proxy
https://youtu.be/AhKy8dSXia4

✅ Video: Busca Instantânea com React
https://youtu.be/3vmL_y9CxI8

✅ Video: Dropdown de Cidade e estado
https://youtu.be/Aca6mAXi0j4

✅ Video: Como ordenar arrays no JavaScript!
https://www.youtube.com/watch?v=JxdsTHdgqAU

✅ Video: Como funciona o useEffect?
https://www.youtube.com/watch?v=ehtB6ynyIlU

✅ Video: Usando a FETCH API do JavaScript
https://youtu.be/v9JVA6tVmcg

✅ Repositorio do Projeto
https://github.com/emersonbroga/super-shoes

✅ Download dos assets
https://github.com/emersonbroga/super-shoes/raw/main/static.zip


=========
Time Stamps:

00:00 Intro
00:30 Apresentação
01:18 Mostrando o projeto
01:54 Fazendo download dos assets
03:21 Criando a estrutura inicial (JSX/HTML)
06:42 Estilizando o projeto (CSS)
15:10 Buscando o JSON de dados
17:21 Populando o Carrossel com os dados
20:34 Fazendo o Carrossel funcionar
28:30 Finalização

=========

Acompanhe @emersonbrogadev nas redes sociais e aprenda mais sobre JavaScript/Node/React!

➜ Veja as dicas no Instagram ?: https://emersonbroga.com/instagram

➜ Assista nosso canal no Youtube ? : https://emersonbroga.com/youtube

➜ Curta nossa página no Facebook ? : https://emersonbroga.com/facebook

➜ Não perca as atualizações no Twitter ? : https://emersonbroga.com/twitter

➜ Siga nossos repositórios no Github ⌨️: https://emersonbroga.com/github

==========

Sobre Emerson Broga Dev (@emersonbrogadev):

Programador há mais de 15 anos, sou formado em Desenvolvimento de Sistemas pela Faculdade Pitágoras e pós-graduado em Gestão Estratégica de Marketing pela PUC Minas. Trabalhei em diversas agências de publicidade e desenvolvimento de software e atualmente trabalho em projetos internacionais como FOX.com, FXNetworks.com, NatGeo.com entre outros. Estou atualmente dedicando meu tempo a ensinar programação em meu blog e redes sociais.
Saiba mais em http://bit.ly/2yFCqR1


==========
Agradeço a sua atenção e lhe parabenizo pelo interesse em aprender \o/
==========

carousel carrossel react demo projeto css javascript react frontend programador dev soudev broga



Compre na Amazon os produtos que eu recomendo:

https://amzn.to/39d3XMh Livro: Refatoração
https://amzn.to/3lRbohq Livro: Código Limpo
https://amzn.to/3rolhEa Livro: Arquitetura Limpa
https://amzn.to/3IQcnZ1 Cadeira DX Racer Boss B121-N
https://amzn.to/3sniBrV Suporte Monitor Vevo
https://amzn.to/3lRcaek Microfone Blue Yeti
https://amzn.to/3feXggu Caixa Bose
https://amzn.to/3rfbuQU Caneta Uniball
https://amzn.to/3lQeGBo Iphone XS
https://amzn.to/3sqIR4A AirPods Pro
https://amzn.to/2PvnfoU Mouse Dell
https://amzn.to/31eUks7 Apple Keyboard
https://amzn.to/2NQWZoF Kindle
https://amzn.to/3ckKRWx Termometro Xiaomi
https://amzn.to/3rgWUrX HD Externo Seagate 6TB
https://amzn.to/3lQtFv0 Clean Code
https://amzn.to/3rofwqe Clean Arquitecture
https://amzn.to/3hQ1xrw Apple Watch