ANGULAR PARA INICIANTES - PRIMEIROS PASSOS

Поділитися
Вставка
  • Опубліковано 5 лют 2025

КОМЕНТАРІ • 77

  • @areatechbrasil
    @areatechbrasil  Рік тому +1

    📚Treinamentos indicados para sua carreira:
    🔥Se você quer aprender a criar aplicativos:
    hotm.art/curso-completo-de-android
    🔥Se você quer aprender Java do Zero ao avançado
    hotm.art/java-completo
    🔥Curso Desenvolvedor Full Stack Turbo:
    hotm.art/full-stack-turbo
    💻Mais conteúdos sobre Programação e desenvolvimento:
    areatechbrasil.com.br

  • @talitacarai5020
    @talitacarai5020 11 місяців тому +22

    POR FAVOOOOOOOOOR CONTINUA ESSES VIDEOS DO ANGULAR 17, NÃO ACHO EM LUGAR NENHUM UM CURSO COM ANGULAR 17 NO UA-cam

    • @areatechbrasil
      @areatechbrasil  11 місяців тому +3

      Eu pretendo continuar sim! 🙌

    • @Titovictoor
      @Titovictoor 11 місяців тому +1

      UP

    • @Milano262
      @Milano262 11 місяців тому +1

      realmente, to enfrentando esse problema agora e ele tem varias diferenças em relação a versoes anteriores

    • @JohnMitysumy
      @JohnMitysumy 10 місяців тому

      Faço das suas palavras as minhas

    • @evanilsonp.9900
      @evanilsonp.9900 10 місяців тому

      Pois é. Sou programador Java e o ' ideal ' é eu aprender angular mas conteúdo é pouco demais. Tô quase indo aprender react e next js

  • @mardukas13
    @mardukas13 11 місяців тому +14

    Obrigado pelo vídeo!
    Uma coisa, percebi que ao explicar como fazer para o componente "app" enxergar o componente "teste", faltou mencionar que no arquivo app.component.ts, na linha 8, é preciso adicionar o TesteComponent nos imports desse arquivo e também dentro da array de imports, ficando dessa forma:
    ------------------
    import { Component } from '@angular/core';
    import { RouterOutlet } from '@angular/router';
    import { TesteComponent } from './teste/teste.component';
    @Component({
    selector: 'app-root',
    standalone: true,
    imports: [RouterOutlet, TesteComponent],
    templateUrl: './app.component.html',
    styleUrl: './app.component.css'
    })
    export class AppComponent {
    title = 'areatechbr';
    }
    ------------------
    Originalmente a linha imports era:
    imports: [RouterOutlet],
    ------------------
    Caso não seja feita essa alteração, o app dá um erro no Terminal onde está rodando o ng serve:
    ------------------
    X [ERROR] NG8001: 'app-teste' is not a known element:
    1. If 'app-teste' is an Angular component, then verify that it is included in the '@Component.imports' of this component.
    2. If 'app-teste' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@Component.schemas' of this component to suppress this message. [plugin angular-compiler]
    src/app/app.component.html:0:0:
    0 │
    ╵ ^
    Error occurs in the template of component AppComponent.
    src/app/app.component.ts:8:15:
    8 │ templateUrl: './app.component.html',
    ------------------
    Espero que isso possa ajudar a galera que pode estar com essa dificuldade, como eu estava. Se essa não for a melhor solução, por favor adicionem aqui como resposta ao meu comentário! Isso ajudará todo mundo.
    Obrigado novamente! :)

    • @gilmaikjr8569
      @gilmaikjr8569 9 місяців тому

      nossaa vlw muito

    • @ricadosasse3129
      @ricadosasse3129 9 місяців тому

      cara vc é um herói, obrigado mesmo

    • @jorgesouza1904
      @jorgesouza1904 7 місяців тому

      Obrigado obrigado obrigado

    • @Caue-g4h
      @Caue-g4h 7 місяців тому

      Nem toda capa usa o herói

  • @kawemashiro7266
    @kawemashiro7266 10 місяців тому +2

    não sou de comentar em vídeos, mas sua didática é excelente. Explicou melhor que o meu professor na faculdade!! obrigado.

    • @areatechbrasil
      @areatechbrasil  10 місяців тому

      Nossa, muito obrigado mesmo!! Que bom que eu estou conseguindo ajudar 🙏🙌

  • @brunodavis7303
    @brunodavis7303 Рік тому +2

    Massa demais o Angular. Comecei a trabalhar com ele recentemente e tô gostando muito. Trás mais vídeos de Angular

  • @iambere
    @iambere Місяць тому +1

    excelente didática! parabéns!

  • @SOLLUXGMR
    @SOLLUXGMR 4 місяці тому +1

    cara, você é incrivel eu assisti diversos videos e simplesmente não entrava na minha cabeça como funcionava mas com esse video eu consegui pegar bastante, muito obrigado! :D

    • @areatechbrasil
      @areatechbrasil  4 місяці тому +1

      Opa, que bom!! A ideia é sempre facilitar o aprendizado, fico feliz em saber que deu certo haha !!

  • @jdchavesjlle
    @jdchavesjlle 4 місяці тому +1

    Caramba mano, conteudo bom demais. E não é chato e massante, curti demais. Eu Preciso estudar/aprender Angular, seu video me deu uma boa motivação. Tmj

  • @ricardofurlaniyahoo
    @ricardofurlaniyahoo 7 місяців тому +3

    Parabéns! Muito bem explicado e principalmente numa velocidade ágil, sem enrolação!

  • @iagomonteiro8998
    @iagomonteiro8998 6 місяців тому

    Cara vc é mto bom!! Feliz por ter conhecido o canal

  • @karlosjurubeba6442
    @karlosjurubeba6442 11 місяців тому +1

    Cara nunca comentei em vídeos , mais esse seu tirou 100% das minhas dúvidas e se puder continuar vai ajudar de mais

    • @areatechbrasil
      @areatechbrasil  11 місяців тому

      Opa, muito obrigado!! Fico feliz em saber disso, eu pretendo sim constinuar, to correndo aqui pra aprender mais haha

  • @JuanLiima
    @JuanLiima 9 місяців тому +4

    Muito obrigado cara , esse foi o unico video que me ajudou a começar do zero , nao sei nada de angular e tenho que fazer um projeto na faculdade. ganhou um inscriro🙂

    • @areatechbrasil
      @areatechbrasil  9 місяців тому +1

      Opa, que ótimo!! Muito obrigado pela força hehe espero poder continuar ajudando sempre!!

  • @AleferReinert
    @AleferReinert 7 місяців тому +1

    Quem dera todo conteúdo fosse assim objetivo e organizado. Vim aqui pesquisar justamente por estar fazendo um curso 'recente' onde utilizaram uma versão antiga e você inclusive falou sobre isso. Muito grato!

    • @areatechbrasil
      @areatechbrasil  7 місяців тому +1

      Nossa, que ótimo pode ler esse comentário com seu feedback. Muito obrigado 🙏

  • @weverton.santiago
    @weverton.santiago 11 місяців тому +2

    Top demais o seu canal! Angular é top demais.
    Mais um inscrito ❤

  • @intojust5629
    @intojust5629 4 місяці тому +1

    Cara, que vídeo incrível!

  • @rafaelbarbosadesouza7426
    @rafaelbarbosadesouza7426 3 місяці тому

    Angular e show mesmo ate mais fácil de entender.

  • @gabrielrogeriomessias8370
    @gabrielrogeriomessias8370 9 місяців тому +1

    Que aula fenomenal, muito bom !!

  • @FFCagadaseMancadas
    @FFCagadaseMancadas 9 місяців тому +1

    Por favor faz mais, continue ensinando, desejo muito aprender.

    • @areatechbrasil
      @areatechbrasil  9 місяців тому

      Pretendo continuar sim!! logo logo postarei mais conteúdos sobre.

  • @palmeriojulio
    @palmeriojulio 7 місяців тому +1

    Parabéns cara, muito bom.

  • @Aham107
    @Aham107 Рік тому +2

    Muito bom esse vídeo 👏

  • @deco7290
    @deco7290 9 місяців тому +1

    Ajudou bastante! Estou começando a estudar o Angular na faculdade, mas os professores são péssimos na didática. Parabéns pelo vídeo!

  • @christiancardoso09
    @christiancardoso09 10 місяців тому +1

    Show hein... adorei

  • @robsonlirayou
    @robsonlirayou Рік тому +1

    Top ! meu caro vai falar a respeito de Stand Alone Components? eu vi que agora tem isto e quando vc criou o componente tem ali uma propriedade que veio true, mais estou longe do angular.... na verdade qdo utilizei o angular foi com o IONIC gostaria de saber mais a respeito se puder comentar sobre agradeço.

  • @emer_songs
    @emer_songs 6 місяців тому

    Adorei tua abordagem. Estou procurando projetos Angular para seguir e aprender. Vai lançar um projeto Angular do zero aqui no canal?

  • @GabrielLima-dz7bd
    @GabrielLima-dz7bd 3 місяці тому +1

    pq não fala que precisa do node?

  • @RafaelOliveira-oh5ge
    @RafaelOliveira-oh5ge 5 місяців тому

    Olá Otimo video direto ao Ponto.Tem algum curso seu De Angular para eu poder comprar ?

  • @gabrielmontrone9866
    @gabrielmontrone9866 11 місяців тому

    que legal! tá realmente muito difícil achar conteúdo sobre essa nova versão do angular que não lida com esse app.module.ts.Se puder trazer masis vídeos criando projetos na prática, aposto que ajudaria muitas pessoas. Muito bom o conteúdo. Sucesso!

    • @JoaoVictor-ti8ik
      @JoaoVictor-ti8ik 10 місяців тому

      mesmo assim recomendo que voce estude os 2 jeitos, pois nenhuma empresa ira utilizar o 17 pra agora, entao acostume-se tanto em mexer no module quanto na versao standalone se quiser fazer projetos pessoais 🤙

  • @FFCagadaseMancadas
    @FFCagadaseMancadas 9 місяців тому +1

    Moço que thoppppp

  • @jeduardomeneses
    @jeduardomeneses 7 місяців тому +1

    Boa noite. Quais cursos de angular vc fez ou recomenda?

    • @areatechbrasil
      @areatechbrasil  7 місяців тому

      Bom dia. Infelizmente eu ainda não tenho nenhuma recomendação de curso que eu possa indicar aqui :/

  • @pauloseibel
    @pauloseibel 10 місяців тому +1

    Então é possível customizar um componente e adicionar novas características ao componente se necessário?

  • @wlisses-silva
    @wlisses-silva Рік тому +1

    Vamos seguir os vídeos de #Angular?? Espero que sim. Estarei sempre atento aos novos vídeos.

  • @william_shokhan
    @william_shokhan Рік тому +2

    Ficaria legal p criar um projeto java com angular usando o intellij?

  • @ThiagoVasconcelos-v1t
    @ThiagoVasconcelos-v1t 11 місяців тому +1

    no cli do angular 17 aparece Do you want to enable Server-Side Rendering (SSR) and Static Site Generation
    (SSG/Prerendering)? eu marco sim ou nao?

  • @allang.5077
    @allang.5077 10 місяців тому +1

    meu ( ng g c teste ) não funciona . o prompt diz que a execução de scripts foi desabilitada

    • @areatechbrasil
      @areatechbrasil  10 місяців тому +1

      Isso porque o a politica de execução do PowerShell está desabilitado. Você pode tentar alterar a política de execução do PowerShell com o seguinte comando, executado como administrador: Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
      Isso permitirá a execução de scripts que foram assinados ou criados localmente no seu computador.

  • @lucasvarga3840
    @lucasvarga3840 11 місяців тому +1

    O meu não da certo de jeito nenhum. Criei igual o vídeo, gerou a pasta teste normal, porém ele da um erro no parece que ele não está reconhecendo o componente
    E quando tento usar o ctrl + no vs code ele só da zoom na tela msm kkkkkkk

    • @pietragamer4046
      @pietragamer4046 11 місяців тому

      Conseguiu resolver? Estou com o mesmo problema

    • @mardukas13
      @mardukas13 11 місяців тому

      Eu respondi mais acima o que eu fiz pra resolver um problema que estava rolando comigo. Pelo que você descreveu, acho que o erro no seu projeto é exatamente a mesmo que no meu; veja se a solução que eu coloquei resolve pra você! Boa sorte!

  • @larysantoos2649
    @larysantoos2649 9 місяців тому

    Gente eu consigo achar nada atualizado de como navegar em várias páginas e isso não entra na cabeça com o angular, por exemplo a tela home que vai ter entrar cadastrar essas coisas como que faz para mecher nessas telas e Ir visualizando

    • @manoelribeiro8310
      @manoelribeiro8310 7 місяців тому +1

      Vc se refere a roteamento com o angular? Pq se sim, se vc usar o router do angular, é possível navegar em diversas paginas

    • @larysantoos2649
      @larysantoos2649 7 місяців тому

      @@manoelribeiro8310 obrigada vou usar esse.

  • @Agnerage
    @Agnerage Місяць тому

    Não entendi foi nada😂 alguém indica um curso bom?

  • @ogneto9663
    @ogneto9663 2 місяці тому +1

    vídeo bom mas falou muito rápido

    • @areatechbrasil
      @areatechbrasil  2 місяці тому

      Obrigado. Então, eu tenho esse "defeito" porque eu criei o hábito de assistir vídeos acelerados em 2x. Sempre tento tomar cuidado na hora de gravar, mas infelizmente quase sempre falo acelerado. 😕

  • @VictorOnFlutter
    @VictorOnFlutter 5 місяців тому +3

    Gente, aqui foi necessário colocar nos imports do app.components.ts --> imports: [RouterOutlet, TesteComponent],