Cara, sendo bem sincero! Eu estou assistindo pela primeira vez uma aula sobre integraçao de front com back, achei que seria impossivel de aprender, mas esse cara ensina de uma forma tão boa que eu consegui não só replicar o código, mas entender oq repliquei, algo que em muitas aulas nao acontece, replica codigo e nao entende o conceito! Parabens demais
Meu caro, vendo você cuidar com tanto conhecimento e experiência, mas sempre na humildade dizendo tipo "não se assuste é assim mesmo no começo depois treina exercite depois vai ver que não é bicho de sete cabeças, e eu já passei por isso no começo agora já domino", então isto nos ajuda a ver que é possível aprender e dominar o desenvolvimento estudando e treinando. Obrigado.
Mano, na boa, fiquei muito tempo na net procurando conteúdo assim. Não desmereço os outros criadores de conteúdo, pq cada um aprende de um jeito, mas esse vídeo foi o perfeito pra eu entender e aprender o React. Simplesmente amei essa aula.
Mano sensacional Rodolfo parabéns, sua didática é muito boa. Me ajudou demais as duas aulas, você fez ai com Javascript e repliquei aqui com Typescript inclusive fiz binding de um componente para outro foi muito bom, e no back end você usou express eu usei aqui o fastify rs Meu entendiemento cresceu e muito, obrigado mano!!!
Conteúdo excelente! Gostaria de ver mais vídeos do tipo, e se possível, com mais telas, como um cadastrado de login, e quando o usuário acessar, disponibilizar uma outra aba para ele
Cara, que canal sensacional. ótimas aulas, boas explicações, da pra aprender tudo só com seus vídeos, espero um dia ver um aulão de Electron JS. parabéns mano.
O & dentro da class ou id posso pegar o que tá lá dentro sem necessariamente abrir outra coluna no css? Exemplo você tinha a class CARD e meteu um & e já foi buscar o parágrafo sem fechar e abrir novamente. Se for isso top, adorei.
cara eu fiz exatamente o mesmo código no front e quebra muito mesmo, sabe o que pode ser ? por que no log não tem nenhum erro, indentifiquei que o erro esta diretamente na estilização no css com react + vite obg pelo conteudo API ta massa bem estruturada obg
Tenho uma dúvida, o React usa algum pré-processador para conseguirmos usar o '&' ? Eu sei usar Tailwind, Bootstrap e SASS, mas nunca tinha visto alguém usar isso dentro de CSS puro. E a aula está incrível, me aprofundei em JS com os seus vídeos, e finalmente estou conseguindo aprender React. Já tinha tentado aprender os fundamentos em outros lugares, mas nunca consegui entender nada. Somente contigo que consegui progredir. Parabéns pela didática, professor.
Projeto muito massa! Estou fazendo um sistema de CRUD baseado neste das duas aulas, me ajudou demais, obrigado mano Rodolfo! Agora faço uma pergunta, como poderia acessar o projeto que fiz em outra máquina? por localhost mesmo, gostaria de acessar o site pelo celular, notebook
Ótima aula Rodolfo. Porem me tire uma dúvida, como eu poderia fazer para editar cada usuário? Pq na aula vc ensinou a criar, postar e deletar, e eu gostaria de poder editar deixando o projeto completinho.
Fala meu querido, a aula foi muito topzeira. Queria saber se poderia me tirar uma dúvida: Estou aprendendo a programar para fazer uma plataforma de análise de dados com dashboards e afins. Qual tecnologia vc me recomenda estudar. Comecei com html, css e js.
Muito bom. Me tira uma dúvida, um micro-saas de delivery cada loja terá seu próprio banco de dados, como eu faço? eu tenho que subir uma api para cada banco de dados ou manipulo o .env da api com base no endpoint que esta sendo acessado?
Cara, eu não faria um banco para cada loja. Eu faria com uma tabela relacional, relacionando tabelas com a tabela de lojas. Ou seja, cada loja tem um id, e cada venda carrega o id da loja.
Rodolfo ainda não estou familiarizado com react, acha melhor eu tentar replicar com js puro e futuramente tentar novamente com react ou já fazer com react logo de cara?
Tipagem, ou seja. Com javascript você cria uma variável e não diz o tipo dela. Se ela é um numero, um texto ou o array. Com TypeScript você cria a variável e diz o tipo dela. Se ela é um numero, um array, um objeto e etc.
fala rodolfo conteudo muito top vlwww me tira uma duvida. porque que toda vez que faço um teste por exemplo de criar um usuario ele cria normalmente mas logo depois ele da um erro la no server.js e eu tenho que parar e reiniciar ele ai volta ao normal . sempre consigo fazer apenas uma requisição e ai ele para. mesmo quando eu testo criando pelo vs code no thunder client eu to dando o comando node --watch server.js para iniciar o servidor
Gostaria de saber se consigo consumir essa api usando react native e expo ? no react (web) consegui fazer todo o crud mais quando tento fazer no react native com expo nao consigo acessar a api, da esse erro :" react native Possible unhadled promisse rejection (id:0) [AxiosError:Network Error]"
@Rodolfo não consigo baixar o node_module, fica dando erro. O que eu faço? npm ERR! code ENOENT npm ERR! syscall open npm ERR! path npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found só aparece o package-lock.json
tem o repositorio dessa aula nao, meu backend nao funciona mais depois que finalizei nao sei que pode ser (node:4008) ExperimentalWarning: Watch mode is an experimental feature and might change at any time (Use `node --trace-warnings ...` to show where the warning was created) node:internal/modules/cjs/loader:1147 throw err; ^ Error: Cannot find module 'C:\Users\User\Documents\projetos\backend\api-nodejs\server.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15) at Module._load (node:internal/modules/cjs/loader:985:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12) at node:internal/main/run_main_module:28:49 { code: 'MODULE_NOT_FOUND', requireStack: [] } Node.js v20.11.1 Failed running 'server.js'
Um para estilizar o main.jsx e o outro para estilizar o index.jsx Para ficar mais organizado cria um arquivo css para cada arquivo jsx pois cada um pode ou não conter muitos elementos.
Meu primeiro contato com React, mas deu pra pegar bastante coisa, valeu =) Me tira uma dúvida por favor, se eu tenho um array de usuários vazio ou populado já e tento adicionar um usuário acontece um erro no map, como resolver e porque acontece? A função ficaria desta forma ou tem outra forma de trabalhar no React? const [users, setUsers] = useState([]); function addUser() { setUsers( ...users, { id: users.length + 1, name: inputName.current.value, age: inputAge.current.value, email: inputEmail.current.value, }); }
PS C:\Users\PC\Documents\React\cadastro-de-usuario> npm install npm error code ENOENT npm error syscall open npm error path C:\Users\PC\Documents\React\cadastro-de-usuario\package.json npm error errno -4058 npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\PC\Documents\React\cadastro-de-usuario\package.json' npm error enoent This is related to npm not being able to find a file. npm error enoent npm error A complete log of this run can be found in: C:\Users\PC\AppData\Local pm-cache\_logs\2024-08-02T13_59_58_879Z-debug-0.log Não consigo prosseguir com, alguém consegue ajudar?
Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo
Com relação ao curso são quantas horas ao total?
Eu vendo essa aula às 01:40 da manhã, esse ano eu entro na área de desenvolvimento 🙏
Booa, bora pra cima
E eu aqui às 03:05
Bora, bora!
Eu 1:55 kkkkkk
Muito bom, a cada dia o canal trazendo projetos novos.
coisa linda, era tudo que eu precisava, obrigado mestre!!
Fantástico, Fantástico, Fantástico 👏👏👏👏👏 Poderia continuar com a tela de edição de usuários, sem querer abusar é claro mas já abusando ...
Cara, sendo bem sincero!
Eu estou assistindo pela primeira vez uma aula sobre integraçao de front com back, achei que seria impossivel de aprender, mas esse cara ensina de uma forma tão boa que eu consegui não só replicar o código, mas entender oq repliquei, algo que em muitas aulas nao acontece, replica codigo e nao entende o conceito! Parabens demais
Muito obrigado!
Parabéns pelo conteúdo! Sua forma de explicar é muito didática e facilita bastante o aprendizado. Excelente 👏👏👏👊
Muito obrigado mano, tmjj
Meu caro, vendo você cuidar com tanto conhecimento e experiência, mas sempre na humildade dizendo tipo "não se assuste é assim mesmo no começo depois treina exercite depois vai ver que não é bicho de sete cabeças, e eu já passei por isso no começo agora já domino", então isto nos ajuda a ver que é possível aprender e dominar o desenvolvimento estudando e treinando. Obrigado.
TMJ fico feliz em ajudar!
Melhor aula e explicação sobre React que já vi! Parabéns professor Rodolfo.
Obrigado! Tmjj
A melhor explicação sobre states que já vi, de um modo simples e prático, parabéns professor!!!
Fico feliz em saber, tmjj
Sensacional adorei vou assistir novamente para pegar bem os conceitos para utilizar em outras Api completa.
Valeuu
Mano, na boa, fiquei muito tempo na net procurando conteúdo assim. Não desmereço os outros criadores de conteúdo, pq cada um aprende de um jeito, mas esse vídeo foi o perfeito pra eu entender e aprender o React. Simplesmente amei essa aula.
Fico feliz em saber mano, tmjj
Aula dinâmica , muito instrutiva, que me ajudou a revisar o código que recém estudei.
Melhor canal do UA-cam de programação
Obrigado!!
Manja muito. Vi a aula de API antes de ver essa e pela primeira vez, não fiquei com medo de Backend.
Booa
Muito top, deu tudo certo, parabéns, AGORA VAMOS COLOCAR ON-LINE.....
Boaaa, tmjj
Muito obrigado por tamanhos conteúdos. Vou aprender bastante aqui. 👍🏿👍🏿
Cara, por causa desse canal descobri que amo desenvolvimento web! Parabéns!!!!!! Por mais conteúdos como esses para gerar inspiração!
Ahhhh ganhei meu dia com esse comentário...TMJ
caraco salvou meu projeto da facul, vlw
Valeu pelo conteúdo, me ajudou muito! ótima didática 🙌
Que bom que ajudou! Tmjj
Parabens pelos seu conteudos! Sao muito bons, obrigado
Eu quem agradeço, tmjj
Mano sensacional Rodolfo parabéns, sua didática é muito boa. Me ajudou demais as duas aulas, você fez ai com Javascript e repliquei aqui com Typescript inclusive fiz binding de um componente para outro foi muito bom, e no back end você usou express eu usei aqui o fastify rs Meu entendiemento cresceu e muito, obrigado mano!!!
Fico feliz em saber man, tmjj
Conteúdo excelente! Gostaria de ver mais vídeos do tipo, e se possível, com mais telas, como um cadastrado de login, e quando o usuário acessar, disponibilizar uma outra aba para ele
Anotado!
Vídeo muito top, aprendi muito com sua didática, parabéns!
Valeuu, tmjj
aula top ,ajudou muito ,obrigado deu tudo certo
Fico feliz em saber, tmjj
Sensacional, Rodolfo. Valeu.
Fala mestre @Rodolfo, estou aqui pleno feriado estudando, não existe almoço grátis. pra cima meu irmão.
Boooa, isso ai
Cara, que canal sensacional. ótimas aulas, boas explicações, da pra aprender tudo só com seus vídeos, espero um dia ver um aulão de Electron JS. parabéns mano.
Opaaa, vamos fazer!
Excelente aula, ótima didática
Mano, que aula top !!! Cê é brabo, o kara me fez entender o react de maneira bem fácil! Agora faz uma de Angular 😁 Vlw Mano, tu é o kara!
Tmjj
Show!! Faltou só o update caso queira alterar dados de um usuário
Sensacional, parabéns pela didatica e dinamismo!
Muito obrigado, tmjj
Ótimo vídeo mano, excelente didática, teria como falar sobre questões de seguranças e praticas legais tanto na api quanto no próprio app?
Boa sugestão! Valeu
Aula show de bola
🚀
Arrasou! Ensina a fazer o deploy do banco, front etc, por favor
Opa, anotado! Semana que vem vai sair!
@@canaldevclub Já saiu? Seria show!
Professor Rodolfo, meu caro, parabéns pela didática, ensina muito bem,,,só faltou a parte de atualizar o cadastro do usuário,,, mas ficou TOP de +
Valeuu, tmj
Parceiro Tmj bom diaaa menino obrigado estou doente gripe forte vou salvar aqui e ver depois fmz irmão Tmj felicidades sempre
Tmjj
O & dentro da class ou id posso pegar o que tá lá dentro sem necessariamente abrir outra coluna no css? Exemplo você tinha a class CARD e meteu um & e já foi buscar o parágrafo sem fechar e abrir novamente. Se for isso top, adorei.
Sim, utilizar o id e o & no css. Porém pesquise sobre scss, você vai ficar mais impressionado :D
38:25 tem o Ctrl + shift + p depois aperta enter e escreve a tag
cara vc é maravilhoso
Obrigado, tmj
Aula top professor!
cara eu fiz exatamente o mesmo código no front e quebra muito mesmo, sabe o que pode ser ? por que no log não tem nenhum erro, indentifiquei que o erro esta diretamente na estilização no css com react + vite obg pelo conteudo API ta massa bem estruturada obg
Eu te amo 😭
Ótima didática! Parabéns pelo vídeo
Obrigado! Tmjj
muito bom vídeo, salvei para assistir a tarde.
Thanks!!!
muito bom os seus videos.
Muito obrigado
Obrigado por esse conteudo TOP!
Valeu mano
Top demais viu!
Valeuu, tmj
Faz um vídeo criando um menu mobile com react
Rodolfo vai uma sugestão para fazer uma tabela tipo de Excel mas com Node ? Saca um abrçs rsrs
Opa, pode colocar o repositório do backend aqui por favor?
Muito bom !!!!
TOP>>>>
Poxa não encontrei a aula de criar o Back End, alguém consegue deixar o link da aula aqui? Valeu, Esse cara ensinando é foda demais.
ua-cam.com/video/PyrMT0GA3sE/v-deo.html&ab_channel=DevClub%7CPrograma%C3%A7%C3%A3o
Opa mano, libera o repositório da aula passada pf. Só para eu consumir a API sem precisar criar uma do zero. Valeu, tmj!
VOu colocar aqui na descrição dps
poderia ensinar fazer o deploy disso na vercel né
Anotado!
Tenho uma dúvida, o React usa algum pré-processador para conseguirmos usar o '&' ? Eu sei usar Tailwind, Bootstrap e SASS, mas nunca tinha visto alguém usar isso dentro de CSS puro.
E a aula está incrível, me aprofundei em JS com os seus vídeos, e finalmente estou conseguindo aprender React. Já tinha tentado aprender os fundamentos em outros lugares, mas nunca consegui entender nada. Somente contigo que consegui progredir. Parabéns pela didática, professor.
O CSS moderno já aceita isso..Até CSS puro já da pra usar essa nomenclatura!
Vaaaleu demais! Fico feliz em ajudar!
cara, você é foda
Obrigado, tmjj
🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻 ameiiii teria como fazer o login tbm?
Opa, vou criar uma aula pra isso!
Projeto muito massa! Estou fazendo um sistema de CRUD baseado neste das duas aulas, me ajudou demais, obrigado mano Rodolfo!
Agora faço uma pergunta, como poderia acessar o projeto que fiz em outra máquina? por localhost mesmo, gostaria de acessar o site pelo celular, notebook
Boaaa
Pega essa aula aqui: ua-cam.com/video/ZwWAcK8e99w/v-deo.html
Ótima aula Rodolfo. Porem me tire uma dúvida, como eu poderia fazer para editar cada usuário? Pq na aula vc ensinou a criar, postar e deletar, e eu gostaria de poder editar deixando o projeto completinho.
Vou criar uma aula ensinando!
Fala meu querido, a aula foi muito topzeira.
Queria saber se poderia me tirar uma dúvida:
Estou aprendendo a programar para fazer uma plataforma de análise de dados com dashboards e afins.
Qual tecnologia vc me recomenda estudar.
Comecei com html, css e js.
Isso ai, e dps ir pro react...
Se não for pedir demais poderia mostrar como subir para o git hub Pages ?
Opa, vou ensinar sim!
Qual extensão vc usa pra inputar script HTML dentro do .JSX?
Como assim ?
opa amigo, digamos que eu tenha 50 inputs, tem que declarar cada um ou tem alguma dica/segredo pra pegar todos, tipo o formData do js
Usa essa ferramenta
ua-cam.com/video/selI69g6oc4/v-deo.html&ab_channel=DevClub%7CPrograma%C3%A7%C3%A3o
Muito bom. Me tira uma dúvida, um micro-saas de delivery cada loja terá seu próprio banco de dados, como eu faço? eu tenho que subir uma api para cada banco de dados ou manipulo o .env da api com base no endpoint que esta sendo acessado?
Cara, eu não faria um banco para cada loja. Eu faria com uma tabela relacional, relacionando tabelas com a tabela de lojas.
Ou seja, cada loja tem um id, e cada venda carrega o id da loja.
Rodolfo, no meu caso, preciso fazer um login e conectar com o banco msql, como eu faria?
Vai sair vídeo no canal semana que vem sobre isso!
Olá minha dúvida é eu posso colocar as funções creat, delete e atualizar em outro arquivo separado ou é comum deixar tudo no index ?
Pode separar sim
Rodolfo ainda não estou familiarizado com react, acha melhor eu tentar replicar com js puro e futuramente tentar novamente com react ou já fazer com react logo de cara?
Tenta com react umas 2 vezes, pra vc já ir pegando o jeito!
Qual foi a linguagem usada no backend?
JS
JavaScript
Sou novato em react. Qual seria a real diferença criar o projeto com typescript ou javascript?
Tipagem, ou seja. Com javascript você cria uma variável e não diz o tipo dela. Se ela é um numero, um texto ou o array. Com TypeScript você cria a variável e diz o tipo dela. Se ela é um numero, um array, um objeto e etc.
pessoal cso o npm install nao funcionar roda o npm i vite no terminal🔥
fala rodolfo conteudo muito top vlwww
me tira uma duvida. porque que toda vez que faço um teste por exemplo de criar um usuario ele cria normalmente mas logo depois ele da um erro la no server.js e eu tenho que parar e reiniciar ele ai volta ao normal . sempre consigo fazer apenas uma requisição e ai ele para.
mesmo quando eu testo criando pelo vs code no thunder client
eu to dando o comando node --watch server.js para iniciar o servidor
Qual erro ?
alguém sabe me dizer como limpar os campos do formulario após invocar o botão confirmar sem ser feito o refresh da página?
só voce colocar o valor '' " vazio dentro do formulário
Gostaria de saber se consigo consumir essa api usando react native e expo ? no react (web) consegui fazer todo o crud mais quando tento fazer no react native com expo nao consigo acessar a api, da esse erro :" react native Possible unhadled promisse rejection (id:0) [AxiosError:Network Error]"
era pra ser igual. Vou fazer um vídeo de react native!
Você não usa Styled components?
Uso sim.
@Rodolfo não consigo baixar o node_module, fica dando erro. O que eu faço?
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found
só aparece o package-lock.json
Da um comando no terminal. npm install
prof por um acaso tem algum video igual a esse so que em next.js estou travado no back end do meu projeto e é em next.js
No nosso canal de programação avançada vai sair
ua-cam.com/channels/d5TrIZ0WxlVmya7Y2PsWXw.html
@@canaldevclub obrigada prof🙏🏼
o local host não esta sendo aceito pelo navegador
O que está dando ?
tem o repositorio dessa aula nao, meu backend nao funciona mais depois que finalizei nao sei que pode ser
(node:4008) ExperimentalWarning: Watch mode is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
node:internal/modules/cjs/loader:1147
throw err;
^
Error: Cannot find module 'C:\Users\User\Documents\projetos\backend\api-nodejs\server.js'
at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
at Module._load (node:internal/modules/cjs/loader:985:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
at node:internal/main/run_main_module:28:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Node.js v20.11.1
Failed running 'server.js'
github.com/rodolfomori/api-node-mongo
rodolfo meu cadastro-usuarios não está rodando quando executo o npm run dev poderia me ajudar?
Você instalou as dependencias ?
A img da lixeira expirou o link, Rodolfo.
Ta normal agora!
A imagem da lixeira o link expirou, Rodolfo.
Ja renovei
🎉
😮
Agora fala spring boot 🤧🇲🇿🙏
Bom dia pessoal, por que na aula temos 2 arquivos css? o index.css e o style.css?
Um para estilizar o main.jsx e o outro para estilizar o index.jsx
Para ficar mais organizado cria um arquivo css para cada arquivo jsx pois cada um pode ou não conter muitos elementos.
Meu primeiro contato com React, mas deu pra pegar bastante coisa, valeu =)
Me tira uma dúvida por favor, se eu tenho um array de usuários vazio ou populado já e tento adicionar um usuário acontece um erro no map, como resolver e porque acontece?
A função ficaria desta forma ou tem outra forma de trabalhar no React?
const [users, setUsers] = useState([]);
function addUser() {
setUsers(
...users,
{
id: users.length + 1,
name: inputName.current.value,
age: inputAge.current.value,
email: inputEmail.current.value,
});
}
Faz assim
{users.length > 0 && users.map () }
PS C:\Users\PC\Documents\React\cadastro-de-usuario> npm install
npm error code ENOENT
npm error syscall open
npm error path C:\Users\PC\Documents\React\cadastro-de-usuario\package.json
npm error errno -4058
npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\PC\Documents\React\cadastro-de-usuario\package.json'
npm error enoent This is related to npm not being able to find a file.
npm error enoent
npm error A complete log of this run can be found in: C:\Users\PC\AppData\Local
pm-cache\_logs\2024-08-02T13_59_58_879Z-debug-0.log
Não consigo prosseguir com, alguém consegue ajudar?
Node está instalado no seu computador ?
background: linear-gradient(180deg, #363467 0%, rgba(30, 29, 79, 0.8) 100%);