Curso gratuito Vue.js 3 INTRO #1 - Introdução

e Fala jovem está começando o curso tão esperada de ver os três senta aí porque essa série está Explosiva vem comigo o e cara você que me acompanha aí já bastante tempo sabe que todo o início do curso tem o que tem uma parte teórica e conceitual para você iniciar com essa ferramenta aqui com o pé direito e aqui não vai ser diferente isso aqui é muito importante não pula essa aula porque isso aqui é fundamental para você entrar no código né de cabeça sem nenhum tipo de dúvida tá certo mas antes de a gente

entrar na parte conceitual o cara deixa eu te mostrar o que a gente vai construir nesse curso para você ficar logo super empolgada Tá certo cara aqui a gente vai construir uma tudo lista coisa bem simples mais bem digamos assim cabuloso a enterro de código porque é muito conceito aqui dentro dessa tipo delícia você vai carregar e colocar no seu projeto Real em produção Tá certo e também essa belezura aqui feito com tela Win CCE SS acerto se você não é familiarizado com o tela o INSS não tem problema nenhum galera porque eu tenho curso

completam gratuito no YouTube falando sobre isso você pode ir lá né estudar e voltar aqui para esse curso e galera aqui eu te e já popular da Tá certo estudar viu DS esse eu da composition piai percebia que ele já está picada né já está finalizada Mas eu posso adicionar mais estudar java script eu posso adicionar mais tá certo estudar pega e quando eu vou adicionando baixa só apertar ainda no isso aí gente vai ver questão de eventos durante o curso você vai vir aqui o tipo ficou desativado E aí quando eu completar esta tarefa

eu venho aqui e faça o dia que dele e galera tudo isso aqui tá assistindo né utilizando o Jason Web Server é um servidor local para gente né simular uso da pele Ou seja você vai aprender a consumir ati utilizando viu três aqui no curso ela que maravilha E aí cara que também você tem um crud leque praticamente completo né aqui eu posso deletar Esse é o clica aqui eu posso atualizar Tá certo apertar entra e ele vai atualizar no bequinho seu atualizar aqui todas as minhas alterações estão sendo persistente já estão assistindo no back-end

está certo então a gente vai desenvolver essa maravilha aqui cara com todas as técnicas aí avançadas de ver essa inclusive o ex acerta a gente vai utilizar para desenvolver essa tio do lista aqui fantástica Beleza cara espera você pegasse empolgado chegar o final nesse curso não é completar essa essa tido lista aqui você está praticamente pronto para desenvolver já projetos mais complexos Tá certo E lembrando que todos os arquivos desse curso galera está aqui no Git HUB no meu 20 Humpty habbo.com/Tiago mais Web se você vir aí repositórios aqui deve ter já aqui curso gratuito

viu três Tá certo então já tenho todas as aulas aqui para você é só você alterar Aqui no Brasil é de acordo com a aula é feito então galera é isso daí outra coisa aqui eu queria falar na verdade já quero falar diretamente aqui na parte conceito E olha que esses slides ficaram Uma maravilha né Então galera para você que é novo vamos para tirar todo mundo o que é viu de esse né meu DS primeiramente a gente precisa se pronunciar ainda hoje 2022 Eu vejo gente falando contigo e viu e cara é viu é

como se fosse viu no inglês e no portuguesa É você viu você viu aquilo você viu o outro certo por favor vamos falar certo não é voei não é vôlei é viu Beleza então esse é o primeiro. Aí para você aprender a pronunciar ferramenta que você está utilizando de forma correta e cara nada mais nada menos o vídeo aí é se é um javscript progressivo de progressivo Eita e tô aqui em super empolgado que até estou errando a leitura de progressive e java script free morto agora sim porque isso cara primeiro que com verde essa

e você vai possibilitar instalar pequenos componentes o seu sistema antigo ou seja sistema legado você quer utilizar BTS ainda tá utilizando dinheiro para ir lá mas você não tem tempo para fazer aquele or Place né desenvolver o sistema inteiro para depois colocar no ar você pode desenvolver pedaço por pedaço páginas por páginas e implementar o PS essa é uma grande vontade é de utilizar verde é se comparados a comparada a outros termos relativos a certo e aí você também obviamente pode utilizar no seu sistema novo você deve utilizar da forma que eu vou ensinar aqui

durante o curso perfeito galera cara grande é se é uma estrutura acessível de Alto desempenho e versátil para construção de interfaces de usuário interface de usuário da web Ou seja no frigir dos ovos é o fêmur JavaScript para construir interfaces ou seja tudo aquilo que você ver bonitão na tela que você clica reativo clica aqui assim uma coisa lá abra modal fecha Olá tudo isso galera é o vídeo é esse que vai entrar em ação para gente desenvolver é feito galera nessa arquitetura muito conhecida na internet né que é o model-view-controller a arquitetura mvc o

rio dei é você vai entrar na camada viu galera tá certo porque ele trabalha com a interface então ele vai praticamente tomar conta da camada avião do seu sistema a cama da moda controle aí vai lá pelo bec injeção outras coisas outro tipo de curso tá certo o verde é se vai ser estritamente aqui para nossa camada viu de visualização é feito cara os principais conceitos aqui do essa ferramenta do vds você vai ter que colocar essa na sua cabeça que tudo é componente não vende essa você vai ver que a gente vai desenvolver aqui

várias componentes ou seja o topo de um habitat ao componente não é o artigo de um habitat é um componente você está desenvolvendo um dashboard o login um componente tudo a componente né no no mundo do vídeo é essa é feito e tudo Fala galera a gente vai ver só que durante o curso também porque se a gente criar um esquema de reatividade a gente alteram a variável aqui todo lugar que está sendo utilizado aquela variada também vou mais ser alterada ou seja tudo que você produz aqui ele é reproduzido não todo ecossistema do seu

do seu projeto Tá certo se você altera o valor de uma coisa essa coisa vai ser propagada aí por todos os todos os componentes do céu do seu projeto Então tudo no verde é se é reativo é feio e outro conceito super importante também é que o vídeo e essa galera é o que é super rápido mas é muito muito rápido mesmo Inclusive essa versão nova que tiveram várias melhorias de performance no PDS meu amigo a parada está super rápida principais características do galera para gente passar aqui rapidinho e não demora muito nessa aula introdutória

esse aqui ó essa aqui é uma característica importante cima Esse a gente vai ver em quase todas as aulas componente de arquivo único o Faial componente os componentes né no inglês Isso quer dizer o que galera quer dizer que a gente tem um bloco é primário de template de html a gente tem um bloco secundário que é um JavaScript que é o nosso escrito e a gente tem um bloco não é até ciario que é o nosso CSS Ou seja todos todos esses três blocos galera estarão dentro do mesmo arquivo Tá certo Por isso que

é componente de arquivo único porque tudo isso daí faz parte de um componente aí por exemplo você cria um componente de botão você pega essa componente coloca em outro projeto coloca em outra pasta coloca em qualquer outro lugar você está carregando tudo para você você está carregando todas as lógicas o HTML ou CSS está carregando tudo dentro desse componente e isso o vídeo é esse trouxe né com modernidade porque isso aí é uma coisa fantástica você não precisa ficar abrindo 100-sl JavaScript HTML as paradas todas separadas não é tudo no arquivo só o que facilita

a manutenção né EA visualização dos dados no dia a dia galera a gente tem aqui as nossas diretivas é que eu tirei essa a gente vai Executar tudo o que normalmente uma linguagem de programação né utiliza aqui são as condições né if else ever four e isso tudo faz parte de dinheiro ativos isso aqui a gente vai abordar no posto Beleza a gente vai aprender o conceito de bairro de né que a diretiva e verbais essa segunda aqui que você está vendo na tela a gente vai aprender o conceito de chuei dá trabalho não conceito

muito esse importante para você utilizar em formulários né para você utilizar em Campos de formulário para você atualizar aí a variável Não se preocupe que a gente vai entrar em detalhe tudo isso daqui tranquilamente a gente vai ver a ventos galera a gente fazer o morte e se cumprir a gente vai ter muita coisa aqui nesse curso só mais de 30 aulas Tá certo show de bola Então quais são as dependências galera que você você aí precisa ter para começar né A a assistir essa curso de forma confortável você precisa ter pelo menos um já

biscoitos intermediário galera você precisa saber né O que é variável que é constante O que é o que é um objeto que é uma rede manipulação diarreia né o Array map Array Filter pop aquelas coisas básicas do básicas e intermediárias do JavaScript você precisa até né e isso já Prontinho aí na sua mala de habilidades perfeito e obviamente HTML CSS galera porque isso daqui é quase impossível você mexer com projetos web hoje em dia sem saber HTML CSS então esses três itens aqui são as suas dependências pessoais para você tirar proveito desse curso aqui 100%

é feito o ecossistema do verde essa galera muito interessante ao sistema a gente vai utiliza aqui esse aplicativo aqui para instalar no seu navegador no Google Chrome que houve o débito Isso serve para a gente fazer de lugage dos Ossos componentes então aqui você vê que a gente tem um componente aqui em todas as propriedades deles todo tudo o que acontece dentro do componente a gente vai ver via a esse plugin aqui do Chrome que é o viu débitos muito legal muito show de bola muito útil a gente vai utilizar galera o viu se ele

quer para criar os nossos projetos sempre odiei esse já com bola de leite nós já com um template de estrutura interessante para jogar o projeto e produção Beleza a gente vai abordar isso daqui viu você ali e a gente aqui também vai abordar o que ouvir o alto aqui a parte de roteamento do verde essa galera para você clica no botão abrir outra página voltar ou seja fazer toda aquela navegação do nosso projeto é feito então veio alto a gente também vai abordar e faz parte aí do ecossistema do meu Dias ver o ex galera

um gerenciador de estado Global aí do do do vds né oficialmente ouvir o ex é oficial do vídeo e se a gente vai abordar também eu vou passar um overview né uma visão geral para vocês aqui muito bacana sobre o ex E você vai ficar à espera inclusive o projetinho que a gente colocou lá no blog isso que eu mostrei lá Nunes está feito o tio essa beleza então muita coisa bacana para acontecer nesse curso o viu server renda também faz parte do ecossistema isso daqui eu não vou abordar no curso porque isso aqui é

uma parte bem avançado esse curso é mais para atingir a parte introdutória do verde essa tá certo mas isso aqui é interessante saber porque faz parte do ecossistema do Rio DS beleza e galera se você quiser dar superpoderes ao Rio de S você precisa utilizar algumas ferramentas como por exemplo Onix GS que é o Framework to view the essa ou seja o Framework do fêmur que é muito engraçado isso o nessa galera ele te dá já um pacote para um tio né super poderoso para você montar um projeto aí super super top de qualidade não

é pensam nem performa sem pensando em estratégia de autenticação pensando em várias coisas interessantes onde é que você já traz para gente você poderia fazer tudo isso na mão a inclusive utilizando o template do Bills ele que a gente viu agora a pouco só que isso seria muito gostoso para você tá certo então para que você ia arrebentar a roda é só utilizar o não quis que o né que você vai lhe dar muita coisa bacana inclusive galera eu também tenho um curso de DJ s quando você finalizar esse coisa aqui vai direto para o

curso de inox que você vai ficar impressionado meu jovem beleza e outra ferramenta para você dar superpoderes o vídeo e esse é o quadro tá certo se você tiver desenvolvendo uma aplicação que seja web mobile desktop ao mesmo tempo a mesma aplicação com as a Talvez seja a melhor opção para você porque ele já compila né o seu código apenas um código que você vai desenvolver e ele já vai cumprir lá para ueb para desktop para mobile enfim tá certo então é uma parada também muito sinistro é muito top eu infelizmente ainda não desenvolvi nenhum

curso de causar mas quem sabe no futuro próximo beleza galera é isso então é isso né Então bora para o jovem porque tem muita coisa para acontecer nesse curso na próxima aula a gente vai fazer a instalação do vídeo e espero que essa introdução ter ficado o cara se você ainda tem dúvida de alguma coisa do verde essa que que não se um cachorro aqui durante a sala por favor deixa aqui embaixo nos comentários porque eu vou te responder pessoalmente tá certo de outro modo galera eu te vejo no Instagram se você quiser mandar uma

mensagem no privado ou aí na segunda aula do nosso curso porque eu já estou ansiosíssima espero que você também te vejo lá forte abraço e fui um [Música] E aí [Música]