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

Подписаться 88 тыс.

Просмотров 66 тыс.

50% 1

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/newsletter/
■ Object : developer.mozilla.org/en-US/d...
■ Array : developer.mozilla.org/en-US/d...
■ Quer aprender a trabalhar com Pandas, Python e Ciência de dados? www.alura.com.br/imersao-dados
🔸 Quer ver mais conteúdos meus? Segue ai!
■ / omariosouto
■ / devsoutinho
■ t.me/hipstersfrontend
🔸 Sabia que eu tenho séries na Alura também?
■ www.alura.com.br/webseries/fr...
■ www.alura.com.br/webseries/gi...

Наука

Опубликовано:

29 апр 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 99

@viniciusresende3605 3 года назад

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

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

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

@woodlandsltda6066 3 года назад

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

@rayanequeiroz1937 2 года назад

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

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

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

@emersonrodrigamez7327 Год назад

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 Год назад

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

@davistrader2696 11 месяцев назад

Vim pela Alura TechGuide, show dms! Valeu!

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

Esse cara é um monstro! Obrigado por compartilhar conhecimento.

@asuosnotielc 3 года назад

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

@fabznn9950 10 месяцев назад

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

@DevSoutinho 10 месяцев назад

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

@nicolasteofilo 3 года назад

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

@moacirjunior1346 11 месяцев назад

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.

@wesleyangeli 2 года назад

Você é simplesmente incrível.

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

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

@FelipeFialhoDev 3 года назад

Muito ótimo como sempre ❣️

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

Obrigado por compartilhar esse conhecimento 🙂!!!

@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...

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

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

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

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

@matheussoares1138 2 года назад

Adoro seus vídeos!!!!

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

Gostaria ter visto tempao atras quando comecei. Mt bom!

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

Parabéns, vídeo massa...

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

gostei dessa mensagem incrível 👏👏👏

@tonysjc 2 года назад

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

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

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

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

Seu canal ta me ajudando bastante!

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

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

@redefamatv 2 года назад

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

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

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

@joaofelipearaujo6339 Год назад

Muito bom!

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

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.

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

Certíssimo!

@Kleber77740 Год назад

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

@DevSoutinho Год назад

Gratidão /o

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

Vídeo bom demais!

@milo9759 2 года назад

Ótimo vídeo, ajudou muito !!

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

tamo junto \ooo

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

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

@guilhermedossantossouzajun1249 3 года назад

Vlw Dev Soutinho!

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

Muito bom o video

@lucasmedeiros391 2 года назад

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

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

Que massa! 🥰🥰🥰🥰

@macedojeh 3 года назад

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

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

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

@macedojeh 3 года назад

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

@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

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

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

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

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

@devciente 2 года назад

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 2 года назад

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

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

contéudo muito bom

@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!

@rivaldosouza362 3 года назад

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 ?

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

Me salvou!

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

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

@brazilianmmalegends 11 месяцев назад

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

@DevSoutinho 11 месяцев назад

Fico feliz em ajudar /oooo

@brazilianmmalegends 10 месяцев назад

@@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

@alison.aguiar 3 года назад

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 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 :)

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

Mas um inscrito

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

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

2 года назад

Topzeraaaaa

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

Video massa e o audio ta melhor hehehe

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

Eu gosto de usar o map e o forEach

@Camelouu_ 3 года назад

Recrutadora também aprende no seu canal hahahahaha

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

haaaaaa rainha do RH todinha elaa!

@reuelsiIva Год назад

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 Год назад

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

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

Muito boas suas dicas, obg!!

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

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 ; )

@AmodeusR 2 года назад

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

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

deve ser quase a msm coisa

@gmcriacaodesitess6763 4 месяца назад

como iniciar React

@helder-rangel 24 дня назад

😀

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

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

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

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

@viniciusaraujo5487 2 года назад

Nobre!!

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

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

@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 ?

@jordanvictor7315 Год назад

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 Год назад

Ahshahshhs começa pelo vídeo do flappy bird

@_dev4610 2 года назад

kkkkk isso ai

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

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

const vCeFodaCara = true;

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

Mario Souto É irmão do Murilo Souto

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

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

@NelsonBoldrin Год назад

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

@DevSoutinho Год назад

Ahshhahsh não entendi seu ponto

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

Entrei no vídeo errado foi mal kkkk

@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