Carrossel com React
Emerson Broga
#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
...
https://www.youtube.com/watch?v=cX0N3TNxumw
199983637 Bytes