O que todo iniciante em Front End deveria aprender | Como manipular arrays e objetos em JavaScript

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024
  • Ao longo de vários vídeo do canal eu sempre falei a importância de se manipular Arrays e Objetos. Nesse vídeo eu vou trazer um exemplo claro e como isso ficou mais paupável pra mim e abriu portas pra eu conseguir trabalhar com tranquilidade. Então se ajeita na cadeira, pega aquele copo de água e bora pro vídeo!
    🔸 Código do Vídeo
    ■ Quer receber 7 dicas toda segunda pra ler em 2 minutinhos? mariosouto.com...
    ■ Object : developer.mozi...
    ■ Array : developer.mozi...
    ■ Quer aprender a trabalhar com Pandas, Python e Ciência de dados? www.alura.com....
    🔸 Quer ver mais conteúdos meus? Segue ai!
    ■ / omariosouto
    ■ / devsoutinho
    ■ t.me/hipstersf...
    🔸 Sabia que eu tenho séries na Alura também?
    ■ www.alura.com....
    ■ www.alura.com....

Комментарии • 100

  • @woodlandsltda6066
    @woodlandsltda6066 3 года назад +25

    Por favor da continuidade na serie de NODE que você iniciou com os robos

  • @viniciusresende3605
    @viniciusresende3605 3 года назад +25

    A sacada do spread pra dar uma olhada nos argumentos é sensacional, queria eu ter conhecido isso antes do typescript haha

    • @drslx
      @drslx 2 года назад

      Conheci spread ontem e curti demais, no exemplo que aprendi, foi para retornar um novo array

  • @ivanrabelo1558
    @ivanrabelo1558 3 года назад +8

    Minha dificuldade é quando e onde aplicar o tipo de metodo pra manipular o array.

    • @DevSoutinho
      @DevSoutinho  3 года назад +4

      Justissimo! Pra isso sempre tenta ir no "qual o resultado final que eu quero?" Pq aí vc consegue ir testando um por um dos métodos, pra ver qual vai ti aproximar mais do que vc precisa

  • @reuelsiIva
    @reuelsiIva Год назад +1

    Opa Soutinho, uma duvida que tenho e talvez possa me ajudar, quando é aberto chaves { } no meio de tags é para manipulação de objetos dentro do html? if e else funcionam ali dentro ou qual estrutura de condicao funciona?

    • @DevSoutinho
      @DevSoutinho  Год назад

      Não funciona. Você só pode executar coisas que retornam pro expression, if e else sao statements. Da uma procurada sobre esses 2 termos /o

  • @Camelouu_
    @Camelouu_ 3 года назад +2

    Recrutadora também aprende no seu canal hahahahaha

    • @DevSoutinho
      @DevSoutinho  2 года назад

      haaaaaa rainha do RH todinha elaa!

  • @jordanvictor7315
    @jordanvictor7315 Год назад +1

    Caraca.
    Eu estou começando a aprender programação agora que eu não entendi nada que ele falou kkkk
    Parece até que ele estava falando latin 🤣

    • @DevSoutinho
      @DevSoutinho  Год назад

      Ahshahshhs começa pelo vídeo do flappy bird

  • @NelsonBoldrin
    @NelsonBoldrin Год назад +1

    ta mais perdido pra fazer o video do que eu no código kkkkkkkkkkkkkk ....aaaa bora tentar achar outro tutorial...

    • @DevSoutinho
      @DevSoutinho  Год назад

      Ahshhahsh não entendi seu ponto

  • @rayanequeiroz1937
    @rayanequeiroz1937 3 года назад +8

    Que vídeo maravilhoso! Descobri hoje seu canal e tô fascinada com cada vídeo hahahah. Conteúdo muito claro e explicativo.

    • @DevSoutinho
      @DevSoutinho  3 года назад +2

      Que bom que curtiu!!! /o toda sexta tem vídeo novo :Dv

  • @brazilianmmalegends
    @brazilianmmalegends Год назад +2

    meu deus isso me ajudou mto!!!!!!!!!!!!!!!!!!!!!!!!!!

    • @DevSoutinho
      @DevSoutinho  Год назад +1

      Fico feliz em ajudar /oooo

    • @brazilianmmalegends
      @brazilianmmalegends Год назад

      @@DevSoutinho Você é monstro bro, estou no primeiro período de ciência da computação, na faixa branca ainda rs, mas você me ajuda demais, um dia chego nesse nível abcs

  • @j.domingossz2366
    @j.domingossz2366 11 месяцев назад

    fala meu mano!
    to com um problema aqui kkkkk vou tentar explicar.
    estou com um projetinho de uma lista de tarefas, criando os elementos(tarefas) dinamicamente via js, preparei uma classe para estilizar as tarefas concluídas, com uma transição no posicionamento do background. Porem quando adiciono outro elemento e chamo a função que joga pro HTML, as tarefas que estão concluídas perdem a classe. Imaginei em um sistema de condição para preservar essa classe onde ela estiver ativa, mas não tive êxito : (
    se alguém der um help agradeço ; )

  • @emersonrodrigamez7327
    @emersonrodrigamez7327 Год назад +2

    Entrei nesse vídeo não sabendo nada de Array e Objetos ou como encontra-los no DOM. Saí desse vídeo com uma noção e uma ideia muito diferente. Muito obrigado pela ajuda irmão, mandou bem demais.

    • @DevSoutinho
      @DevSoutinho  Год назад

      Muuuito obrigado pelo feedback meu consagrado! Fico feliz em ter clareado as coisas 🥰

  • @moacirjunior1346
    @moacirjunior1346 Год назад +2

    Este é um conteúdo muito difícil de falar, porque varia muito de caso em caso. Enquanto ao programar com frontend web qualquer computador atende, mobile já precisa de um setup mais aprimorado. Mas a visão que você deu no vídeo foi muito boa e detalhada.
    Se eu pudesse contribuir também, eu iria recomendar dar uma olhadinha nos ambientes web que podem ser úteis para alguém que está aprendendo.

  • @erosmlima5981
    @erosmlima5981 3 года назад

    interessante sua explicação, mas a maneira como tu se expressa parece estranhissima, me deixa inqueto, parece que esta se segurando ou muito mais excitado que o normal, em 2min eu não consegui ver mais, porem aprendi i que eu não devo fazer e meio que tbm faço!!! TOP vou ver outro depois tbm

  • @valdovaldo6297
    @valdovaldo6297 3 года назад

    o mendigo chegou a porta da igreja universal e pediu o que comer, o pastor foi ao altar, pegou um envelope e entregou ao faminto dizendo: cata latinha, vende e deposita tudo nesse envelope e coloca no altar que sua vida vai mudar. O mendigo respondeu: estou com muita fome e você ainda pede para catar latinha ? eu posso trabalhar com fome ?

  • @candidofinda9647
    @candidofinda9647 2 года назад

    Eu quero desenvolver a parte de arrays e junto com fronted e manipula o dado

  • @FelipeFialhoDev
    @FelipeFialhoDev 3 года назад +4

    Muito ótimo como sempre ❣️

  • @asuosnotielc
    @asuosnotielc 3 года назад +2

    Professor, esse negócio do spread no arguments foi fantástico!!!

  • @nicolasteofilo
    @nicolasteofilo 3 года назад +2

    top demais, sou iniciante em JS e seu canal me ajuda muito, recomendo para os iniciantes em JS, que nem eu, fazer muitos projetos pessoas

  • @zaaaaaaad
    @zaaaaaaad 2 года назад

    Sem o front-end, nada disso tem sentido na minha cabeça.

  • @golpacto
    @golpacto Год назад +1

    Eu iniciei com o JavaScript puro. Depois, reparei o quanto essa tecnologia abre caminho para outras tecnologias que têm ela como base, sem contar com a manipulação do DOM. Mesmo sendo complexo e o tema massante de JavaScript, ter uma base sólida dessa linguagem te dá um norte incrível! No início, era chato que os mentores usavam muita matemática. Eu tenho uma tese: a máquina é quem tem que calcular, eu só tenho que orientá-la para realizar esse procedimento. Dessa forma, passei a focar nas estruturas importantes de array, literais, dinâmicos, objeto, função. Recomendo o entendimento profundo dos fundamentos da linguagem.

  • @rivaldosouza362
    @rivaldosouza362 3 года назад +1

    Por que eu não consigo acessar direito as propriedades das tegs quando eu uso o get elements by class please tira minha dúvida ?

  • @Iridium-u5f
    @Iridium-u5f 2 года назад +1

    kkkkk isso ai

  • @euclidesjcc
    @euclidesjcc 2 года назад

    Mario Souto É irmão do Murilo Souto

  • @OskaGabriel20
    @OskaGabriel20 3 года назад

    Entrei no vídeo errado foi mal kkkk

  • @fabznn9950
    @fabznn9950 Год назад +1

    É incrível como tu consegue facilitar uma parada que eu estava morrendo pra entender. Muito obrigado, de verdade!!

    • @DevSoutinho
      @DevSoutinho  Год назад

      Pô da um quentinho no coração ler isso ❤️❤️

  • @diogenesoliveira9211
    @diogenesoliveira9211 2 года назад

    const vCeFodaCara = true;

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

    como iniciar React

  • @alison.aguiar
    @alison.aguiar 3 года назад +1

    Não assisti tudo ainda. Mais aprendi muito de programação indo direto para o framework direto na solução do problema acho que muitas coisas que aprendi em cursos esqueci temporariamente.

    • @DevSoutinho
      @DevSoutinho  3 года назад

      Justissimo, as coisas de cursos pra firmarem precisa de prática e técnicas que ti ajudam a olhar os problemas, do meio pra frente no vídeo é só eu mostrando técnicas e como pensar pra ir resolvendo :)

  • @carloseduardogomes9262
    @carloseduardogomes9262 2 года назад

    contéudo muito bom

  • @devciente
    @devciente 2 года назад +1

    Por isso sou seu fã rapaz kkkk, voce explica na prática, kkk ou seja, sua parte teórica é literalmente na pratica kkk top

    • @DevSoutinho
      @DevSoutinho  2 года назад +1

      Ahahah valeu! Meu lema é ensinar código com código

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

    Show

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

    Estou iniciando em programação, confesso que eu não tinha ideia de como era o back-end, já que a maioria dos vídeos são muito superficiais. This blew up my mind. Ganhou um escrito kk

  • @candidofinda9647
    @candidofinda9647 2 года назад

    Muito bom o video

  • @redefamatv
    @redefamatv 2 года назад +1

    bro que aula show, só dedo no like...valeu mesmo!!

    • @DevSoutinho
      @DevSoutinho  2 года назад

      Agradeço demais!!! Fico feliz em ajudar e valeu o feedback /o

  • @lucasmedeiros391
    @lucasmedeiros391 2 года назад +1

    venho nesse video 1vez por semana. e sempre to entendendo algo novo

  • @falapauloafonso
    @falapauloafonso Год назад +1

    Conteúdo muito top irmão. Parabéns.

  • @joaofelipearaujo6339
    @joaofelipearaujo6339 Год назад

    Muito bom!

  • @AmodeusR
    @AmodeusR 3 года назад

    15:20 Por que não innerText em vez desse textContent?

    • @xmxrsxn
      @xmxrsxn 2 года назад

      deve ser quase a msm coisa

  • @tonysjc
    @tonysjc 2 года назад +1

    Parabéns pelo excelente vídeo, me ajudou bastante.

    • @DevSoutinho
      @DevSoutinho  2 года назад

      Que massa! Valeu por falar, fico super feliz de ler comentários nessa pegada 😍

  •  2 года назад

    Topzeraaaaa

  • @viniciusaraujo5487
    @viniciusaraujo5487 3 года назад

    Nobre!!

  • @danielcorreia313
    @danielcorreia313 2 года назад

    Ganhou meu like quando mostrou o COMO encontrar as informações necessárias! Eu sabia que existia, mas não sabia pra quê servia o console.dir... Muito obrigado!
    Muito importante isso, normalmente os vídeos já mostram a informação de mão beijada, o que tem o seu valor, mas é incompleto...

  • @matheussoares1138
    @matheussoares1138 2 года назад +1

    Adoro seus vídeos!!!!

  • @infodevbrasil
    @infodevbrasil 2 года назад

    Cara vc é doidin mas super intendo tudo que vc explica, vc poderia fazer um vídeo de reactnative usando planilha do Google como banco, nota 💯 000

  • @MeHelpMP
    @MeHelpMP 3 года назад

    Caramba, console.dir foi o apice pra mim HAHAHAHAHA valeeeeeu Soutinho
    Vídeo massa

  • @davistrader2696
    @davistrader2696 Год назад

    Vim pela Alura TechGuide, show dms! Valeu!

  • @helder-rangel
    @helder-rangel 4 месяца назад

    😀

  • @raspaes3899
    @raspaes3899 3 года назад

    Soutinho, da pra pegar apenas o texto direto ali, usando a propriedade innerText ao invés do textContent.
    OBS: O spread operator foi sensacional. Muito massa! conhecia, mas não tinha pensando nisso!
    Muito, muito bom mesmo!

  • @macedojeh
    @macedojeh 3 года назад +1

    Pqp... descobri seu canal agora e tô alucinada. Obrigada pelo conteúdo tão claro!

    • @DevSoutinho
      @DevSoutinho  3 года назад +1

      Po que massa que curtiu!!! 😁😁😁😁 Aproveita que tem uma cassetada de video /o

    • @macedojeh
      @macedojeh 3 года назад +1

      @@DevSoutinho Aproveitando os vídeos já! hahahaha muito grata pelo conteúdo. Ganhou uma fã!

  • @yohanlopes1847
    @yohanlopes1847 3 года назад

    As vezes vc nem sabe o que quer, então quando você definir seu resultado, que no nosso caso é... esse aqui... KKKKKKKKKKKKK

  • @zotuxe8454
    @zotuxe8454 3 года назад

    eae soroootinho, poderia me mostrar algum desafio de front legal?? ahusdhusauh

  • @devHB
    @devHB 2 года назад

    foda!! de todos os conteúdos que tive contato em 1 ano, foi disparado o mais impactante, conseguindo alterar meu mindset.

  • @TheIguana3d
    @TheIguana3d 3 года назад

    Obrigado por compartilhar esse conhecimento 🙂!!!

  • @FlaviaSierro
    @FlaviaSierro 3 года назад

    Com meus conhecimentos, eu faria diferente disso, sou iniciante...
    Mas nossa essas suas dicas foram sensacionais.

  • @anselmonascimento3324
    @anselmonascimento3324 3 года назад

    Vc acha q vale apena certificação ou não importa muito e sim a prática.

  • @milo9759
    @milo9759 2 года назад +1

    Ótimo vídeo, ajudou muito !!

  • @brunodiedrich5799
    @brunodiedrich5799 3 года назад

    Melhor explicação que já vi, explodiu minha mente!

  • @wesleyangeli
    @wesleyangeli 3 года назад

    Você é simplesmente incrível.

  • @valdovaldo6297
    @valdovaldo6297 3 года назад

    gostei dessa mensagem incrível 👏👏👏

  • @davidespinoza1469
    @davidespinoza1469 3 года назад

    Gostaria ter visto tempao atras quando comecei. Mt bom!

  • @darkcaveron
    @darkcaveron 3 года назад

    Eu gosto de usar o map e o forEach

  • @jardellima6115
    @jardellima6115 3 года назад

    Esse cara é um monstro! Obrigado por compartilhar conhecimento.

  • @gssj-o8p
    @gssj-o8p 3 года назад

    Vlw Dev Soutinho!

  • @vicentepaiva9890
    @vicentepaiva9890 3 года назад

    Parabéns, vídeo massa...

  • @wizzy7449
    @wizzy7449 3 года назад

    Video massa e o audio ta melhor hehehe

  • @henriquekramer_
    @henriquekramer_ 2 года назад

    Vídeo bom demais!

  • @guitt-web-code
    @guitt-web-code 3 года назад

    Mas um inscrito

  • @ximenescoutinho_
    @ximenescoutinho_ 3 года назад

    Me salvou!

  • @ivanrabelo1558
    @ivanrabelo1558 3 года назад

    Seu canal ta me ajudando bastante!

    • @DevSoutinho
      @DevSoutinho  3 года назад

      Essa é a intenção, valeu por compartilhar mano!!!!

  • @CLEISON304
    @CLEISON304 3 года назад +3

    fala fala fala de mais e nao fala nada

    • @DevSoutinho
      @DevSoutinho  3 года назад +1

      Os outros comentários dizem o contrário 👀

  • @brunovulgovon
    @brunovulgovon 3 года назад

    Muito boas suas dicas, obg!!

  • @richardfreitas4030
    @richardfreitas4030 3 года назад +1

    Melhor amigo do programador js: "console.log