APRENDA ANGULAR DO ZERO - primeiro passos
ฝัง
- เผยแพร่เมื่อ 15 ก.ค. 2023
- Nessa live vamos construir um Projeto Frontend usando Angular e Typescript para entender os conceitos base do Angular e como esse framework tão poderoso funciona.
⭐ Seja um membro do canal e tenha acesso à lives, vídeos e conteúdos exclusivos!
/ @kipperdev
👉 Notion com conteúdo da live
metal-flea-041.notion.site/LI...
👉 Me siga no instagram!
/ kipper.dev - วิทยาศาสตร์และเทคโนโลยี
Observação: Pra quem está vendo a live de 2024 em diante e usando a versão mais recente do Angular deve ter percebido que não se usa mais módulos, agora é usado arquivos standalone sem o app.module.
Pra configurar o projeto da maneira com que a Fernanda usa (com módulos) é só executar assim:
ng new --no-standalone
😊😊😊
agora eu entendi, agora tudo faz sentido, tava me matando aqui kk
Valeu D++++
mano, quando tento, aparece uma mensagem dizendo "acesso negado" o que faço?
@@EdsonYago vc tem que liberar o acesso no powershell
falando da vida -> 00:00
criando pojeto maroto -> 11:00
explicando componente -> 13:50
resumo geral estrutura do projeto -> 18:00
gírias -> 41:00
gerando componente -> 46:30
componente dentro de componente -> 50:50
cirando modulo do componente -> 52:50
olhando chat -> 1:02:40
componente lifecycle -> 1:10:00
dúvida alisson -> 1:16:05
observable -> 1:19:00
olhando chat -> 1:26:50
service -> 1:31:30
odio ao formulario -> 1:57:20
declarando rotas -> 2:06:30
rota inesistente -> 2:14:28
rota especifica de modulo -> 2:19:00
input & output -> 2:21:00
conclusão -> 2:34:30
vlw pelo vídeo
God
Hahaha "gírias" foi meu favorito 💜
Obrigado amigo, você é um amigo!
vlw
Tks
Obrigada por ter deixado a live aberta! Ajudou muito!
Faça mais conteúdos de angular disponível para todos!
Obrigadaaa Ana! Vou trazer mais conteúdos de Angular simm 💜
Surreal essa live, e genial a comparação com React. Parabéns pelo trabalho e obg
Obrigada por ter deixado a live aberta!
Meus parabéns pela aula. Direto ao ponto sem rodeios .
Aula incrível 💕
Demais o conteudo de Angular e as comparações com REACT parabéns Fernanda Kipper , top demais a live ta show !
Excelenteeeee, mostra mais sobre essa tecnologia
Muito feliz em poder consumir um conteúdo de tamanha qualidade de graça. Obrigado por compartilhar este conhecimento Fernanda! conheci o canal hoje já estou me inscrevendo.
Valeu demais por deixar as lives gravadas
top demais essa aula, aprendi geral sobre o angular.
Primeiramente amei sua forma de ensino.
Sou iniciante em em Javascript, mas você me deu um norte.
Continue assim sempre alegre
ótima aula... vc é show!!!!!!
Essa live me deu mais certeza em focar nessa junção do java q já estou a um tempo com o angular! Só agradeço por essa sua qualidade 🎉
Traz mais conteúdos de angular por favorr!!🩷
Delícia 😘
Fernanda, quando que vai sair um curso de java fullstack seu hein?
Adoro a sua forma de ensinar, e com certeza iria adquirir um curso seu com esses conhecimentos maravilhosos que você ensina aqui no seu canal
muito bom, obrigado.
Oi Fernanda muito top o conteúdo, poderia fazer uma live de testes unitários com o Angular. Parabéns pela didática.
Melhor só nos pampas! Fer, eu cai no canal e vou descordar de um comentário construtivo a respeito de foco...., dito, o interessante que me fez ver a live foi a forma abrangente e abstrata sobre o framework, báh!!!! Não é nada do angula que conheci tempos atrás 😅. Mas, já não sou mais barriga verde depois deste aulão!
Parabéns!!!🎉
Essa explicação sobre o ciclo de vida já ajudar que um dia for para o Mobile 🙏
Seus conteúdos são sempre sensacionais, Fê. Só sucesso!
Muito obrigadaa, Luca 💜
Tô chegando hoje por aqui e amando esse video, tô saindo do javaScrip puro para angular e tava muito confuso!rsrsrs já estava ficando desesperada.
O vídeo no 1.5x fica show!
Legal a aula.
ela já é ligeira, no 1.5x eu não pego nada kkkkk
Kipper muito obrigado pelo conteúdo.
💜
Você é maravilhosaaaa, sou estudante de front--end e estou aprendendo angular do zero para aplicar em um projeto, o seu video salvou demaiiisss, aprendi muita coisa com ele
Legal a live, mesmo não sendo o angular 17/18. Deu para pegar uma ideia melhor do framework. Curit essa parte do angular de deixar as cosias bem separadas: o css, hmtl e ts.
Você se tornou uma das minhas referencias sobre tecnologia. Parabens pelo seu trabalho!
Que honra, William 💜
É muito bom ler esse tipo de comentário. Me motiva muito!
muito bom!!!!!
Estava pensando em começar a dar uma olhada em angular agr, que bela conhecidencia :)
Boaa, é um ótimo framework!
Muito obrigado pelo ótimo conteúdo! Ganhou mais um inscrito!
Que bom Tiago! Fico feliz que tenha gostado 💜
Sucesso Fernanda
Super parabéns é uma criadora de conteúdos de sucesso!
Muito obrigadaa, Sebastião 💜 muito legal saber q vc curtiu
Que videooo massa Fernanda, parabéns!!! Traz Mais conteudos de Angulaar! Pooor favooor!
Que bom que gostou, @DanielPerez-cu2wo 💜
Vou trazer mais conteúdo, sim!
Excelente live, parabéns!!! Favor se possível faça mais vídeos sobre Angular no canal👏👏
Obrigada Denis!! 💜
Claro, vou trazer mais conteúdos de Angular sim
Sabe mt
Top!!
Comentário pra engajar, live massa demais
valeuuu Ryan! 💜
Aula foda, dev react aqui , tentando pegar o básico de angular , muito obrigado pelo conteúdo
Boaa vem pro Angular hahaha
Fala Nanda...rapaz, angular definitivamente é top
essa muié é o aço
Parabéns Kipper
Eu devia tá lá pelo minuto 15 quando comecei a desconfiar que era da região sul do estado, quando explicou o bah e o capaz tive a certeza, agora quando meteu o "merece" sabia que só podia ser Pelotense. 😂😂 Parabéns pelo conteúdo! 👏👏👏
Opa! Estava mesmo recomeçando Angular por causa do PDPJ e sua live veio em boa hora!!
Que bom Claudio, espero que tenha gostado!! :)
O que você ta me ajudando na faculdade é brinnnnnnncadeira 😌😌
Ja pode continuar com mais videos de angular
bah tche = pow cara
pra fazer apps android e ios basta ir pro ionic angular que é um pequeno passo só do angular web.
Muito bom esse video! Estou trabalhando com Angular há uns 2 anos, e já trabalhei com React e Vue também. Mas a esperiência com o Angular teve uma curva mais acentuada, porém acho um excelente framework, com muitas coisas positivas e na minha humilde opinião, ele é muito sólido e bem consistente nos upgrades. E algo bem positivo que acho, é o Angular está fora do Hype!
Muito bom essa dica que deram desse Prime NG. Achei muito incrível ter essa lib de components/style com visual bem moderno, usando libs internas de utilitários CSS modernos como (Tailwind e Bootstrap nas versões mais recentes).
Qual você recomenda aprender primeiro: React ou Angular?
@@redcityyy Se tu souber Angular, tu pega react fácil. Se tu começa pelo react, vai apanhar pro Angular. E outra: Angular tem vagas em empresas mais robustas do que startups
Valeuu Anderson 💜
Angular é um excelente framework mesmo
trás mais conteúdo de angular PLS
Faz um de Spring do zerooo 🥰🥰
Upzao, tô tentando estudar meu javinha com spring e spring é tanta coisa que eu até me perco
Já tem vídeo aqui no canall, vou deixar o link da playlist com todos vídeos de Spring!
Mas pode deixar que logo tem vídeo novo de Spring :)
th-cam.com/play/PLNCSWIsR6ADISYlzI7POWQqYQ8x0VwNqh.html
@@kipperdev Desculpe não tinha visto, obrigadoooo
@@Luis-lh1zy de nadaa! Espero que goste 🫶🏼
Vem pra Salvador 🌞
❤❤
Saudações Fernanda! Parabéns pela live e obrigado pelo conteúdo. Me ajudou bastante!
Achei genial sua ideia de mostrar que é possível fazer o template html dentro do próprio arquivo TypeScript.
Eu era uma dessas pessoas que reclamavam que o Angular cria um monte de arquivo diferente para cada componente e questionava porque não utilizar uma estrutura mais simples. Agora que você mostrou na live como fica, me tornei fã da estrutura que o Angular cria. Acho tudo separadinho a coisa mais lida do mundo!
Durante a live, um participante perguntou se você já utilizou o Angular Material.
Você respondeu que conhece e que já utilizou uma vez. Pelo o que entendi, você não utiliza ele diariamente no serviço.
Gostaria de saber então o que é que você utiliza no lugar do Angular Material? O Bootstrap? Ou você faz o html tudo na mão? Sem framework nenhum?
Não sei se vou falar besteira, mas muitas empresas grandes criam seu próprio framework, eles acabam se baseando no bootstrap e criam suas prórpias ferramentas, ae nesse caso não se usa mais bootstrap ou Angular Material, mas são bem parecidas as soluções, Bom não sei se falei besteira, se alguem puder me corrigir !
Por favor Fernando, mais conteúdo de angular 😢
garota tu é lenda do java !!!
hahahh muito obrigadaa Junior 💜
podia fazer um curso maneiro de angular hein !!!
Bacana, você tá usando vs cód , eu uso o ide do próprio angular , ele tem bastante recurso valeu
Oi Fernanda, faz uma app Fullstack angular + Spring pra praticarmos ... ótima didática parabéns
Boaa, vou trazer esse conteúdo sim! Obrigada Emerson :)
Uma observação, na versão recente do Angular não se usa mais módulos, agora é usado arquivos standalone sem app.module. Se puder explicar um pouco sobre isso agradeço.
sabe de algum tutorial recente e dedático? to pelando pra aprender a usar o Angular
Tava aprendendo angular 14 , quando resolvi mudar pra a versão 17 , quase surto procurando onde ficava módulos ( obs: tou bem no início msm ).
Agora tou procurando conteúdo relacionado a versão 17
Na sua opinião @kipperdev para projetos 'grandes', sistema de backoffice (ERP), qual o mais indicado? VueJS, React ou Angular?
amigo teste as 3 ferramentas e tire sua propria conclusao. Eu ja testei vuejs e angular e tirei minha conclusao que angular nao vinga muito nao
Oi Fernanda tudo bem sou fã dos seu videos e queria uma ajuda eu sou Dev em Delphi e to partinhdo pra web agora a pergunta por qual dos seus curso devo começar?
Na live, um inscritos falou do Angular schematics, que poderia ajudar a gerar a casca de .spec.ts tentei, porém não consegui, gerar os import, provid, etc
Fe, eu estou desenvolvendo mais em backend java com spring e eu queria saber pra onde vou se no react ou no angular, o dúvida cruel, o pessoal fala que pelo react é mais tranquiilo.
So uma dica para quem for instalar o angular o Instale a CLI do Angular no linux tem que dar o comando: ( sudo su ) antes de instalar....
angular e cobol só é usado por banco, que é meio dificil de netrar so quando e muito experiente ou como estágio
Vai ter continuação?
Oi Fernanda, consulto sobre opções de estágios para quem está aprendendo Angular, você sabe de alguma coisa?
Me pergunto agora como vc faz para estudar novas tecnologias Fernanda?
Boa noite Fernanda, qual tema vc tá usando no Vs Code? Abrc
o o Observable de "productList$: Observable = new Observable();" ainda funciona ou será que eu que errei?
Por um momento eu pensei que você estava dando o dedo. 😂
Você começou com node, será que vale a pena estudar node, ou ir para Java? Quero poder trabalhar com Java, porém não tenho problema de começar com node e depois migrar para java(se for melhor começar por node, não sei). E em relação ao front seria melhor ir de react ou angular?
Back end Java ou node?
Primeira vaga
Porque você não faz um projeto completo de app?
bom dia, como vc dividiu seus estudos front end
Oi! Qual é a versão do Angular que vc está usando?
Qual você indica para iniciante de front end angular ou reactjs ?
Se tu souber Angular, tu pega react fácil. Se tu começa pelo react, vai apanhar pro Angular.
Bah, tchê, Fe programação é um arreganho. Tem que ter muita paciência e persistência. Às vezes eu fico tão atucanado que quero arriar os butiá do bolso. Mas depois eu lembro que é tri legal criar coisas novas com código. Então eu deito o cabelo e sigo em frente. Não é uma chinelagem, é um desafio. E eu sou guapo o suficiente para encarar😂❤
Para quem vai começar do zero como fazer. Trabalho com PHP. Rever javascript, type scrit e Angular?
Cara, como vc vem do php a base vc já deve ter: html, css, typescript(que é basicamente js) e orientação à objeto. A maior novidade vai ser a orientação ao aspecto/metadados, que são as "marcações" com @.
boa noite Fernanda, estoy en la Comlobia y quiero mucho firma lo sus canal pero no tengo tarjeta de crédito y tampoco google pay, pues me gustaria otro maneera de pago,,, gracias🙂
Tchê = amigo
Exato hahaha
o meu angular quando eu tento rodar o comando ng new, ele me traz uma outra configuração, perguntando se eu quero "Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? (y/N) " como eu faço para usar essa versão que foi usada durante a live?
Também tenho essa dúvida
ng new --no-standalone --routing --ssr=false
Fala Fernanda blza?? eu vim do ReactJs e to pensando em migrar pro Angular, como está o mercado, referente a vagas? E outra coisa existe alguma diferença do AngularJs x Angular
Oii Anna, sobre o mercado eu não tenho acompanhado muito as vagas, mas das últimas vezes que olhei vagas Frontend, vi bem dividido entre vagas Angular e React....
Sobre o AngularJs e Angular, simm eles são diferentes!!
Ambos foram criados pelo Google, porém possuem uma arquitetura e estrutura interna bem diferente.
O AngularJS é a primeira versão lançada do framework que tinha vários problemas, e normalmente o pessoal chamada de "Angular 1" para distingui-lo do Angular moderno. Quase nem é mais utilizado, só alguns projetos legados.
Já o Angular, é o atual (lançado em 2016), e é o mais utilizado pelas empresas, e seria esse que usei no video :)
certo, aquele curso da Loiane que vc indicou, seria o Angular e nao AngularJS, pq lá algum momento ela falava em Angular 2 por isso ficou confuso, pensei que estava vendo o curso errado...kkk@@kipperdev
@@annakarolinafranz5946 hahahah entendi, mas é isso mesmo! No curso da Loiane é sobre Angular :)
Moça. qual seu metodo de aprender ingles?
Gente, estou usando o Angular CLI 17, e quando dei o comando ng new, o arquvo app.module.ts não foi criado junto. Alguem pode me salvar? Não sei o que fazer.
Muito obrigado!
to com esse problema tbm conseguiu resolver?
aqui também nao conseguir gerar assim como no video, pra mim fica perguntando se "? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? (y/N)" e nao gera os arquivos da mesma forma
ng new --no-standalone --routing --ssr=false
É oque amiga? Eu perdi a Live. 😢
o cara com tdah ouvindo bah e saindo do foco kkkkk Pow pelo contexto ja dava pra saber o que é bah, é igual , nossa, oxente é tudo bah 😂😂😂
hahahah o "bah" serve pra tudo
:)
Quando a Fernanda falou que o Angular é orientado a objeto me veio logo Java e eu desisti kkkkk Vou tentar React
Para aprender angula precisa saber typescript ?
Sim
Não
vc deixou a pasta de arquivos abertas e muito grande. e seu perfil ta escondendo o prompt
Pq eu tô prestando atenção na Fē falando sobre lavar cabelo? 🤣🤣🤣
Acontece.
Que susto essa thumb! 😂
kkk pensei o mesmo
Demorou mais de 40 minutos pra falar um "super", daí falou a primeira vez, lascou. Mas parabéns pela aula!
A super-live foi um fiasco porque o Fiasco não foi!!! 🤣😂😅
41:00 é o "égua" paraense
Muito bom quando tudo funciona do jeito que é demonstrado nos vídeos, quando vamos para a realidade, nada é como parece, vc procura respostas e não encontra nada a respeito, no meu caso, eu fiz todos os procedimentos, porem, após instalar o @angular/cli, o cmd não reconhece os comandos exibindo a seguinte msg: "ng não é reconhecido como comando interno ou externo", olhei vários vídeos e todos fazem os mesmos procedimentos, já desinstalei, entrei nos sites e baixei tudo atualizado, mesmo assim não funciona, QUE FURSTAÇÃO!!
Me desculpe o desabafo, reconheço o esforço de todos vocês, criadores de conteúdos, mas pra quem está começando é muito frustante!!
Olá, a nova atualização do Angular está um lixão! Só não desista execute assim:
ng new --no-standalone
vai da certo!!!
fez algum curso fora da faculdade, ou nao fez faculdade, foi só curso.
bah é só uma expressão auxiliar igual o do no ingles. kkkkkkk
Muito legal o conteúdo, mas vê a glr do chat brigando por ferramenta x e y é vergonhoso... me parecem que não sabem programar, só sabem copiar e colar código de ferramenta x ou y que aprendeu por aí em cursinho.
Uma dica Fernanda. Tenha um objetivo nas suas aulas... porque vejo que não tem uma lógica definida. Exemplo: 'Criar uma aula ou live... para desenvolver uma aplicação do começo ao fim... porque parece aula de matemática, que não explica onde vamos usar os componentes e etc... ensina tantas funções tipo, fórmula de Baskara... algo assim, q nunca saberemos quando iremos utilizar.... mas você é uma ótima professora, apenas uma dica, para dar um objeto nas suas live.
Ela tá segundo o roteiro da vida dela. E vai ser assim no mercado de trabalho, uma hora vc trampa com angula outrora trampa com Java, do nada vai pra Go, em fim
Conforme banda toca ela se esforça a praticar como live/vídeos
Que isso, esta falando groselha. kkk
A Fernanda é um achado justamente pela objetiviidade.
Para quem tem um pouquinho mais de conhecimento, é duro achar material na internet quando se quer aprender alguma linguagem/framework novo, pq sempre os caras ensinam do zero, como se vc não soubesse nada de programação.
Ai vc tem que ficar pulando o video nas partes conceituais que vc não precisa mais aprender, mas com o risco de perder algo importante no meio, ou se não tem que aceitar o ferro e assistir o video inteiro, e perder muito tempo a toa.
Fã ou hater?
Boa sorte com o inglês dos indianos, Man!
@@satnakamoto e ai zé-droguinha, pode explicar? kkkkk
Bá mas pelo sotaque a gente sabe daí