Introdução ao Vue.js

[@TaniaStormovski]

Adorei! Nada melhor para um back do que um vídeo de front feito outro back.

[@LuizCarvalhoCOM]

Tania Stormovski exatamente kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

[@homejonny9326]

Ola, Tania! E ai, dois anos depois, continua estudando Vue? Vale a pena mesmo? É que estou começando agora (hoje kkk).

[@gfonsecaribeiro1]

e queimando um beck...

[@homejonny9326]

@@gfonsecaribeiro1 ouvindo Beck...

[@ShinEduKen]

VueJS pra mim é o que o Angular2 deveria ter tido como objetivo. E parabéns pelo vídeo.

[@thiprogramming]

Pensei da mesma forma mas acabei ficando decepcionado. O pessoal do angular tinha tudo nas mãos para continuar como um dos melhores framework MVVM JavaScript.

[@Jandrei365]

Muito bom, todos passos para fazer do simples ao completo rapidão, obrigado.

[@WanderleiSilvadoCarmo]

Meu amigo, você de forma simples e humilde passou muito bem o recado e mostrou como a simplicidade é importante... Parabéns pelo conteúdo e pela aula... Estou tentando me fixar em um framework frontend.... Eu já tinha desistido e me dicidido a usar o EcmaScript Puro... pois apesar de ter ótimos no mercado, todo começam bem enxutos e depois viram um elefante branco.. Vue me pareceu muito leve e faz o que se propõe a fazer de forma bem prática e intuitiva... Mais uma vez parabéns pela iniciativa.

[@pitter5990]

Show de bola o teu vídeo! Parabéns! Assisti inteiro e nem vi o tempo passar!

[@thiprogramming]

Até hoje eu me pergunto pq o pessoal do angular não seguiu os mesmos conceitos que o Vuejs tem hoje? Bom, agradeço por eles não terem seguido essa estratégia. Com isso, hoje eu posso usar Vuejs como meu MVVM padrão. Outra coisa, acho que o Evan, o criador do Vuejs, trabalhou no projeto do angular e meteor. Ele soube aproveitar as dificuldades desse frameworks e gerar uma biblioteca mais simples. Parabéns pela iniciativa!

[@RicardoLuizv]

Excelente vídeo, demonstração bem pratica.

[@johnatanmaciel4892]

que show eem!! webpack é o mais novo mesmo, e mais simples, porém tem gente que tem outras preferencias. ótimo Video =D

[@vitormelo22]

Excelente tutorial, obrigado. 25:32 - O que é isso que apareceu do lado esquerdo do vídeo?

[@FRANCISBarrimbhal]

Um gato.

[@RaiSiqueira]

Parabéns pelo vídeo. Espero mais vídeos sobre.

[@jhonatanleao5253]

Alguém sabe me dizer que plugin ele utiliza em 30:40 para destacar as linhas verticais?

[@gracielepillar845]

Tenho uma duvida com o v-model, estou fazendo uma pesquisa por ele dentro de um input, só que no banco há muitos dados e pesa bastante pra carregar esses dados, não teria como usar a mesma função de pesquisa do v-model em um botão?

[@waldenylson]

Muito bom o vídeo! Só uma dúvida, gostaria de saber como configurar o terminal pra ficar como o seu...

[@andrealmar04]

usa o tmux

[@LeonardoMarcelino]

Show! Gostei bastante do Vue!

[@trechosflixs]

Excelente, obrigado!

[@pgnt]

Valeu man, demais seu vídeo, simples e direto, obrigado! Vim parar nele fazendo q mesma triagem q vc fez (procurando alternativa pra escapar da putaria do Angular), confirmando q Vue caiu do céu!

Direto, sem curvas e amaciadas! Com exceção da velocidade - que driblei aumentando via play. :-D (re re). Muito bom, mesmo!!

[@carlosmarian]

Olá. Só uma dica, para que o vue-cli inicialize corretamente o projeto na versão 1 do VueJs deve ser usado o comando : vue init webpack-simple#1.0 Só com "vue init webpack-simple" ele acaba criando na versão 2 do VueJs. Até mais.

[@brusurf]

Parabens pelo video, muito bom!

[@rafaelpaz4620]

rapaz vc é o cara vlw por esse trabalho :)

[@IlIilLlIlILIliLIIiLIlI]

caramba cara, penso a mesma coisa que voce rs, parabens pelo video, esperando uma continuação

[@LuizFelipe-sm2xp]

por favor, continue fazendo vídeos

[@jonecir]

Nesse mesmo exemplo, aparece o seguinte warning: [Vue warn]: Property or method "$index" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in root instance)

[@rodrigo48202]

Eu resolvi tirando o $index da chamada removeTodo(), e o this.splice(index, 1) ficou this.list.splice(1)

[@jjcchh]

acabei de ler que $index foi removido no vue.js , como se faz agora ?, como foi explicado por Rodrigo Militao apaga todos os itens menos o item estático.

[@jjcchh]

resolvi, pra quem precisar, agora o indice tem que ser chamado explicitamente v-for="(item,index) in list" ai é so usar o index como no video

[@eduardoassis]

exato, ma nova versão vc deve utilizar a diretiva v-for e passar o item e a propriedade index. Você pode tbm utilizar o v-for em object. Ex.:

[@7daysinSunnyJune]

Muito bom o tutorial, valeu! Eu estou penando para aprender o Angular, mas o Vue parece bem mais simples....

[@thiprogramming]

Faça o seguinte, estude angular. Quando você mudar para o Vuejs, você vai ver que sua vida era bem difícil. É bom começar pelo angular para as pessoas perceberem como fácil é utilizar o Vuejs

[@7daysinSunnyJune]

valeu Thiago!

[@gessegoncalves6493]

Vue.js e muito bom, vejam o blog do vedoveli tem muita coisa boa

[@GustavoCardoso]

Tem muita experiência com back-end, porém no front-end meu conhecimento avançado restringe-se a jquery. Pq devo usar o vue em um projeto de sistema web? Quais são os ganhos? Eu desenvolvi uma biblioteca em jquery que carregada componentes e gerência rotas da minha aplicação híbrida (ela não faz reload, porém ela carrega partes de páginas via ajax) este modelo (arquitetura) está obsoleto? Se sim, pq?

[@thiprogramming]

Cara, não tem como não olhar para essas novas bibliotecas/frameworks javascript e não lembrar do jQuery. Com certeza foi ele que começou tudo isso e, até hoje, é um dos mais utilizados. A ideia do Vuejs é facilitar sua vida quando você precisa montar um front-end sem muitas dificuldades. Ele traz consigo o conceito de MVVM e trabalha no padrão de Framework Progressivo. Ele também pode ser utilizado para SPA ou não. Utiliza um sistema de componentes independente de jQuery mas é facilmente integrável. O sistema de eventos não precisa ser adicionado ao componente DOM, ele já vem embutido e bem definido utilizando atributos com v-on: ou @nomedoevento. O seu modelo de arquitetura não está obsoleto. É que com jQuery ele fica muito verboso. A depender do retorno da resposta AJAX, com um JSON, o Vuejs já sabe o que fazer sem eu precisar declarar novamente a ação a ser realizada em um determinado DOM. Tem muitas coisas legais no Vuejs. Recomendo acessar o Guide para conferir. Ah, outra coisa, já saiu a versão 2.0. Confira aqui para mais detalhes: medium.com/the-vue-point e aqui: vuejs.org/guide/#Ready-for-More Não sou um cara Expert no assunto. Por isso, peço que desconsidere algumas informações que o jQuery já tenha e eu achei que não tinha. No final, a melhor alternativa, é você tirar suas próprias conclusões testando o framework. Pegue um pequeno projeto que você tenha com jQuery e tente fazer utilizando o Vue. Abraço!!

[@GustavoCardoso]

Vlw

[@RodrigoSilva-mh4dk]

A grande verdade seria qual biblioteca adotar para o seu front SPA(MVVM), abandonei o angularjs a tempos e passei a utilizar durandaljs hoje estou aos poucos experimentando o vue.

[@GustavoCardoso]

DurandalJs???? Nunca ouvi falar. Mas, de qualquer forma obrigado. Esse meu post tem 32 semanas. Nem lembrava mais dele. Tô usa do o vuejs já.

[@RodrigoSilva-mh4dk]

Durandal é total SPA (durandaljs.com/) digamos que ele é o pai do aurelia.io/.

[@DjonatasTenfen]

pra variar, mtu bom

[@cronus663]

Muito bom o vídeo, obrigado :D

[@isaacvitor]

MASSA MASSA!!!!

[@andrem.7889]

Video rápido?! =)

[@gabrielaquino2583]

Se alguém tiver algum problema na hora de colocar o button dentro do todoItem sugiro que tente colocar o span e o button dentro de uma div pra ficar assim {{ item.text }} X

[@juscilan]

mto bom.

[@antonioteixeira1779]

Caraca parei de assistir ontem pq achei que meu celular tinha dado bug de audio denovo, em 15:45. Vim ver pelo PC agora e o bug era do video kkkk. Agora vejo tudo

[@angelorubin1977]

Parabéns pelo vídeo, mensagem subliminar é? kkkk don't use mong .....

[@rd.davino8175]

O vídeo parece ser legal. Pena que não posso aproveitar o tempo e ver no celular no caminho pro estágio...

[@itamarribeiro8865]

JSX me dá arrepio na espinha

[@nenabauer]

kkk, entrei agora aqui, vou fazer um vídeo rápido (1 hora de vídeo). Ohh man, vamos ver...

[@22dan13]

Na moral gostei do video, mas nao grava com a tv rolando la atras do video nao, me peguei distraido pra ver oque tava acontecendo la varias vezes kkkkkkkkkkkkkkkkkkkkkk abroco!!!

[@baraka.m.z.5085]

Menu vertical utilizando VUE: programacaoscriptsweb.blogspot.com/2018/10/tutorial-vue-menu-vertical.html

[@marceloluis195]

Opa tudo bem, vim fazer um video bem rapido. 1 hora depois: então foi isso, obrigado

[@pgnt]

dica: intellisense pra quem usa VS marketplace.visualstudio.com/items?itemName=MadsKristensen.VuejsPack-18329

[@kleitonbezerra3122]

Don't use mongoDB, kkkkkkkkkkkkkkk... serious

[@rafando]

O tutorial é ótimo, mas os deparas com Angular, chegam a ser irritantes de tão insistentes...