Cara!!! , já é a segunda vez que vc me salva com seus vídeos , nunca fiz nada e vue e com esse seu vídeo já estou criando um app consumindo apis , vc é fera ótima didática.
Estou a pouco tempo aprendendo sobre VueJS e gostaria de agradecer pelo conteúdo que você disponibilizou pois me ajudou muito a entender diversos conceitos durante a criação deste projeto.
Cara, que ideia bacana pra compartilhar conhecimento, achei muito fera, parabéns. Se posso contribuir com algumas dicas/melhorias, eu faria algumas pequenas coisas diferentes. 1 Seguindo o style guide do vue, não é legal os componentes serem implementados com a primeira letra maiuscula, mas sim utilizando kebab-case. No caso do Header, o ideal seria 2 O scoped deve ser evitado quando usado diretamente em componentes HTML, você pode obter um escopo utilizando BEM ou apenas utilizando classes especificas, isso gera um gargalo na renderização do vue que se obriga a ter que fazer essa diferenciação. 3 No menu, vemos duas responsabilidades dentro do componente, acredito que para uma hierarquia mais tranquila de manutenção, seria legal abstrair isso para um outro componente 4 Na utilização do axios, o ideia seria ter uma classe service que faria as chamadas para api e o componente vue apenas utilizaria esse service. Mas pq isso é interessante? Para que caso você queria utilizar outra lib no futuro, você apenas altera o service e os componentes vue continuaram funcionando. Mas cara, que show, espero que você continue com o Canal pq isso e muito importante para a comunidade Vue. abraço!!!!
Muito obrigado pelas dicas, Alexandro! A ideia do canal é compartilhar conhecimento e suas contribuições são muito bem vindas e com certeza farei um novo vídeo falando sobre esses pontos que você levantou. Grande abraço!
Opa, obrigado pela contribuição, Alan! Pelo que entendi o ideal é utilizar PascalCase/CamelCase para single file components e utilizar kebab-case para componentes com mais ações como o VueRouter (router-link, router-view).
@@ktquez sim sim, você até pode utilizar pascal case, o que não é recomendado e o que quis dizer é sobre o componente com um nome só. Como no exemplo Você pode ver mais sobre no style Guide do Vue vuejs.org/v2/style-guide/#Priority-A-Rules-Essential-Error-Prevention Pois no exemplo só temos a primeira letra maiúscula. Mas poderia ser também Abraço 😀
40:00 ao invés de usar duas funções passando variáveis opostas, você podia ter usado true e false e colocar na função o prop settando o contrário dele usando ponto de exclamação
Olá. Muito obrigada pelo conteúdo :) Sobre o name que vc coloca no componente, ele não é realmente necessário. Se vc tirar e importar o componente direto com o nome dele, vai funcionar tranquilo :)
eu compraria seu curso de vue com toda certeza! hahahaha ja pensou na possibilidade de criar conteudo na udemy sobre vue, com varios projetos? seria top!
Surgiu uma dúvida: ao olhar o código fonte não aparece o conteúdo tão importante para SEO, aparece somente as tags html principais, como deixar SEO friendly... obg
Daew, blz. Estou começando a estudar Vue e gostaria de ver se você tem algum exemplo com back e front end. Que necessite de um usuario e senha para acessar... Fiz essa aula sua, mas estou com dificuldades e aplicar o uso de uma nova pagina para ser o login
Conteúdo muito legal pra Vue, aprendi bastante, parabéns. Mas se me permite fazer uma crítica construtiva, você deveria melhorar apenas o seu html e css, pois tem muito css desnecessário, e marcações html erradas.
Ótimo conteúdo! Seria possível disponibiliar o link do Figma para que seja possível implementar o projeto diretamente pelo layout? Isso emular muito bem o que devemos esperar na hora de trabalhar em uma empresa.
Fala aí Marcio, eu passei pelo mesmo problema. No meu caso foi que a versão do vue-router tava muito alta pra minha versão do vue.js (2 alguma coisa), então eu instalei a mesma versão do vue-router do tutorial que é a 3.4.3 e o problema resolveu. ( npm install vue-router@3.4.3 )
Po manim, bota a separação dos capítulos ae, se eu tiver que procurar o que eu quero ver sendo que poderia estar facilitado, prefiro procurar um video só com isso.
Pq n deixou o home junto dos components? Pq não criou as requisições por axios separadas em cada componente? Pq usou axios e não usou uma requisição ajax tradicional através do fetch?
@@hugotarga hehehehe. Desculpa pela chatice. Vi todo o vídeo. A intenção não é criticar mas sim aprender kkkk. Para não comentar várias vezes fiz um monte de perguntas no mesmo comentário kkkk
Vídeo excelente, vc poderia me enviar os arquivos .vue, pois no meu arquivo Header.vue está com esse erro(Component name "Header" should always be multi-word.eslintvue/multi-word-component-names)
Muito bom!
Sou iniciante, adorei a didática, muito bem explicado!!! 👊
28:19 - Overlay
35:45 - Method Active
41:15 - Desktop
57:39 - Axios import
01:13:54 - Pagina videos
eu odiava frontend antes de ver seus vídeos de vue, muito obrigado pelo conteúdo!
Parabéns pelo vídeo. Explica de forma extremamente simples de compreender.
Agora eu vou conseguir integrar vue com laravel e usar em meus projetos, gostei demais do conteúdo.
Eu consegui entender claramente a base.
Continua trazendo mais projetos em VueJS, ele é simplesmente fantástico.
Parabéns pelo canal e conteúdo!
Muito obrigado, Eduardo!
Gosto muito de Vue.js e logo saem novos conteúdos hehe
@@wdevoficial Poxa que vídeo aula top cara parabéns e obrigado!!!
Valeu William, estou iniciando os estudo sobre VUE e o vídeo é ótimo para quem está iniciando. Valeu..
Vídeo totalmente didático, pra quem é iniciante uma boa didática ajuda demais, parabéns pelo conteúdo.
Parabéns William, conteúdo de qualidade e muito bem explicado!!!! Ótimo para quem está começando. Continue enviando vídeos!!!
Muito obrigado, Gabriel!
Grande abraço!
Cara!!! , já é a segunda vez que vc me salva com seus vídeos , nunca fiz nada e vue e com esse seu vídeo já estou criando um app consumindo apis , vc é fera ótima didática.
Parabéns! Muito didático na forma como explicas e expões o conteúdo :)
Deus abençoe a sua iniciativa.... muito obrigado
William, muito obrigado pelo conteúdo de altíssima qualidade. Muito fácil e simples absolver seu conteúdo. Valeu!
Cara, muito grato pela sua ajuda meu amigo!! Esse tutorial tem sido um baita norte nos meus estudos!
Estou a pouco tempo aprendendo sobre VueJS e gostaria de agradecer pelo conteúdo que você disponibilizou pois me ajudou muito a entender diversos conceitos durante a criação deste projeto.
Mano, continua mandando esses projetos no vue, negocio básico mas que foi bem interessante
Muito ótimo !. Vc explicou todas as linhas do código de forma clara e detalhada, obrigado pelo conhecimento compartilhado. Ganhou + 1 inscrito.
Muito bom, fácil de entender e pôr em prática. Parabéns 🥳👏. Continua com mais conteúdos sobre vue.
Muito obrigado, Francisco!
Pode deixar que vou trazer mais conteúdos de Vue
Grande abraço!
aos 15 min. de video eu falei, ja vou me inscrever nessa canal
Queria deixar meu parabéens por essa aula top demais, MUITO obrigado pelo conteúdo e dedicação !
Vídeo excelente. Obrigado por compartilhar esse conteúdo de vue. Parabéns! 👍👌
Muito bom meu fio. Demorei umas 5 horas fazendo mas gostei bastante. Sucesso jedi
Aula Top!
Muito bom!! Obrigada por compartilhar conhecimento de uma forma tão didática
Curti muito o seu conteúdo, eu venho do ReactJS, e achei fácil de absorve as pequenas peculiaridades de cada Framework. parabéns.
William, MT OBRIGADO!
Parabéns, muito bom!
Muito top esse vídeo!!! Didática muito boa. Tudo explicado de forma bem simples. Parabéns!!!
Parabéns Professor, ótima explicação desde o inicio até o final do mini curso, aprendi muito com isso sobre vue.
Sensacional! Estou aqui engatinhando em frontend, e seu vídeo me ajudou mto. Obrigado!
Arrebentou irmão! Parabéns.
bom conteudo, ótimo pra quem esta começando, obrigado!
Cara, que ideia bacana pra compartilhar conhecimento, achei muito fera, parabéns.
Se posso contribuir com algumas dicas/melhorias, eu faria algumas pequenas coisas diferentes.
1 Seguindo o style guide do vue, não é legal os componentes serem implementados com a primeira letra maiuscula, mas sim utilizando kebab-case. No caso do Header, o ideal seria
2 O scoped deve ser evitado quando usado diretamente em componentes HTML, você pode obter um escopo utilizando BEM ou apenas utilizando classes especificas, isso gera um gargalo na renderização do vue que se obriga a ter que fazer essa diferenciação.
3 No menu, vemos duas responsabilidades dentro do componente, acredito que para uma hierarquia mais tranquila de manutenção, seria legal abstrair isso para um outro componente
4 Na utilização do axios, o ideia seria ter uma classe service que faria as chamadas para api e o componente vue apenas utilizaria esse service. Mas pq isso é interessante? Para que caso você queria utilizar outra lib no futuro, você apenas altera o service e os componentes vue continuaram funcionando.
Mas cara, que show, espero que você continue com o Canal pq isso e muito importante para a comunidade Vue.
abraço!!!!
Muito obrigado pelas dicas, Alexandro!
A ideia do canal é compartilhar conhecimento e suas contribuições são muito bem vindas e com certeza farei um novo vídeo falando sobre esses pontos que você levantou.
Grande abraço!
Alexandro Willian, em SFC é válido utilizar o "PascalCase" para os componentes.
Opa, obrigado pela contribuição, Alan!
Pelo que entendi o ideal é utilizar PascalCase/CamelCase para single file components e utilizar kebab-case para componentes com mais ações como o VueRouter (router-link, router-view).
@@ktquez sim sim, você até pode utilizar pascal case, o que não é recomendado e o que quis dizer é sobre o componente com um nome só. Como no exemplo
Você pode ver mais sobre no style Guide do Vue
vuejs.org/v2/style-guide/#Priority-A-Rules-Essential-Error-Prevention
Pois no exemplo só temos a primeira letra maiúscula.
Mas poderia ser também
Abraço 😀
parabéns, muito bom o projeto!!! Fica com DEUS!
Sensacional
Que didática incrível! Parabéns e muito obrigado
40:00 ao invés de usar duas funções passando variáveis opostas, você podia ter usado true e false e colocar na função o prop settando o contrário dele usando ponto de exclamação
Cara, que aula boa, muito obrigado por compartilhar seus conhecimentos, inscrito para acompanhar as novidades!
Excelente!!!!!
Incrível, parabéns!!!
Parabéns pelo conteúdo, me ajudou demais! Muito obrigada!!!
Excelente, muito obrigado!
Didática muito boa!
ME AJUDOU DEMAIS, TU É FODA MEU MANO
SENSACIONAL!!!
Muito obrigado mesmo por essa aula de vuejs!
Cara, que conteúdo sensacional!
Muito obrigado
Olá. Muito obrigada pelo conteúdo :) Sobre o name que vc coloca no componente, ele não é realmente necessário. Se vc tirar e importar o componente direto com o nome dele, vai funcionar tranquilo :)
Conteúdo incrível man, parabéns!!!
Muito bom!
eu compraria seu curso de vue com toda certeza! hahahaha ja pensou na possibilidade de criar conteudo na udemy sobre vue, com varios projetos? seria top!
Parabéns muito bom.
Muigo show
Valeu a aula William! Show demais :D
muito bom
Surgiu uma dúvida: ao olhar o código fonte não aparece o conteúdo tão importante para SEO, aparece somente as tags html principais, como deixar SEO friendly... obg
O vue tem alguma função tipo "mouted" mas que é executada sempre que faço um post no server?
Muito bom!@
Será que esse video ainda está actualizado, parece muito top o conteúdo
Oi porfavor...mediga que pacote voce usou pra dar cor no vue porque o meu aki so fik rm preto e branco
Daew, blz.
Estou começando a estudar Vue e gostaria de ver se você tem algum exemplo com back e front end.
Que necessite de um usuario e senha para acessar...
Fiz essa aula sua, mas estou com dificuldades e aplicar o uso de uma nova pagina para ser o login
Sou mais familiarizado com tecnologias base. Não preciso usar uma estrutura HTML5 com no vuejs?
Outra dúvida. É possível usar Bootstrap no vuejs?
Como builda vuejs pra jogar na hospedagem?
top
Conteúdo muito legal pra Vue, aprendi bastante, parabéns.
Mas se me permite fazer uma crítica construtiva, você deveria melhorar apenas o seu html e css, pois tem muito css desnecessário, e marcações html erradas.
A unica parte confusa ai é na hora de fazer a listagem no template usano o v-for, eu tive que fazer de forma completamente diferente para funcionar!
👏👏👏👏
Ótimo conteúdo! Seria possível disponibiliar o link do Figma para que seja possível implementar o projeto diretamente pelo layout? Isso emular muito bem o que devemos esperar na hora de trabalhar em uma empresa.
Será que esse video ainda está actualizado, parece muito top o conteúdo?
@@blackrock2222 não... já estamos com vue-router 4 e vue3... muda pouca coisa mas a logica é diferente
@@vifigueiredo94 vlw kk
Quando adiciono o router a pagina fica em branco...segui as recomendações ate o fim mas nao tem jeito, so fica em branco....alguem ja passou por isso?
Fala aí Marcio, eu passei pelo mesmo problema. No meu caso foi que a versão do vue-router tava muito alta pra minha versão do vue.js (2 alguma coisa), então eu instalei a mesma versão do vue-router do tutorial que é a 3.4.3 e o problema resolveu. ( npm install vue-router@3.4.3 )
To fazendo esse curso usando vue 3, e é bizarro como o chatGPT me ajuda a corrigir as coisas que eu n sei
🔝🔝🔝🔝
fiz da mesma maneira porem quando clico em qualquer lugar da navegação o link o menu fecha e nao direciona para outra rota.
tipo tenho que difgitar manuelamente na rota do browser, por q os items da minha navegação quando clico fecha o menu na versao mobile
Já sabe sobre os cristais de tempo? Era pra saber, que eu te disse...
Po manim, bota a separação dos capítulos ae, se eu tiver que procurar o que eu quero ver sendo que poderia estar facilitado, prefiro procurar um video só com isso.
Pq n deixou o home junto dos components? Pq não criou as requisições por axios separadas em cada componente? Pq usou axios e não usou uma requisição ajax tradicional através do fetch?
Chatão vc ein kkkkk
@@hugotarga hehehehe. Desculpa pela chatice.
Vi todo o vídeo. A intenção não é criticar mas sim aprender kkkk. Para não comentar várias vezes fiz um monte de perguntas no mesmo comentário kkkk
Vídeo excelente, vc poderia me enviar os arquivos .vue, pois no meu arquivo Header.vue está com esse erro(Component name "Header" should always be multi-word.eslintvue/multi-word-component-names)
Você precisa renomear os arquivos, precisa ser HomeHeader.vue (multi-word), por exemplo.
Ajudou muito, parabéns pelo conteúdo.
muito bom