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.
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...
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...
Que aula TOP!
Parabéns e muito obg por disponibilizar esse conteúdo de qualidade
Excelente , Muito além do CRUD com Angular, parabéns !
Muito bom!!! Obrigado por compartilhar o conhecimento conosco!!!
Quero agradecer o compartilhamento do conhecimento, tranquilo na explicação, precisava entender e não encontrava algo tão sucinto...Parabéns...
MUITO TOP, JÁ APLIQUEI NA EMPRESA, SALVA VIDAS KKKKK
Excelente! Obrigado por compartilhar conosco!
Muito bom seu conteúdo!! Me ajudou muito.. Obrigado e Parabéns por compartilhar conhecimento!!
Um dos melhores conteúdos que já vi em português sobre ngrx. Parabéns.
Muito bom. Ótima explicação. Obrigado 🔝🔝🔝
Excelente aula, muito bem explicado!!! Parabéns!!!
Cara que vídeo top, muito obrigado 👏👏
Que conteúdo fantástico, continua nos ensinando essas coisas mais avançadas do Angular. Parabénssss
tranquilo e fluído muito bom
Parabens pelo conteudo e didática, excelente!
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.
Excelente vídeo Kaique, quando puder, fala um pouquinho mais sobre o RxJs, sua didática é ótima.
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...
ótimo conteúdo, obrigado pela ajuda!
nossa que aulão, muito obrigado pelo conteúdo, ajudou demais !!!
Cara, parabéns. Vídeo completo e muito bem explicado.
Parabens, ótimo conteúdo! Me ajudou muito.
Conteúdo top! Parabéns 👏👏👏
Muito bom este vídeo, claro e objetivo...
Muito, mas muito obrigado! Você é foda, vídeo de 40m e não foi nada cansativo como a maioria aqui no youtube!
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 conteúdo
Muito bom cara
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.
Video incrivel, mt obg!!
Como eu ja mexi com Vuex no Vue e Redux no React... to achando o NGRX do Angular bem facil
Ótimo vídeo!!! Me convenceu a usá-lo! Parabéns mesmo
Muito bom vídeo 👏
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 bom
Muito bom, explicação clara e objetiva, ansioso para a parte dois, tmj Kaicão!
Olha Só, você não faz ideia de como esse assunto é mal explicado e difícil de encontrar. MUITO OBRIGADO!!!
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.
Já deixei separado para estudar hoje a noite! :)
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 :/