Galera uma dica começa a usar docker que muitas empresas estão trabalhando com essa tecnologia, aprendi docker e agora to fazendo vários projetos e sempre utilizando ele para aplicar meus conhecimentos. Parabéns Will pela aula didática!
Muito legal. Parabéns. Baixei o projeto do GIT e rodei em aula para os meus alunos explicando o processo e sugerindo que eles alterem para aplicações deles. Todo mundo curtiu muito. Claro que lhe dando todos os créditos e compartilhando seus GIT e canal no YT. Obrigado por compartilhar.
Parabéns pelo conteúdo, meu amigo! Bastante enriquecedor. Eu trabalho como QA mas não deixo de programar. Tinha algumas coisas de front e back que sempre me perguntava como era feito, a exemplo da integração, e com seu vídeo pude entender e colocar em prática.
O meu terminal não estava reconhecendo o comando "yarn" então eu fiz o download usando o comando "npm install --global yarn" em seguida ele não tava deixando executar o comando, então eu abri o powershell como admin e rodei esses 2 comandos " Get-ExecutionPolicy " e o " Set-ExecutionPolicy RemoteSigned " por fim funcionou
Mano, vou secar todos teus videos... são muito bons Já estou inscrito. Já vi que tem uns projetos em react, vou consumir sem moderação. Obrigado pelo conteudo.
Tive o mesmo problema, você precisa mudar a extensão dos seus arquivos para mjs ao invés de js para o Node reconhecer seus arquivos como módulos ESM já que habilitou ele no package.json Se não quiser, você pode remover o type do package.json aí só invés de usar import e Export, você usa require
enfim um material vasto sobre o assunto, pra mim q veio do delphi q é td na mão, fiquei dias pra entender como trazer dados de um banco pra dentro do react.
Cara gostei muito do vídeo achei muito top , estou começando agr a estudar front e Back mas sinto que não consigo conectar tudo .Gosto de ver esse tipo de vídeo que faz . Queria saber se você tem algum curso pra indicar, ou por onde começar aprender a programar . Alguma comunidade que consiga me integrar no projeto para poder aprender mais um pouco
Poderia fazer um crud de JS e MySQL apresentando a interface em HTML e CSS? Já faço CRUDs em PHP mas sinto dificuldades com JS devido ao node.js e sua vinculação com o front-end
Boa noite, primeiramente parabéns pela aula. Estou com um problema, ele está dando o seguinte erro: ERROR in ./src/App.js 7:0-55 Module not found: Error: Can't resolve 'react-toastify' in 'F:\Estudos ode\crud\frontend\src' ERROR in ./src/App.js 8:0-47 Module not found: Error: Can't resolve 'react-toastify/dist/ReactToastify.css' in 'F:\Estudos ode\crud\frontend\src' Quando eu tiro as importações toast e apago a linha do arquivo APP.js ele volta a funcionar. O que poderia ser?
Está aparecendo isso no terminal qunado dou o npm start no nodemon: "[nodemon] app crashed - waiting for file changes before starting..." e não consigo acessar o localhost na barra de navegação...
nos minutos 5:15 é obrigatório usar esse ALTER USER 'root'@'localhost' etc. Porque quando instalamos o mysql, criamos uma senha para o nosso usuário usando exatamente esse código aí. Então é obrigatório?
Muito bacana Will!! Mais simples e claro, não encontrei... muito obrigado por compartilhar! Só achei estranho que ser errar a string SQL a API retorna um objeto que é o erro, o frontend não detecta esse erro... tive que apelar para o console.log(data) para ver o que vinha dentro do objeto... Vou procurar algo sobre tratamento de erros...
Boa tarde! Como poderíamos hospedar ele em servidor linux basico com apache? É possível ? Como exemplo.....LAMP que voce consegue hospedar jogando as pastinhas nos lugares certo e roda de boas os PHP..... tem algo bem semelhante para hospedar no servidor linux local? e distribuir o link pela rede local? meu IP linux /nome da pasta / index.html
Olá, parabéns pelo vídeo, bem explicado... Mas (sempre tem um mas hehehe) Como posso fazer o deploy dessa aplicação? Pergunto por que estou com bastante dificuldades de conseguir subir os projetos com consumo de API e backend.
Muito top Will, eu consigo visualizar o banco, alterar e deletar, só não estou conseguindo inserir, esta dando esse erro:A isn't associated with a form field. To fix this issue, nest the in the or provide a for attribute on the that matches a form field id. 2 resources Violating node Violating node, Obrigado pelo conteúdo.
Se não quiser instalar tudo na sua máquina, uma dica é usar docker e docker compose, se não tiver prática é só investir um tempo pra aprender sobre containers, assim não é preciso fazer longas configurações pra testar seus projetos.
Cara seu projeto e explicação foram ótimos, parabéns. Acredito que algo para melhorar seria em questão de dividir o video do youtube apontando cada cenário tipo: 26:34 (min /segund) "classe Form.js" há um recurso no youtube, fora isso parabéns pelo ensino.
Salve! Ao iniciar o "yarn start" exibiu o seguinte erro " Error [ERR_MODULE_NOT_FOUND]: " Apareceu pois não digite na extensão "js" no import {getUsers} from "../controllers/users.js";
boa tarde Will, Parabêns pelos exemplos explicados, estou precisando atualizar uma variável ao clicar no botão Salvar, declarada no Form.js (estrutura parecida com esta sua), onde colocar Ex.: bananaEstoque = 100 ao registra venda bananaEstoque = bananaEstoque - 1, Obrigado
show, gostaria de aprender mais, para criar projeto maior com mais cadastros, tipo de produtos, com tabela relacionado de grupos, com select como funciona ? se puder poderia ensinar criar um pedido de vendas ou fluxo de caixa com entradas e saidas para aprender trabalhar com forms modais e mais de uma tabela, relacionamentos, filtros, e tambem como funciona para fornecer este projeto para clientes na web ? como se hospedar isso ? sou novo mundo da web, penso em um sistema SaaS como se estrutura isso ?
Realmente tem várias possibilidades, tenho alguns vídeos que complementam isso, como um sistema financeiro.. e para as demais dúvidas vou tentar trazer uns projetos completos futuramente :D
estou aqui, primeira vez que consigo rodar um API e front em React na minha maquina gostando bastante, e gostaria de aprender mais, e saber se um dia tiver que colocar api e front na web como funciona ?
Will, belo material.... me tira uma dúvida... vamos supor que este teu grid ai fosse de alunos... como faria um formulário matricula deste aluno, para pegar ai o código do aluno neste grid ai ou mesmo o curso que o mesmo faria e retornar e após selecionar o curso ou o aluno retornar a este formulário de matricula com as informações. Podes me dar uma ajuda, ou exemplo ou até mesmo onde encontrar?? não achei nada parecido ainda. desde já lhe agradeço.
Muito bom o seu trabalho, fiz algumas mudanças, criei outras telas, apartir do seu. Mas não estou conseguindo usar o google cloud, tento subir a pasta API e a frontend separadas, mas dá algum problema na construção da aplicação, você tem alguma dica?
Na hora de rodar o formulario no browser no minuto 21:36 nao aparece nada na tela e aparece o seguinte erro no console do navegador: Failed to execute 'createElement' on 'Document': The tag name provided ('') is not a valid name.
Cara, pode poderia me ajudar? Nessa parte do Globo.js por mais que eu faça o código exatamente igual, fica do mesmo jeito já copiei do diretório do git também e nada, por causa das "` `" crases o código não fica pronto para rodar fica no estilo de anotação 15:30
precisa adicionar alguma extensão no visualcod? deu um erro ao tentar addicionar as bibliotecas: "yarn : O termo 'yarn' não é reconhecido como nome de cmdlet, função, arquivo de script ou programa operável. Verifique a grafia do nome ou, se um caminho tiver sido incluído, veja se o caminho está correto e tente novamente. No linha:1 caractere:1 + yarn add express nodemon + ~~~~ + CategoryInfo : ObjectNotFound: (yarn:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException"
Bom dia, infelizmente quando chegou na etapa de instalar as dependências na pasta frontend, a instalação foi interrompida apresentando erro que não sei explicar, o que posso fazer para continuar ou você tem o projeto pronto no github para eu clonar?
Acredito que não tá importando a conexão com o MySQL, veja se instalou certo e colocou as configurações do banco corretas, se tiver tudo certo, compare com o código do repositório..
ERROR in ./src/index.js 3:0-30 Module not found: Error: You attempted to import ../db.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/. Estou tendo esse erro, oque pode ser?
eu fiz mas nao está incluindo informação no banco, ta chamando o front certo mas nada de banco, e minha url vai para port 3000 inves de 8800 fiz essa alteração mas continua o mesmo erro
fiz o código e a tabela no mysql, ambos estão não apresentam falhas ou erro, mas quando abro o app no navegador ele não faz nenhuma alteração, qnd inspeciono a pgna ele me apresenta esse erro: Failed to load resource: net::ERR_CONNECTION_REFUSED. Oque posso fazer para resolvelo?
Opa, você executou aquele script para funcionar no localhost que mostro? Confere as credenciais se tá tudo certo, e por último tenho o link do repositório na descrição se quiser comparar
Parabens Will, Mas quando tento seguir a tua aula, da Erro dizendo que esta sintaxe corresponde ao ES Modules, e não consigo ultrapassar esse erro, mesmo adicionando no arquivo Package.json a instrução "type": "module" , mas notei que no teu video você não usou nada disto, preciso da tua ajuda
Will, eu apliquei o projeto em uma máquina virtual, funcionou certinho, aí tentei acessar na minha máquina, na mesma rede, o layout da página aparece certinho, mas não puxa as informações que estão no banco, e tbm não permite adicionar nenhuma informação, poderia me sugerir alguma coisa? Obrigado
Tenho uma dúvida, ao fazer um projeto como esse que tenha react, banco de dados, etc, qual a melhor forma de subir ele pro github de forma que um recrutador possa acessar e utilizar o projeto por meio de um link como GitHub Pages? Recrutadores RH geralmente não tem conhecimento de baixar e rodar os arquivos na propria máquina e nem tempo pra isso, o interessante é no nosso repositório ter um link hospedando nosso projeto. E é isso que quero saber, qual a melhor forma de hospedar um projeto desses fullstack. (obs: eu já hospedo outros projetos que são basicamente front ends consumindo APIs de terceiros no proprio github pages, mas nunca fiz nada fullstack, por isso a duvida).
Assim como tem no front o githubpage, netlify. Tem serviços de hospedagens igual para projetos backend, tem alguns exemplos no TH-cam (no momento não tenho :/ ). Um exemplo é o render, que hospeda projetos backend, aí é disponibilizado o link para você consumir no teu front, então só alterar esse link no front. Pessoal da Rocketset postou esses tempos um conteúdo relacionado: th-cam.com/video/pmXfvd6Zqg4/w-d-xo.htmlsi=bXTmUX6ebqiXf_bN
gostaria de criar app, mais nao gostaria de utilizar essas ferramentas pagas, gostaria de ir para o codigo, com banco de dados firebase por exemplo o que indica ? tipo tela de login um app para barbeiros
To aprendendo node depois de aprender PHP, e algo me chamou muita atenção. Esse projeto por exemplo, só de instalar as dependencias necessárias na pasta frontend, antes de começar a desenvolver o front, já tá ocupando 5gb praticamente. Isso é normal? Quando for subir para o servidor de produção, vai ocupar tudo isso de espaço?
@@Atoaqui o que será? Pq todos os meus projetos ficam assim. Assim que é criada a pasta com node modules já chega a 1gb praticamente. No meu notebook tbm do mesmo jeito
@@franciscomoisescandeira8501 recomendo vc verificar qual pasta ocupa a mais espaço. Fiz um projeto crud bem simples com front e backend e chegou nem 50MB, confirma a versão que você está utilizando, as dependências, extensões e etc. Ah lembrando que fiz do zero alguns frameworks são pesados mesmo, mas é bom verificar de qualquer jeito.
Will, excelente vídeo, meus parabéns. Só uma pergunta: se por acaso o quisesse transformar esse crud em multi usuario, cada user podendo salvar seus próprios contatos, o que eu teria de fazer ? tks
Geralmente é criado um login por usuário, aí salva no banco com a mesma tabela, só adicionando uma nova coluna para indicar quem criou o contato né, aí com isso dá para filtrar depois por usuário
Tentei subir pro Vercel, mas dá erro 404. Substitui url do localhost 8800 pra url do projeto no vercel mas mesmo assim não deu. Tem 3 url lá e só testei com uma, mas acredito que se fosse pra funcionar em alguma, funcionaria em todas. Sabe dizer como faço pra rodar no vercel também?
Tem um código que vc vê a url ou até ou path. Faz uma middleware: const express = require('express') const app = express() app.use((req, res, next) => { console.log(`Path: ${req.path} URL: ${req.url}`) next() }) Esse comando é em node, mas a lógica é a msm para qualquer linguagem de programação.
Galera uma dica começa a usar docker que muitas empresas estão trabalhando com essa tecnologia, aprendi docker e agora to fazendo vários projetos e sempre utilizando ele para aplicar meus conhecimentos.
Parabéns Will pela aula didática!
Parabéns, Will!
Um projeto riquissímo em conhecimento, transmitido de maneira direta e instrutiva. Obrigado pela dedicação!
Muito obrigado pelo feedback 😃
Muito legal. Parabéns.
Baixei o projeto do GIT e rodei em aula para os meus alunos explicando o processo e sugerindo que eles alterem para aplicações deles.
Todo mundo curtiu muito.
Claro que lhe dando todos os créditos e compartilhando seus GIT e canal no YT.
Obrigado por compartilhar.
Que massa Liojes!! Fico feliz em poder contribuir com o aprendizado da comunidade. Valeeu :D
Excelente explicação. Uma das melhores que eu já vi por aqui, sem exagero. Obrigada pelo conteúdo!
Muito obrigado pelo feedback :D
Eu quem agradeço, ajudou muito Will. Por favor faça mais videos assim.
Parabéns pelo conteúdo, meu amigo! Bastante enriquecedor. Eu trabalho como QA mas não deixo de programar. Tinha algumas coisas de front e back que sempre me perguntava como era feito, a exemplo da integração, e com seu vídeo pude entender e colocar em prática.
Que bom que o vídeo te ajudou, Arthur! Muito obrigado pelo feedback :D
Aprendi mais aqui do que em uma escola famosa de cursos de tecnologia, uma que começa com A.
Muitíssimo obrigado.
Alura?
😆
tinha muita dificuldade em entender o processo entre front e back seu vídeo me ajudou muito obrigado
Que massa!! Valeeu
Seu projeto é maravilhoso irmão muito obrigado por todo o conhecimento compartilhado
achei muito bom o projeto, vou estudar ele direitinho mas achei sensacional fazer tanto o front como back tudo integradinho direitinho :D
Show, agradeço o feedback :D
Meu irmão, tu é sensacional! Salvou demais aqui.
Valeeu
Cara que top perfeito de todos que acompanhei o tutorial, o seu foi o único que deu tudo certo parabéns
Que massaa, muito obrigado pelo feedback
Merece mais views. Tutorial bem explicado e actualizado
Abraço de Portugal irmão!
Muito obrigado 😃
O meu terminal não estava reconhecendo o comando "yarn" então eu fiz o download usando o comando "npm install --global yarn" em seguida ele não tava deixando executar o comando, então eu abri o powershell como admin e rodei esses 2 comandos " Get-ExecutionPolicy " e o
" Set-ExecutionPolicy RemoteSigned " por fim funcionou
Boaa
vlw, fiquei confuso tentando reinstalar tudo achando q o problema era glitch ou algo corrompido
Humilde, tive esse mesmo problema.
Mano, vou secar todos teus videos... são muito bons
Já estou inscrito.
Já vi que tem uns projetos em react, vou consumir sem moderação.
Obrigado pelo conteudo.
Que bom que tá curtindo, muito obrigado pelo feedback :D
Quando vou executar o código do ALTER USER ele dá erro dizendo que o mysql_native_password não foi iniciado
o que faço se aparecer o erro ERR_MODULE_NOT_FOUND
Tive o mesmo problema, você precisa mudar a extensão dos seus arquivos para mjs ao invés de js para o Node reconhecer seus arquivos como módulos ESM já que habilitou ele no package.json
Se não quiser, você pode remover o type do package.json aí só invés de usar import e Export, você usa require
Pode ser falta de uma instalação de uma dependência
enfim um material vasto sobre o assunto, pra mim q veio do delphi q é td na mão, fiquei dias pra entender como trazer dados de um banco pra dentro do react.
🚀🚀
onde estudou delphi?
Cara gostei muito do vídeo achei muito top , estou começando agr a estudar front e Back mas sinto que não consigo conectar tudo .Gosto de ver esse tipo de vídeo que faz . Queria saber se você tem algum curso pra indicar, ou por onde começar aprender a programar . Alguma comunidade que consiga me integrar no projeto para poder aprender mais um pouco
Fantástico Will, muito obrigado por compartilhar com essa super explicação!
Muito obrigado pelo feedback 😃
Parabens Will Muito bom, esse projeto ajudou bastante na compreensão node com backend.
Valeeu
Seus videos sao maravilhosos Willian. Obrigada!!!
Agradeço seu feedback :D
Parabéns pela didática, me ajudou bastante em meu aprendizado, ganhou mais um inscrito.
Valeeu 🤜🤛
simples, pratico e objetivo.. parabéns
Gostaria de ver como ficaria a paginação dessa listagem
Boa tarde isso mesmo seria top incluir a paginação
Poderia fazer um crud de JS e MySQL apresentando a interface em HTML e CSS? Já faço CRUDs em PHP mas sinto dificuldades com JS devido ao node.js e sua vinculação com o front-end
Boa noite, primeiramente parabéns pela aula.
Estou com um problema, ele está dando o seguinte erro:
ERROR in ./src/App.js 7:0-55
Module not found: Error: Can't resolve 'react-toastify' in 'F:\Estudos
ode\crud\frontend\src'
ERROR in ./src/App.js 8:0-47
Module not found: Error: Can't resolve 'react-toastify/dist/ReactToastify.css' in 'F:\Estudos
ode\crud\frontend\src'
Quando eu tiro as importações toast e apago a linha do arquivo APP.js ele volta a funcionar. O que poderia ser?
nesse projeto teria como eu usar o GRANT e o INVOKE?
Está aparecendo isso no terminal qunado dou o npm start no nodemon: "[nodemon] app crashed - waiting for file changes before starting..." e não consigo acessar o localhost na barra de navegação...
Simples e direto, muito bom, parabéns!!
Excelente! Didática top, me ajudou muito. Obrigada.
cara parabéns, ótimo vídeo!
acho que seria interessante um vídeo ensinando a fazer o deploy de um projeto como esse.
nos minutos 5:15 é obrigatório usar esse ALTER USER 'root'@'localhost' etc. Porque quando instalamos o mysql, criamos uma senha para o nosso usuário usando exatamente esse código aí. Então é obrigatório?
muito bom will irei implementar algumas orm's usando esse projeto como basa.
Boaa
Muito bacana Will!!
Mais simples e claro, não encontrei... muito obrigado por compartilhar!
Só achei estranho que ser errar a string SQL a API retorna um objeto que é o erro, o frontend não detecta esse erro... tive que apelar para o console.log(data) para ver o que vinha dentro do objeto... Vou procurar algo sobre tratamento de erros...
meu caro vc esta de parabens, adorei
show Will, muito bom o projeto...grato por compartilhar.
Muito obrigado pelo feedback :D
Parabéns pelo vídeo. Gostaria de saber como seria se em vez do banco de dados ser local, se fosse remoto, hospedado em algum serviço
Excelente conteúdo!! Parabéns!
Que vídeo fera!!! Parabéns e obrigado!
Muito obrigado pelo feedback :D
parabés pelo trabalho, foi um ótimo projeto, quebrei bastante a cabeça. hehe.
Faz parte kk, agradeço seu feedback :D
12:10 tive o seguinte erro: "[nodemon] app crashed - waiting for file changes before starting..." poderia me ajudar?
deve ter algum erro de dependência aí no node, conseguiu resolver?
@@will_dev sim, não sei como, mas sim kkk
Boa tarde!
Como poderíamos hospedar ele em servidor linux basico com apache? É possível ? Como exemplo.....LAMP que voce consegue hospedar jogando as pastinhas nos lugares certo e roda de boas os PHP..... tem algo bem semelhante para hospedar no servidor linux local? e distribuir o link pela rede local? meu IP linux /nome da pasta / index.html
Olá, parabéns pelo vídeo, bem explicado... Mas (sempre tem um mas hehehe) Como posso fazer o deploy dessa aplicação? Pergunto por que estou com bastante dificuldades de conseguir subir os projetos com consumo de API e backend.
vou tentar trazer algo sobre isso
@@will_dev obrigado... ficarei acompanhando
Conseguiu algum vídeo que ensine isso amigo? Estou com essa dificuldade também
Muito top Will, eu consigo visualizar o banco, alterar e deletar, só não estou conseguindo inserir, esta dando esse erro:A isn't associated with a form field. To fix this issue, nest the in the or provide a for attribute on the that matches a form field id. 2 resources Violating node Violating node,
Obrigado pelo conteúdo.
Deve ter algo problema com o HTML do form, recomendo pegar do meu repositório e comparar, o link está na descrição
@@will_dev Deu certo mano, vale em
Parabens! Ótima didática.
Muito bem explicado Will
Muito obrigado pelo feedback :D
Utilizei docker,
image: mysql:8.4.1
E no lugar do mysql utilizei o mysql2 assim não precisei daquela configuração extra de alterar a senha do root.
Dá para utilizar o postegres ao inves do mysql?
Se não quiser instalar tudo na sua máquina, uma dica é usar docker e docker compose, se não tiver prática é só investir um tempo pra aprender sobre containers, assim não é preciso fazer longas configurações pra testar seus projetos.
Cara seu projeto e explicação foram ótimos, parabéns.
Acredito que algo para melhorar seria em questão de dividir o video do youtube apontando cada cenário tipo: 26:34 (min /segund) "classe Form.js" há um recurso no youtube, fora isso parabéns pelo ensino.
Que bom que gostou, muito obrigado pelo feedback 😃
Obrigado, curiosidade pra hospedar online, qual site de hospedagem gratuito pra estudo trabalha com node no servidor ? Valeu
onde ele usa a função handleSubmit?
Salve!
Ao iniciar o "yarn start" exibiu o seguinte erro
" Error [ERR_MODULE_NOT_FOUND]: "
Apareceu pois não digite na extensão "js" no import {getUsers} from "../controllers/users.js";
Opa, então ficou resolvido aí a situação?
@@will_dev Opa, resolveu sim. Valeu!
Salvou minha vida...rs
boa tarde Will, Parabêns pelos exemplos explicados, estou precisando atualizar uma variável ao clicar no botão Salvar, declarada no Form.js (estrutura parecida com esta sua), onde colocar Ex.: bananaEstoque = 100 ao registra venda bananaEstoque = bananaEstoque - 1, Obrigado
Gostei desse vídeo! Gosto de Laravel mas estoua alisando outras possibilidades tb 😉 Forte abraço!
Boaa, abraço!!
Ola TioJobs vc disse q gosta de Laravel estou em duvida se estudo PHP Laravel ou JavaScript com NodJs
show, gostaria de aprender mais, para criar projeto maior com mais cadastros, tipo de produtos, com tabela relacionado de grupos, com select como funciona ? se puder poderia ensinar criar um pedido de vendas ou fluxo de caixa com entradas e saidas para aprender trabalhar com forms modais e mais de uma tabela, relacionamentos, filtros, e tambem como funciona para fornecer este projeto para clientes na web ? como se hospedar isso ? sou novo mundo da web, penso em um sistema SaaS como se estrutura isso ?
Realmente tem várias possibilidades, tenho alguns vídeos que complementam isso, como um sistema financeiro.. e para as demais dúvidas vou tentar trazer uns projetos completos futuramente :D
estou aqui, primeira vez que consigo rodar um API e front em React na minha maquina gostando bastante, e gostaria de aprender mais, e saber se um dia tiver que colocar api e front na web como funciona ?
Will, belo material....
me tira uma dúvida...
vamos supor que este teu grid ai fosse de alunos... como faria um formulário matricula deste aluno, para pegar ai o código do aluno neste grid ai ou mesmo o curso que o mesmo faria e retornar e após selecionar o curso ou o aluno retornar a este formulário de matricula com as informações. Podes me dar uma ajuda, ou exemplo ou até mesmo onde encontrar?? não achei nada parecido ainda. desde já lhe agradeço.
Muito bom o seu trabalho, fiz algumas mudanças, criei outras telas, apartir do seu. Mas não estou conseguindo usar o google cloud, tento subir a pasta API e a frontend separadas, mas dá algum problema na construção da aplicação, você tem alguma dica?
Muito bom!
Oque eu precisava !!
Massa!! Muito obrigado pelo feedback 😃
como você resolveu o problema que da no minuto 13:20? o seu da varios erros, assim como no meu, e depois vc corta o video com o problema resolvido
Boa tarde Professor, qual extensão do vscode, para deixar destacado o css do style global, igual ao do senhor?
Opa, vscode-styled-components
Fiz tudo certinho e rodou mas o site aparece branco sem nada.
Como eu poderia fazer para este projeto rodar no localhost de outra maquina por exemplo ? baixar o mysql e conectar ao meu user do bd ?
Acredito que dá para você usar o Ngrok para compartilhar algo que está no localhost, é bem tranquilo
Na hora de rodar o formulario no browser no minuto 21:36 nao aparece nada na tela e aparece o seguinte erro no console do navegador:
Failed to execute 'createElement' on 'Document': The tag name provided ('') is not a valid name.
Parece que tem algum elemento com o nome errado no projeto, tenta comparar com o repositório para ver se tem diferença
Will consegue me tirar uma dúvida, pq vc usou o MySQL localmente colocando aquele código, não daria na mesma usar ele como servidor ?
Cara, pode poderia me ajudar?
Nessa parte do Globo.js por mais que eu faça o código exatamente igual, fica do mesmo jeito já copiei do diretório do git também e nada, por causa das "` `" crases o código não fica pronto para rodar fica no estilo de anotação 15:30
instala essa extensão no teu vs code pra ficar nesse formato: vscode-styled-components
@@will_dev Deu certo, agradeço demais!
Muito obrigado pelo vídeo!
Não estou conseguindo rodar a aplicação, alguém pode me ajudar?
Tive problema logo no início com o ALTER TABLE 'root'@'localhost'
Conseguiu resolver?
Outra dúvida é sobre o const xxx`
(No meu todos esses comando tornam-se invalídos`;
O arquivo está com .JS?
precisa adicionar alguma extensão no visualcod? deu um erro ao tentar addicionar as bibliotecas:
"yarn : O termo 'yarn' não é reconhecido como nome de cmdlet, função, arquivo de script ou programa
operável. Verifique a grafia do nome ou, se um caminho tiver sido incluído, veja se o caminho está
correto e tente novamente.
No linha:1 caractere:1
+ yarn add express nodemon
+ ~~~~
+ CategoryInfo : ObjectNotFound: (yarn:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException"
Tem que instalar o yarn, mas se você tiver o node instalado na máquina pode usar npm install ao invés de yarn add
@@will_dev beleza consegui instalar
curso mt bom. Poucas pessoas tem a didatica que vc tem. Seria mt massa se fizesse um video ensinando a fazer o deploy desse projeto.
Muito obrigado pelo feedback :D
Bom dia, infelizmente quando chegou na etapa de instalar as dependências na pasta frontend, a instalação foi interrompida apresentando erro que não sei explicar, o que posso fazer para continuar ou você tem o projeto pronto no github para eu clonar?
12:10 cara, o meu apareceu o seguinte "TypeError: db.query is not a function ". nao sei como resolver... alguém pode me ajudar?
Acredito que não tá importando a conexão com o MySQL, veja se instalou certo e colocou as configurações do banco corretas, se tiver tudo certo, compare com o código do repositório..
@@will_dev Obrigado cara, eu entrei no seu repositório e consegui resolver o erro!
12:06 ele diz error comand not found.Oque quer dizer?
Veja como está esse comando no seu package.json dentro de scripts
ERROR in ./src/index.js 3:0-30
Module not found: Error: You attempted to import ../db.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
You can either move it inside src/, or add a symlink to it from project's node_modules/.
Estou tendo esse erro, oque pode ser?
Não tá encontrando o arquivo db.js a princípio
dentro da pasta controllers vá no arquivo user.js e na primeira linha coloque esse comando: import { db } from "../db.js";
Como faço pra testar no postman essa API localhost??
tem que colocar o link do server do node lá no postman, e coloca / a rota da ação
Muito bom fiz todo exemplo e criei um com meus dados só que não salva, nem edita so funciona o delete grato
Opa, o que não funciona, tenta copiar do repositório para ver se tem diferença
no npm yarn não deu certo tentei corrigir não consegui, desistir kkk
eu fiz mas nao está incluindo informação no banco, ta chamando o front certo mas nada de banco, e minha url vai para port 3000 inves de 8800 fiz essa alteração mas continua o mesmo erro
Tenta comparar com o meu código no meu repositório (link na bio), de um find nessa porta para ver se não tem que alterar em mais algum local
@@will_dev vou tentar ver, eu até sai alterando em tudo e mesmo assim nada mas irei ver novamente
voçe conseguiu resolver o problema? estou com o mesmo problema
Excelente video meu parceiro, só há uma dúvida, como eu coloco sites com backend no ar na Vercel. Agradeço desde já.
É um pouco extenso a explicação kk, então recomendo procurar algum vídeo que mostre isso, futuramente posso trazer algo relacionado :D
fiz o código e a tabela no mysql, ambos estão não apresentam falhas ou erro, mas quando abro o app no navegador ele não faz nenhuma alteração, qnd inspeciono a pgna ele me apresenta esse erro: Failed to load resource: net::ERR_CONNECTION_REFUSED. Oque posso fazer para resolvelo?
Opa, você executou aquele script para funcionar no localhost que mostro? Confere as credenciais se tá tudo certo, e por último tenho o link do repositório na descrição se quiser comparar
Parabens Will,
Mas quando tento seguir a tua aula, da Erro dizendo que esta sintaxe corresponde ao ES Modules, e não consigo ultrapassar esse erro, mesmo adicionando no arquivo Package.json a instrução "type": "module" , mas notei que no teu video você não usou nada disto, preciso da tua ajuda
será que não tava importando com o .js no final? tenta comparar com o código do repositório para ver se tem alguma diferença
Muito bom o conteúdo! Direto ao ponto! Suponho que com SQLSERVER seria igual?
sim, mesma ideia
Parabéns pelo vídeo!!
Valeeu
Will, eu apliquei o projeto em uma máquina virtual, funcionou certinho, aí tentei acessar na minha máquina, na mesma rede, o layout da página aparece certinho, mas não puxa as informações que estão no banco, e tbm não permite adicionar nenhuma informação, poderia me sugerir alguma coisa? Obrigado
O banco está local na máquina? Teria que deixar visível para o backend, talvez tentar subir esse banco
Tenho uma dúvida, ao fazer um projeto como esse que tenha react, banco de dados, etc, qual a melhor forma de subir ele pro github de forma que um recrutador possa acessar e utilizar o projeto por meio de um link como GitHub Pages? Recrutadores RH geralmente não tem conhecimento de baixar e rodar os arquivos na propria máquina e nem tempo pra isso, o interessante é no nosso repositório ter um link hospedando nosso projeto. E é isso que quero saber, qual a melhor forma de hospedar um projeto desses fullstack. (obs: eu já hospedo outros projetos que são basicamente front ends consumindo APIs de terceiros no proprio github pages, mas nunca fiz nada fullstack, por isso a duvida).
Assim como tem no front o githubpage, netlify. Tem serviços de hospedagens igual para projetos backend, tem alguns exemplos no TH-cam (no momento não tenho :/ ). Um exemplo é o render, que hospeda projetos backend, aí é disponibilizado o link para você consumir no teu front, então só alterar esse link no front. Pessoal da Rocketset postou esses tempos um conteúdo relacionado: th-cam.com/video/pmXfvd6Zqg4/w-d-xo.htmlsi=bXTmUX6ebqiXf_bN
muito bom, gostaria de aprender criar web apps, como é feito com o bubble é possivel ? como criar aqueles controles para arrastar e criar os forms ?
Não com essas tecnologias, esses é mais mão no código mesmo, mas é só estudar que você vai ver que vai ser mais bacana criar na mão hehe
gostaria de criar app, mais nao gostaria de utilizar essas ferramentas pagas, gostaria de ir para o codigo, com banco de dados firebase por exemplo o que indica ? tipo tela de login um app para barbeiros
@@walney2008 se for um app simples dá para usar o firesabe, é bem tranquilo. Se quiser um relacional, dá para usar o MySQL
To aprendendo node depois de aprender PHP, e algo me chamou muita atenção.
Esse projeto por exemplo, só de instalar as dependencias necessárias na pasta frontend, antes de começar a desenvolver o front, já tá ocupando 5gb praticamente. Isso é normal? Quando for subir para o servidor de produção, vai ocupar tudo isso de espaço?
Com certeza tem algo estranho
@@Atoaqui o que será? Pq todos os meus projetos ficam assim.
Assim que é criada a pasta com node modules já chega a 1gb praticamente. No meu notebook tbm do mesmo jeito
@@franciscomoisescandeira8501 recomendo vc verificar qual pasta ocupa a mais espaço. Fiz um projeto crud bem simples com front e backend e chegou nem 50MB, confirma a versão que você está utilizando, as dependências, extensões e etc. Ah lembrando que fiz do zero alguns frameworks são pesados mesmo, mas é bom verificar de qualquer jeito.
Não consigo avançar com o tutorial. Apreenta erro de LOCALHOST RECUSADA. Mesmo rodando a linha de comando sugerida no MYSQL nao consigo avançar.
Provavelmente seu MySQL estava com uma senha diferente da que você pôs no código, ai deu esse erro
Para quem teve problema de utilizar o terminal do VS Code pode utilizar o cmd da sua própria máquina que funciona do mesmo jeito
annot read properties of undefined (reading 'map')
TypeError: Cannot read properties of undefined (reading 'map') ERROR
O array do map está undefined, tenta iniciar definir como um array vazio quanto não tiver informação []
amo seus videos, faz um com o Postgres =)
Multo obrigado pelo feedback :D
ótimo vídeo amigo, só estou com problemas com a API, vc poderia me ajudar?
Opa, qual BO?
Will, excelente vídeo, meus parabéns. Só uma pergunta: se por acaso o quisesse transformar esse crud em multi usuario, cada user podendo salvar seus próprios contatos, o que eu teria de fazer ? tks
Geralmente é criado um login por usuário, aí salva no banco com a mesma tabela, só adicionando uma nova coluna para indicar quem criou o contato né, aí com isso dá para filtrar depois por usuário
tks@@will_dev
Tentei subir pro Vercel, mas dá erro 404. Substitui url do localhost 8800 pra url do projeto no vercel mas mesmo assim não deu. Tem 3 url lá e só testei com uma, mas acredito que se fosse pra funcionar em alguma, funcionaria em todas. Sabe dizer como faço pra rodar no vercel também?
Tem um código que vc vê a url ou até ou path. Faz uma middleware:
const express = require('express')
const app = express()
app.use((req, res, next) => {
console.log(`Path: ${req.path}
URL: ${req.url}`)
next()
})
Esse comando é em node, mas a lógica é a msm para qualquer linguagem de programação.
Caso eu queria pegar somente pela id? '/:id'?
Daria pra criar uma rota no back para editar um item específico, aí passaria na rota esse id
É disso que o povo gosta
meu frontend não esta deletando e editando os usuarios? alguma ajuda obrigado
Opa, talvez faltou algum detalhe, se quiser pegar do meu repositório, o link está na descrição