วีดีโอ

Opa!!! Obrigado João. Trabalho é isso aí meu amigo, mas fico feliz que esteja firme e forte nos projetos. Bons estudos por aí, tenho certeza que vai dar conta do recado. Tenha um ótimo final de semana, abraços.

Obrigado Felipe, fico contente em saber que os conteúdos foram úteis. Em breve trarei novos conteúdos de Vue 😃 Convido a se tornar membro para aprender mais sobre o Vue, além de obter o certificado deste treinamento, o investimento é de R$7,90 por mês (cancele a qualquer momento). Se precisar de algo, fico à disposição. Abraços.

Oi @Alex-Bibiano, muito obrigado pelo comentário e por acompanhar o treinamento de Orientação a Objetos com C#. Fico contente em saber que gostou do conteúdo, estou com uma playlist nova desse assunto. Fique à vontade para acompanhar as atualizações do C#, tem muita dica bacana, Se precisar de algo, fico à disposição. Espero poder revê-lo em outros treinamentos. Abraço.

Oi @cferreira33, nunca ouvi falar do framework Ts.ED. Fiz uma pesquisa e não encontrei muitos materiais. Dei uma olhada na documentação oficial, está muito bem escrita, acho que vale a pena estudar por lá. Infelizmente não encontrei nenhum material extra, vi uma aula ensinando conceitos básicos (mesmo exemplo da documentação) e também alguns artigos explicando sobre o framework, mas nada muito elaborado. Gostei da estrutura dele, realmente interessante para criar APIs. Foque na documentação oficial que não tem erro ;) Se precisar de mais alguma coisa, fico à disposição. Bons estudos.

@@RalfLima Opa, obrigado

Oi @AsmiroDouglas, tudo ótimo e com você? Muito obrigado pelo comentário e por acompanhar o treinamento. Esse problema geralmente ocorre devido o banco MySQL não estar em funcionamento, existem algumas maneiras de efetuarmos sua ativação, tente essa: 1° Abra o executar do Windows (Windows + R). 2° Digite: services.msc 3° Procure por MySQL. 4° Clique com o botão na opção MySQL e clique em Start ou Iniciar. 5° Verifique no Visual Studio Code se a conexão foi realizada (Onde é exibido o nome da conexao, clique no botão atualizar ou refresh). Se o problema persistir, me avise que tentamos outras maneiras. Espero que funcione, se precisar de mais alguma coisa, fico à disposição. Abraço 😃

Oi Fabio, muito obrigado pelo comentário e por acompanhar o treinamento. Correto o Vite é padrão do Vue desde a versão 3, nas versões anteriores era o Bundler. Abraço.

@@RalfLima Obrigado amigo. Vou assistir o curso até o final. Estou focando no VueJs pelo fato dele ser "Laravel Friendly", procede? desde já grato pela resposta

Fico contente em poder contribuir @fabiocorreagomes. Vue.js e Laravel é uma combinação fantástica! Realmente um complementa o outro. Podemos utilizar o Angular e o React com o Laravel também, mas o Vue acho que combina mais. Tem boa performance, sintaxe bem enxuta e os desenvolvedores PHP geralmente preferem o Vue pela curva de aprendizagem considerada baixa. Podemos considerar realmente que seja Laravel Friendly, futuramente quero trazer um treinamento de Vue e Laravel, alguns inscritos já me pediram. Qualquer auxílio nos estudos de Vue.js ou Laravel, fico à disposição. Bons estudos e muito sucesso, abraço.

@@RalfLima Gratidão pela resposta, amigo. Desejo todo sucesso para seu canal. Fique com Deus

Obrigado Claudio 😃

Oi Claudio, eu que te agradeço pelo comentário e tbm por se tornar membro do canal. Não se esqueça de entrar em contato para obter o certificado do treinamento: membros@ralflima.com 😉 Se precisar de algo, fico à disposição. Abraços.

Oi @nicollasviana12, muito obrigado pelo comentário e por acompanhar o treinamento. Fico contente que gostou do curso, em breve trarei mais conteúdos de Spring. Se precisar de algo, fico à disposição, abraço.

Oi Claudio, tenho certeza de que irá conseguir. Conta comigo para auxiliar nos estudos, darei todo o suporte necessário. Abraço.

Oi Gustavo, Resposta bem complexa, mas vou tentar resumir ao máximo para você aqui ;) 1º A última versão do Angular é a 18 (a versão 17 e 18 segue o mesmo padrão, então tudo que ensino nas aulas se aplica na versão mais atual do framework). 2º Sobre componentes standalones, por padrão a partir da versão 17 todos os componentes são standadlone. Lembrando que a ideia do Standalone é não termos um arquivo centralizando suas funcionalidades e importações (até a versão 16 tínhamos o NgModule que fazia essa centralização). Todo o meu treinamento de Angular 17 utiliza o conceito de Standalone. 3º UI Material, provavelmente você está se referindo ao Angular Material UI, ensino sobre ele nas aulas exclusivas para membros (aula de número 58). 4º Para trabalhar com requisições, vc precisa implementar o uso do comando provideHttpClient, ensino também essa parte no conteúdo exclusivo para membros. Inclusive, nas aulas exclusivas para os membros, crio uma API falsa em Node para trabalhar com funcionalidades básicas como: cadastros, seleções, alterações e exclusões, exatamente o que você vai utilizar em seu projeto. Você poderia desenvolver incialmente utilizando a API falsa e depois criar uma API em Spring e PostgreSQL para realizar o consumo. Para o back-end, você pode dar uma olhada no meu treinamento: Criando APIs com Spring Boot. Lá eu ensino tudo o que precisa para criar essa API, a única diferença é que eu utilizo o banco MySQL, mas você pode trocar o driver de conexão, o restante continua o mesmo. Tenho certeza de que se você acompanhar as aulas exclusivas para membros do canal, vai te dar uma boa ajuda. O consumo de APIs via Angular ensino entre as aulas 42 até 57. Você pode se tornar membro por apenas R$7,99 por mês (cancele a qualquer momento), link: th-cam.com/users/ralflimajoin ou clique no botão "Seja membro" que está abaixo dos vídeos. Espero ter contribuído, se precisar de mais alguma coisa, fico à disposição. Bom projeto, abraço.

@@RalfLima sera que nao da pra fazer igual a Este curso so mudando o banco para o postgres?

Sim, dá pra fazer Gustavo ;)

@@RalfLima mas ai eu teria que mudar pro angular material ne?

1° Criar o projeto Angular. 2° Configurar o Angular Material. 3° Criar sua estrutura de componentes, onde vc irá ter elementos como: formulários, tabelas, alertas, etc... 4° Integrar com a API, utilizando o módulo http do Angular.

Thanks Webster 😉

Oi @nandomoreira9627, obrigado pelo comentário e por acompanhar o treinamento de Vue.js 😁 Na verdade a maneira que estou utilizando é a correta, extraí da própria documentação do Vue 😉 A variável que você está se referindo foi utilizada no v-for, por isso não preciso utilizá-la entre as chaves. Cada vez que o laço é executado, a minha variável nome irá conter o valor do vetor nomes em uma determinada posição, fazendo com que não seja necessário referenciar o vetor de nomes, apenas a variável nome. Outro exemplo: let pessoas = [ {nome:"Alice", idade:22}, {nome:"Joâo", idade:30} ] <ul> <li v-for(let p in pessoas)> {{ p.nome }} - {{ p.idade }} </li> </ul> Se você estivesse utilizando JavaScript puro, realmente teria que referenciar seu vetor de nomes (let nomes = [...]), mas quando utilizamos tecnologias como: Vue, React e Angular, temos estruturas que facilitam a manipulação de dados, no caso do Vue o v-for é uma delas. Espero ter contribuído, se precisar de mais alguma coisa, fico à disposição. Bons estudos, abraços.

@@RalfLima obrigado pelo esclarecimento e por sanar minha dúvida. Grande abraço!

Oi @nandomoreira9627, obrigado pelo retorno. Fico contente que a explicação foi útil. Se precisar de mais alguma coisa, fico à disposição. Tenha um excelente final de semana, abraço ;)

Opa! Estamos aí João, obrigado pelo comentário. Tenha um excelente final de semana, abraços.

Muito obrigado, fico contente em ler seu comentário. Em breve farei uma atualização deste treinamento 😁 Se precisar se algo, fico à disposição. Tenha uma ótima sexta-feira, abraços.

Olá Elisafá, muito obrigado pelo comentário, fico contente que esteja gostando dos conteúdos. Excelente pergunta, o ideal é dividir entre componentes. Ensino sobre essa boa prática a partir da aula de número 59. Precisamos utilizar os comandos @input e @output para criarmos comunicações entre componentes. @input -> Disponibilizar funções, variáveis e constantes para outro componente. Geralmente o uso do @input é chamado de "estrutura de compartilhamento pai - filho", onde o componente pai disponibiliza alguma estrutura para o componente filho. @output -> Quando um componente está utilizando uma função, variável ou constate de outro componente e deseja comunicar o seu uso/modificação, é necessário utilizar o @output, assim o componente pai fica ciente do uso ou modificação. A partir da aula 59 vamos abordar sobre o assunto, se você precisar de qualquer suporte para reestruturar algum projeto ou precisar de mais exemplos, fico à total disposição. Espero ter contribuído, se precisar de mais alguma coisa, fico à disposição. Bons estudos ;)

Oi Lucas, muito obrigado! Fico contente que esteja acompanhando o curso de APIs com Spring Boot. Se precisar de qualquer auxílio, fico à disposição. Obrigado pela parceria, cada compartilhamento me ajuda demais. Quero que o canal auxilie o máximo possível aqueles que tem interesse em aprender sobre diversas tecnologias, sua contribuição é muito importante. Bons estudos, abraços.

Oi Lucas, muito obrigado pelo comentário! Fico contente em receber um retorno tão positivo. Agradeço também pela sugestão do treinamento de PL/SQL Oracle, já está na minha lista e em breve teremos novidades sobre isso. Se precisar de algo, estou à disposição. Espero revê-lo em outros treinamentos. Um abraço!

Opa!!! Saudações João, agradeço pelo comentário meu amigo. Abraço ;)

Oi Elisafá, muito obrigado pelo comentário e por acompanhar o treinamento de Angular 17, fico contente em saber que esteja gostando do conteúdos. Agradeço pelo interesse em assinar o canal. Se precisar de algo, fico à disposição. Bons estudos e muito sucesso, abraço.

Oi Denis, muito obrigado meu amigo. Hahahaha olha a treta hein Denis 😆 Abraços.

Opa!!! Valeu João, muito bom ter sua parceria meu amigo. Tenha uma ótima semana, abraços.

Oi @odustty, boa pergunta. O acesso é através da herança, o polimorfismo ocorre quando um método é sobrescrito 😉 Basicamente estão interligados, já que estamos utilizando duas classes. Espero ter contribuído, se precisar de mais alguma coisa, fico à disposição. Hoje dia 02 a partir das 19:00, estará disponível a primeira aula do novo treinamento de Orientação a Objetos com C#, convido você a assistir. Bons estudos e muito sucesso, abraço.

Muito obrigado @anykrzy9870. Se precisar de auxílio nos estudos, fico à disposição 😉

Oi Henrike, muito obrigado pelo comentário e por realizar o curso de Orientação a Objetos com C#. Fico contente em saber que o conteúdo foi útil. Se precisar de algo, fico à disposição. Espero poder revê-lo em outros treinamentos, abraços.

Oi @CapaDoBatmam, muito obrigado pelo comentário e por acompanhar o treinamento. Fico contente em contribuir nos estudos, se precisar de qualquer auxílio, fico à disposição. Segunda-feira irei disponibilizar o novo treinamento de orientação a objetos com C# utilizando o .NET 8, convido você a participar, está muito bacana. Bons estudos e muito sucesso, abraços.

Olá 😁 Que estranho, estou com a versão 18 do Angular e a pasta foi criada normalmente. Vc pode criar manualmente a pasta, lembre-se que a pasta assets precisa ser criada dentro da pasta src. Se tiver qualquer problema, pode me enviar um e-mail com acesso ao projeto para realizar uma análise: contato@ralflima.com 😁 Se precisar de mais alguma coisa, fico à disposição. Bons estudos.

Oi Acemar, que comentário sensacional! Fiquei muito feliz em poder ler sua mensagem, me incentiva muito a continuar produzindo conteúdos para o canal. É gratificante poder saber que o conteúdo foi útil, conte comigo se precisar de qualquer auxílio nos estudos. Segunda-feira dia 02/09 estará disponível o treinamento de Orientação a Objetos com C# atualizado, utilizando a versão 8 do .NET, convido você a acompanhar este novo curso. Acemar, obrigado por cada palavra. Sou muito grato por conhecer pessoas que nem você, ter meu trabalho reconhecido é algo incrível. Que Deus o abençoe, desejo muito sucesso Acemar. Abraços.

Oi João, te agradeço meu amigo. Seus comentários e likes já me ajudam demais. Te desejo muito sucesso nos projetos, que seja muito próspero. Segunda-feira começa o curso de Orientação a Objetos com C#, está bem legal tbm ;) Se precisar de algo, é só chamar. Abraços.

Oi @ramondev1, que estranho. O TH-cam indica para que esse tipo de problema seja reportado através destes links: support.google.com/youtube/contact/commerce_chat support.google.com/youtube/contact/c2c_commerce_contact Espero que consiga resolver este problema, infelizmente é uma falha do próprio TH-cam. Tomara que o suporte consiga te ajudar. Se precisar de mais alguma coisa, fico à disposição. Abraço.

Obrigado pela contribuição @comojogarnajungle462, dica muito boa. Se tiver qualquer problema, fico à disposição para auxiliar nos estudos ;)

Oi Victor, eu que te agradeço pelo comentário e por realizar este comentário. Essa parte é confusa, mas vamos dar um jeito ;) Vamos supor que tenha a seguinte lista: 1 - Ralf 4 - Jéssica 7 - Ana 9 - Ricardo Vamos alterar a Jéssica para Carla, enviamos o novo nome para a API e temos como retorno um novo objeto. Agora preciso modificar o vetor do Angular, para que a tabela seja atualizada, para isso tenho essa etapa "obter posição do vetor". No caso eu sei que a Jéssica foi modificada e sei qual é o código da Jéssica, mas não sei em qual posição do vetor ela se encontra. Por isso há esse método, utilizando o findIndex teremos a posição que se encontra a pessoa com aquele determinado código, fazendo com que nossa tabela fique: 1 - Ralf 4 - Carla 7 - Ana 9 - Ricardo Existem outras maneiras de realizarmos esse tipo de modificação no vetor, mas essa é uma opção muito utilizada em projetos reais, além de ter uma estrutura bem amigável. Espero que essa explicação tenha auxiliado. Se precisar de mais alguma coisa, fico à disposição. Abraço.

@@RalfLima Ahhh siim, caramba muito bom!! Ficou mais claro, entendi agora. Obrigadão!! Você nos ajuda muito!!

Oi João, obrigado pelo comentário :) Vou te contar que nem pensei em ensinar o Jagged Array, mas é interessante aplicar seu uso em treinamentos futuros. Obrigado pela sugestão, abraço.

Oi Lucas, muito obrigado. Se precisar de qualquer auxílio, fico à disposição. Bons estudos, abraços.

Oi Thiago, vamos dar um jeito. Me envia seu projeto para análise por favor. Pode deixar no GitHub ou Google Drive e enviar o link para: contato@ralflima.com 😃 Fico no aguardo.

Oi Marcos, ótima pergunta. Sim, o defineProps é uma palavra reservada do Vue. Por padrão no Vue a partir da versão 3 é só assim, em versões anteriores muda um pouco 😉 Se precisar de mais alguma informação, fico à disposição. Bons estudos, abraço.

Oi Marcos, muito obrigado. Ajuda demais comentando, se precisar de algo, fico à disposição. Abraço.

Oi Everaldo, muito obrigado pelo comentário e por acompanhar o treinamento de Spring Boot e Angular. Se precisar de qualquer auxílio, fico à disposição. Bons estudos.

Oi Everaldo, muito obrigado. Fico contente que esteja gostando do treinamento. Se precisar de algo, fico à disposição. Bons estudos, abraço!