Programando Soluções
Programando Soluções
  • Видео 104
  • Просмотров 209 646
06 - Exemplo prático utilizando Classes Javascript
Neste vídeo eu vou mostrar na prática as classes do Javascript.
Para compilar todos os conceitos que mostrei, vou criar a simulação de um sistema de banco, onde a gente vai ter uma classe de Conta, e uma classe de Conta Poupança.
Além de ter uma classe para métodos utilitários.
✅ Tempos do vídeo ✅
00:00 - Introdução
00:30 - Criação da classe Conta
01:00 - Criação da classe ContaPoupanca
01:46 - Função de saque
03:57 - Utilizando a classe ContaPoupança
06:04 - Função de registrar extrato
09:12 - Função utilitária para obter a data
11:44 - Função de depósito
🔗 Links 🔗
📂 Repositório do projeto
📌 github.com/VitorCeron/classes-javascript
📋 Formulário de avaliação
📌 forms.gle/ufjhqgsYBNLrFoPN7
#javascript
Просмотров: 722

Видео

05 - Static Javascript
Просмотров 460Год назад
Neste vídeo vou mostrar sobre a palavra reservada static do Javascript. É uma palavra reservada que pode ser utilizado em variáveis e métodos. E ela indica que é um atributo ou método estático, indicando que pode ser utilizando independente da instância da classe. ✅ Tempos do vídeo ✅ 00:00 - Apresentação 00:18 - O que é 00:29 - Quando usar 00:38 - Como utilizar 01:11 - Exemplo prático 🔗 Links 🔗...
04 - Atributos e métodos privados Classe Javascript
Просмотров 926Год назад
Neste vídeo vou falar sobre atributos e métodos privados de uma classe no Javascript. Os atributos e métodos privados de uma classe, são uma forma de não expor parte de uma classe para quem estiver acessando ela. Imagine que você tem um valor importante para a sua lógica, para evitar problemas de troca de valor, é possível deixar como privado somente para a classe ter acesso. ✅ Tempos do vídeo ...
03 - Herança no Javascript
Просмотров 674Год назад
Neste vídeo vou falar o que é herança no Javascript, quando utilizar, quando não utilizar e também como utilizar, na teoria e na prática. A herança possibilita que uma classe obtenha atributos e métodos de outra classe. Uma classe filha poderá pegar todos os comportamentos da classe pai, com isso, os métodos em comum podem ficar centralizados em uma classe. ✅ Tempos do vídeo ✅ 00:00 - Apresenta...
02 - Getter e setter no Javascript
Просмотров 1,1 тыс.Год назад
Neste vídeo vou falar o que são os getters e os setters do Javascript, como e quando utilizar. Eles são métodos que servem para obter ou adicionar valor em um atributo de uma classe. Há casos mais específicos para utilizar os getters e setters, por exemplo quando é necessário adicionar uma lógica antes de obter um dado, ou fazer uma validação antes de definir um valor. ✅ Tempos do vídeo ✅ 00:00...
01 - Introdução as classes no Javascript
Просмотров 1,8 тыс.Год назад
Neste curso vou mostrar sobre as classes do Javascript, vou abordar alguns conceitos como herança, getters e setters, static, atributos e métodos privados e entre outros. Para o primeiro vídeo vou dar uma introdução sobre como as classes do Javascript funcionam. As classes são templates para a criação de objetos, podendo utilizar para manter uma mesma estrutura para diversos objetos. Cada class...
11 - Como fazer modal com Laravel e Bootstrap
Просмотров 1,2 тыс.Год назад
Neste vídeo mostro como fazer o modal de contato com o Laravel e Bootstrap. O modal será colocado dentro da estrutura de repetição, e exibirá os dados relacionados a cada registro. Dessa forma ele vai ficar dinâmico e mostrando as informações desejadas. ✅ Tempos do vídeo ✅ 00:00 - Apresentação 00:12 - Abertura do modal no botão 00:57 - Criação do modal 🔗 Links 🔗 📂 Repositório do projeto 📌 githu...
10 - Tela inicial de forma dinâmica
Просмотров 93Год назад
Neste vídeo mostro como fazer o funcionamento da tela mostrada para o usuário final. Primeiramente para a listagem, será feito parecido com a home, fazendo a busca por todos os dados do banco e utilizando uma estrutura de repetição para percorrer todos os registros a serem exibidos. E o filtro além de ter o filtro simples, também terá um filtro customizado, para os campos do tipo range ✅ Tempos...
09 - Como fazer edição e exclusão com o Laravel
Просмотров 244Год назад
Neste vídeo mostro como fazer a edição e exclusão de um registro utilizando Laravel. Para o editar, primeiramente é feito a função para o botão redirecionar a tela de formulário e carregando os dados do veículo selecionado, e depois disso é feito a função para receber os dados do formulário e efetivar a edição do registro. E para o excluir, é feito um formulário de exclusão, que manda o método ...
08 - Funcionamento da tela da home
Просмотров 117Год назад
Neste vídeo mostro como criar a tela da home de forma dinâmica e também os filtros. Para os filtros utilizo a biblioteca spatie query builder, que ela ajuda a construir consultas e adicionar filtros no Laravel. E para a tela dinâmica, busco as informações dos veículos cadastrados no banco de dados, mando esses dados para a tela, e crio uma estrutura de repetição para exibir todos os registros. ...
07 - Como fazer upload de arquivos com o Laravel
Просмотров 593Год назад
Neste vídeo mostro como fazer o upload de imagens com o Laravel. É possível fazer o upload de arquivos com o Laravel de forma simples. O Laravel já recebe o campo do tipo file como um arquivo, e com isso é preciso mover esse arquivo ao diretório public e salvar o nome do arquivo. É possível também editar o nome do arquivo para que não seja sobrescrito. ✅ Tempos do vídeo ✅ 00:00 - Apresentação 0...
06 - Repository pattern com o Laravel
Просмотров 370Год назад
Neste vídeo mostro como realizar a criação do Repository com o Laravel. O repository é uma camada de acesso a banco de dados, então é possível centralizar todas as operações de banco. Na prática será criado um arquivo que conterão todos os métodos relacionados a banco de dados. ✅ Tempos do vídeo ✅ 00:00 - Apresentação 00:10 - Introdução ao repository 00:40 - Criação do repository 03:49 - Utiliz...
05 - Como criar migration e model no Laravel
Просмотров 149Год назад
Neste vídeo mostro como criar uma estrutura inicial de backend com o Laravel. E para isso é necessário a criação da migration, model, controller e request. Essa estrutura é a base do Laravel para qualquer aplicação. ✅ Tempos do vídeo ✅ 00:00 - Apresentação 00:11 - Criação da migration 04:01 - Criação da model 05:27 - Adicionando método de salvar no controller 07:58 - Criação do request 🔗 Links ...
04 - Como criar um formulário com Laravel e Bootstrap
Просмотров 318Год назад
Neste vídeo vou mostrar como fazer o formulário de cadastro dos veículos. O formulário será criado utilizando o Bootstrap, e nele vai conter todos os campos necessários para a criação do registro. Nesse primeiro momento será implementado o frontend, para depois ser adicionado o funcionamento. Também será implementado o menu de para que o usuário possa navegar entre as telas, os links serão exib...
03 - Criação da tela do administrador com o Laravel
Просмотров 245Год назад
Neste vídeo vou mostrar como criar a tela de listagem do administrador, onde terá a lista e os filtros. Nessa tela o usuário admin poderá manter os registros, podendo inserir, excluir e editar. Da mesma forma do vídeo anterior, primeiramente será criado as telas, para depois criar o funcionamento. ✅ Tempos do vídeo 00:00 - Apresentação 00:16 - Inicio da tela 01:20 - Criar filtro horizontal 07:3...
02 - Criar uma tela de listagem e filtros com o Laravel
Просмотров 455Год назад
02 - Criar uma tela de listagem e filtros com o Laravel
01 - Como criar projeto e criar autenticação com o Laravel
Просмотров 376Год назад
01 - Como criar projeto e criar autenticação com o Laravel
Como fazer um formulário parecido com o do Nubank com HTML e CSS
Просмотров 379Год назад
Como fazer um formulário parecido com o do Nubank com HTML e CSS
Como validar dados de request API Laravel
Просмотров 394Год назад
Como validar dados de request API Laravel
Como usar Destructuring do Javascript
Просмотров 190Год назад
Como usar Destructuring do Javascript
O que é border radius do CSS
Просмотров 147Год назад
O que é border radius do CSS
Como funciona API Fetch Javascript
Просмотров 2,2 тыс.Год назад
Como funciona API Fetch Javascript
O que são e como usar props no Vue 3
Просмотров 1,1 тыс.2 года назад
O que são e como usar props no Vue 3
O que é a função Setup do Vue 3
Просмотров 1,7 тыс.2 года назад
O que é a função Setup do Vue 3
Como criar projeto Vue3
Просмотров 1,2 тыс.2 года назад
Como criar projeto Vue3
Como fazer um encurtador de Link com HTML + CSS + Javascript - Parte 2
Просмотров 3,7 тыс.2 года назад
Como fazer um encurtador de Link com HTML CSS Javascript - Parte 2
Como fazer um encurtador de Link com HTML + CSS + Javascript - Parte 1
Просмотров 2,4 тыс.2 года назад
Como fazer um encurtador de Link com HTML CSS Javascript - Parte 1
Tags Semânticas do HTML5
Просмотров 8 тыс.2 года назад
Tags Semânticas do HTML5
Cadastro e autenticação de usuário - ToDo List parte 9
Просмотров 2,8 тыс.2 года назад
Cadastro e autenticação de usuário - ToDo List parte 9
Tela de login com VueJS - ToDo List parte 8
Просмотров 8 тыс.3 года назад
Tela de login com VueJS - ToDo List parte 8

Комментарии

  • @RodrigoX3
    @RodrigoX3 10 дней назад

    Como faço para tipo clicar em uma chave pix e automaticamente ja copiar a chave ? Tem como fazer no celular?

  • @edivaniamoura8384
    @edivaniamoura8384 11 дней назад

    Mais uma escrita ! Obrigada ajudou demais !!!

  • @joelsoncardozo5063
    @joelsoncardozo5063 19 дней назад

    Muito boa a aula! Obrigado por compartilhar o conhecimento.

  • @gabrielsantos-nd5wb
    @gabrielsantos-nd5wb 23 дня назад

    Parabéns pelo conteúdo, muito instrutivo, tomara que tenha continuado com o excelente trabalho

  • @avraaura
    @avraaura 27 дней назад

    obrigado!!

  • @gabrielneves1456
    @gabrielneves1456 Месяц назад

    Como eu poderia fazer o deploy desse projeto fazendo também o do json-server separadamente sem que de problema?

  • @andersonsabinnopinheiro9954
    @andersonsabinnopinheiro9954 Месяц назад

    Que aula! Parabéns! :)

  • @ShivaAquiEstamos
    @ShivaAquiEstamos Месяц назад

    para saber quantos anos se passou?

  • @eduardopraciano4143
    @eduardopraciano4143 Месяц назад

    fica a dica para vc aumentar e muito o zoom para visualização, pra notebook é dificil te acompanhar, pra celular deve ser impossivel. Dica pros próximos videos.

  • @diegolacerda6886
    @diegolacerda6886 Месяц назад

    Qual atalho você utiliza para comentar mais de uma linha?

  • @mirkogyn
    @mirkogyn Месяц назад

    Escelente adorei só consegui entender de vez aqui na sua playlist muito obrigado. Dificil achar quem explica assim tao claramente, o por que , quando usar, quando nao usar.

  • @mntdev
    @mntdev 2 месяца назад

    O Laravel já no 11. :D

  • @LuizPaulo-fc2jb
    @LuizPaulo-fc2jb 2 месяца назад

    Obrigado

  • @PHENRIQUE-su3hk
    @PHENRIQUE-su3hk 2 месяца назад

    aula braba!!, otima didatica

  • @jenniferhelen293
    @jenniferhelen293 2 месяца назад

    Ótimo curso, Vitor!

  • @indianojr2934
    @indianojr2934 2 месяца назад

    Parabéns mano! Fez eu entender ainda mais sobre as tags semânticas, ganhou um inscrito, vou ver todos seus vídeos. Obrigado.

  • @Matheuscantanhede-k6g
    @Matheuscantanhede-k6g 2 месяца назад

    irmão você é foda, me salvou demais

  • @nycolasgoldenboy6172
    @nycolasgoldenboy6172 3 месяца назад

    Acabei de iniciar esse curso, gostei muito da aula, espero ver mais aulas recentes de laravel no seu canal, + 1 inscrito ;)

  • @Carlos67Gomes
    @Carlos67Gomes 3 месяца назад

    Como pegar somente o primeiro nome, exemplo: [ Maria Aparecida ] e eu quero somente [ Maria ] qual seria a forma?

  • @gajardo_x
    @gajardo_x 3 месяца назад

    explicação muito boa, parabéns

  • @nicolasdiderotfontenelebea2264
    @nicolasdiderotfontenelebea2264 4 месяца назад

    Aula ótima, estava com dificuldade em entender herança

  • @LuanaForte
    @LuanaForte 4 месяца назад

    quem não tiver conseguindo usar o atalho pra comentar, pode tentar também Ctrl + ;

  • @rodrigopavao3072
    @rodrigopavao3072 4 месяца назад

    Parabéns Pela aula. Uma dúvida: O `super.andar()` poderia ser trocado por `this.andar()`? Neste caso quando usar um ou usar o outro?

  • @joaovieira7806
    @joaovieira7806 4 месяца назад

    Nunca tinha entendido esse assunto quando estava estudando JS, tive que estudar Java antes para entender isso melhor

  • @venancioalberice1668
    @venancioalberice1668 5 месяцев назад

    Nossa, bem melhor q com xmlhttpresquest(), tive que fazer uma função para facilitar o uso e demorei mo tempo pra aprender

  • @Haazorks
    @Haazorks 5 месяцев назад

    vlw mano exatamente oq eu tava buscando

  • @igormonteiro9444
    @igormonteiro9444 5 месяцев назад

    Ensina muito bem!

  • @pedropaulo1445
    @pedropaulo1445 5 месяцев назад

    Show de bola!

  • @smk07.
    @smk07. 5 месяцев назад

    Bahh, me ajudou demais, muito obrigado mesmo. Me fez abrir a mente! Mais um inscrito

  • @ygoroliveira1910
    @ygoroliveira1910 5 месяцев назад

    Muito bom, me salvou irmão, tu explica bem demais. Agradeço de coração

  • @light-015
    @light-015 5 месяцев назад

    Que vídeo top!

  • @fabriciosantuchi6424
    @fabriciosantuchi6424 6 месяцев назад

    Muito obg, estava mó dúvida sem saber pra que usar muito obg 🎉

  • @joaocarlosgoulart6308
    @joaocarlosgoulart6308 6 месяцев назад

    aula topzera, mas no final deu erro pq tu colocou calcular imposto como uma funcao, sendo que era pra estar sem ()

  • @medroso1411
    @medroso1411 6 месяцев назад

    Otimo video.

  • @O_oph3o
    @O_oph3o 6 месяцев назад

    excelente, fico extremamente contente em ter entendido tanto em tão poucos vídeos. Você é um ótimo professor

  • @LucasSantos-j9g
    @LucasSantos-j9g 6 месяцев назад

    Que video sensacional cara parabéns

  • @michelitazs
    @michelitazs 7 месяцев назад

    muito bom !!!

  • @NiltonOliv
    @NiltonOliv 7 месяцев назад

    Como usar este código em um DataTable - pegar a informação do select do banco de dados

  • @kevinhoribeiro497
    @kevinhoribeiro497 7 месяцев назад

    Dissequei essa otima aula

  • @gabriellima319
    @gabriellima319 7 месяцев назад

    esse curso usa vue 3 ou vue 2?

    • @KayqueAraujo-wh9ej
      @KayqueAraujo-wh9ej 6 месяцев назад

      pelo que notei quando ele estava no terminal é vue 2

    • @gabriellima319
      @gabriellima319 6 месяцев назад

      @@KayqueAraujo-wh9ej eu vi dps

    • @gabriellima319
      @gabriellima319 6 месяцев назад

      @@KayqueAraujo-wh9ej o ruim é que a versão que ele usa no firebase tá desatualizada

    • @gabriellima319
      @gabriellima319 6 месяцев назад

      Mudou muita coisa

  • @jordanvictor7315
    @jordanvictor7315 7 месяцев назад

    Que top, melhor explicação que já vi no RUclips

  • @erikaporto1044
    @erikaporto1044 8 месяцев назад

    Show parabéns!!!

  • @Jtube0101Mega
    @Jtube0101Mega 8 месяцев назад

    Excelente aula! Obrigado!

  • @NiltonOliv
    @NiltonOliv 8 месяцев назад

    Boa tarde Vitor, concluí sua aula, funcionando perfeitamente. Você pode me tirar esta dúvida: Tentei usar em uma tag <table> vindo a informação do banco de dados como uma lista, mas ao clicar por exemplo no terceiro item da lista, ele sempre executa o que está no primeiro ID, ou seja, posso clicar em qualquer uma, mas copiar somente o que está no primeiro ID. <table> ...... ........... <th>ID</th> <th>Site</th> ................. ............................. ......................... <td> // Aqui coloquei o código do input e no value="<?php $site; >", trazendo as informações do banco de dados </td> ......................... <table>

  • @DevUndefined
    @DevUndefined 8 месяцев назад

    Muito bom

  • @JoaoPedro-cd4xi
    @JoaoPedro-cd4xi 8 месяцев назад

    Para que criar uma classe pra isso? Não poderia jogar essa função dentro de uma constante?

  • @MarcosDias-b1y
    @MarcosDias-b1y 9 месяцев назад

    Boa tarde! Como faria para encurtar o link mas deixar a url do jeito que eu quiser?

  • @paulosilva-dm1qb
    @paulosilva-dm1qb 9 месяцев назад

    Ótimo muito bem explicado. Só faltou deixar claro que uma nova propriedade do objeto foi criada na linha 67.

  • @MADMANMADZIM
    @MADMANMADZIM 9 месяцев назад

    Eu ainda estou aprendendo JS, então tenho umas dúvidas. O que seria esse "json" e para que serva o "fetch" e o ".then"? Desde já, agradeço a paciência.

  • @givanildosilvadeamorim326
    @givanildosilvadeamorim326 9 месяцев назад

    E possível passar orientação. É possível fetch POST em arquivo JSON que está no Github? Se sim, como devo proceder. Desde já agradeço a atenção