Cara, tu tem talento pra ensinar. Apesar das importações e do terminal não querer muito colaborar kkkkk, mandou bem demais!!!! Graças a deus e a você agora consigo utilizar "redux" no angular...
Cai aqui de paraquedas e é logo você ensinando... Reconheci pela voz do Onboarding no Itaú! Haha parabéns pela iniciativa. Conteúdo top e muito bem organizado.
Parabéns, ajudo muito, comecei a trabalhar em um trampo com angular estou meio perdido, ajudou bastante, aguardando a continuação, explicação muito boa só estava esperando para falar dos effects rsrsr mas ajudou demais já
Muito bacana mano, muito tempo queria ver sobre o assunto, e atualmente em meu trabalho tive o primeiro contato diretametne. Seu video ajudou bastante em entender alguns pontos. Poderia fazer um video como seria fazer um (favoritar) lista de Todo, dai favoritar a mesma. heheh abraços.
Curiosidade: Você não precisa definir right: 50% e left: 50%, apenas escolha um dos dois. O transform: translate(-50%), ocorre porque o browser pega o elemento e realmente coloca no centro, só que ele não usa como referência o centro do elemento para fazer essa centralização (sim é isso mesmo), ele utiliza ou a borda direita ou a borda esquerda para fazer o cálculo (se vai ser direita ou esquerda vai depender se você botou left ou right), assim o elemento sempre vai ficar ou metade para frente ou metade para trás, dando a impressão que algo não está correto. Daí o translateX, para o eixo X vem pra ajudar, ele vai fazer a compensação, setando ele como translate(-50%) eu estou dizendo que ele deve puxar o elemento para trás (fazemos isso porque o browser deixou o elemento mais pra frente por causa do que já expliquei) pela metade do cumprimento dele, então se um elemento tem 50px ele vai ser puxado para trás 25px. Caso você tenha setado right: 50%, use translateX(50%) já que o browser usou a borda direita como referência o elemento vai estar mais para trás e iremos querer mover ele para frente um pouco. Estamos falando de right e left (centralizar na horizontal), por isso usamos o translateX(), se estamos falando de top e bottom (centralizar na vertical), usamos o translateY() com o mesmo princípio que já foi explicado, ou se queremos usar os dois (centralizar na horizontal e vertical), apenas translate() sendo o primeiro valor o eixo X e o segundo o eixo Y. Vale a pena notar que podemos alcançar o mesmo resultado setando uma caixa que ocupe todo o tamanho da tela e dizendo que ela é display flex (nesse caso você pode setar ela como fixed com top: 0 e left: 0, width: 100vw e height: 100vh, fazendo isso ela vai ficar por cima de tudo se esse for seu objetivo, tipo uma modal), align-items center e justify-content center, e daí todo elemento que você colocar nela vai obedecer ordem de organização e vai estar naturalmente centralizado, os níveis de customização são mais altos desta forma. Vale a pena conhecer as duas formas de se fazer isso para saber qual utilizar em cada situação, entender porque algo funciona em vez de apenas saber utilizar aquilo ou resolver o problema é o que separa os programadores que vão ser passados para trás por um júnior estudioso daqueles que sempre agregarão conhecimento à sua equipe.
Ou é incrível como falta conteúdo / tutorial sobre essa parte em angular, encontrar esse vídeo foi um achado, muito obrigado, tmj!
Pura verdade...
tranquilo e fluído muito bom
Quero agradecer o compartilhamento do conhecimento, tranquilo na explicação, precisava entender e não encontrava algo tão sucinto...Parabéns...
Cara que vídeo top, muito obrigado 👏👏
Muito bom!!! Obrigado por compartilhar o conhecimento conosco!!!
Excelente! Obrigado por compartilhar conosco!
Excelente , Muito além do CRUD com Angular, parabéns !
MUITO TOP, JÁ APLIQUEI NA EMPRESA, SALVA VIDAS KKKKK
Um dos melhores conteúdos que já vi em português sobre ngrx. Parabéns.
Que aula TOP!
Parabéns e muito obg por disponibilizar esse conteúdo de qualidade
Muito bom seu conteúdo!! Me ajudou muito.. Obrigado e Parabéns por compartilhar conhecimento!!
Excelente aula, muito bem explicado!!! Parabéns!!!
Muito bom. Ótima explicação. Obrigado 🔝🔝🔝
Parabens pelo conteudo e didática, excelente!
Olha Só, você não faz ideia de como esse assunto é mal explicado e difícil de encontrar. MUITO OBRIGADO!!!
Que conteúdo fantástico, continua nos ensinando essas coisas mais avançadas do Angular. Parabénssss
ótimo conteúdo, obrigado pela ajuda!
Cara, tu tem talento pra ensinar. Apesar das importações e do terminal não querer muito colaborar kkkkk, mandou bem demais!!!! Graças a deus e a você agora consigo utilizar "redux" no angular...
Cara, parabéns. Vídeo completo e muito bem explicado.
Excelente vídeo Kaique, quando puder, fala um pouquinho mais sobre o RxJs, sua didática é ótima.
Conteúdo top! Parabéns 👏👏👏
Cai aqui de paraquedas e é logo você ensinando... Reconheci pela voz do Onboarding no Itaú! Haha parabéns pela iniciativa. Conteúdo top e muito bem organizado.
Muito bom este vídeo, claro e objetivo...
Parabens, ótimo conteúdo! Me ajudou muito.
nossa que aulão, muito obrigado pelo conteúdo, ajudou demais !!!
Muito bom conteúdo
Muito, mas muito obrigado! Você é foda, vídeo de 40m e não foi nada cansativo como a maioria aqui no youtube!
Muito bom cara
Muito bom
Cara, amei muito seu jeito de ensinar, muito, muito, muito obrigado pelo carinho e pela sua paciência na hora de ensinar. Abraço!
Muito bom o conteúdo e video. Parabéns.
Maneiro, postem mais vídeos de Angular!
Meus parabéns, conteúdo excelente. Continue fazendo mais vídeos sobre o NGRX com Angular.
Muito bom vídeo 👏
Ótimo vídeo!!! Me convenceu a usá-lo! Parabéns mesmo
Video incrivel, mt obg!!
Como eu ja mexi com Vuex no Vue e Redux no React... to achando o NGRX do Angular bem facil
Parabéns, ajudo muito, comecei a trabalhar em um trampo com angular estou meio perdido, ajudou bastante, aguardando a continuação, explicação muito boa só estava esperando para falar dos effects rsrsr mas ajudou demais já
Já deixei separado para estudar hoje a noite! :)
Muito bom, explicação clara e objetiva, ansioso para a parte dois, tmj Kaicão!
Muito bacana mano, muito tempo queria ver sobre o assunto, e atualmente em meu trabalho tive o primeiro contato diretametne. Seu video ajudou bastante em entender alguns pontos. Poderia fazer um video como seria fazer um (favoritar) lista de Todo, dai favoritar a mesma. heheh abraços.
Muito bom o vídeo, uma dúvida, vc vai continuar com os vídeos de micronaut? eles são muito bons e tem me ajudado demais
A explicação é boa demais parabéns. Mas sinto que o Rxjs é mais simples de fazer a mesma coisa.
Curiosidade: Você não precisa definir right: 50% e left: 50%, apenas escolha um dos dois. O transform: translate(-50%), ocorre porque o browser pega o elemento e realmente coloca no centro, só que ele não usa como referência o centro do elemento para fazer essa centralização (sim é isso mesmo), ele utiliza ou a borda direita ou a borda esquerda para fazer o cálculo (se vai ser direita ou esquerda vai depender se você botou left ou right), assim o elemento sempre vai ficar ou metade para frente ou metade para trás, dando a impressão que algo não está correto. Daí o translateX, para o eixo X vem pra ajudar, ele vai fazer a compensação, setando ele como translate(-50%) eu estou dizendo que ele deve puxar o elemento para trás (fazemos isso porque o browser deixou o elemento mais pra frente por causa do que já expliquei) pela metade do cumprimento dele, então se um elemento tem 50px ele vai ser puxado para trás 25px. Caso você tenha setado right: 50%, use translateX(50%) já que o browser usou a borda direita como referência o elemento vai estar mais para trás e iremos querer mover ele para frente um pouco.
Estamos falando de right e left (centralizar na horizontal), por isso usamos o translateX(), se estamos falando de top e bottom (centralizar na vertical), usamos o translateY() com o mesmo princípio que já foi explicado, ou se queremos usar os dois (centralizar na horizontal e vertical), apenas translate() sendo o primeiro valor o eixo X e o segundo o eixo Y.
Vale a pena notar que podemos alcançar o mesmo resultado setando uma caixa que ocupe todo o tamanho da tela e dizendo que ela é display flex (nesse caso você pode setar ela como fixed com top: 0 e left: 0, width: 100vw e height: 100vh, fazendo isso ela vai ficar por cima de tudo se esse for seu objetivo, tipo uma modal), align-items center e justify-content center, e daí todo elemento que você colocar nela vai obedecer ordem de organização e vai estar naturalmente centralizado, os níveis de customização são mais altos desta forma.
Vale a pena conhecer as duas formas de se fazer isso para saber qual utilizar em cada situação, entender porque algo funciona em vez de apenas saber utilizar aquilo ou resolver o problema é o que separa os programadores que vão ser passados para trás por um júnior estudioso daqueles que sempre agregarão conhecimento à sua equipe.
Caramba simples pra demais hein!!!.... Só que não :/