ANGULAR PARA INICIANTES - PRIMEIROS PASSOS

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024

Комментарии • 70

  • @areatechbrasil
    @areatechbrasil  7 месяцев назад +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

  • @mardukas13
    @mardukas13 6 месяцев назад +12

    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 4 месяца назад

      nossaa vlw muito

    • @ricadosasse3129
      @ricadosasse3129 4 месяца назад

      cara vc é um herói, obrigado mesmo

    • @jorgesouza1904
      @jorgesouza1904 3 месяца назад

      Obrigado obrigado obrigado

    • @Caue-g4h
      @Caue-g4h 2 месяца назад

      Nem toda capa usa o herói

  • @VictorOnFlutter
    @VictorOnFlutter 25 дней назад +2

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

  • @talitacarai5020
    @talitacarai5020 7 месяцев назад +17

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

    • @areatechbrasil
      @areatechbrasil  7 месяцев назад +2

      Eu pretendo continuar sim! 🙌

    • @Titovictoor
      @Titovictoor 7 месяцев назад +1

      UP

    • @Milano262
      @Milano262 7 месяцев назад +1

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

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

      Faço das suas palavras as minhas

    • @evanilsonp.9900
      @evanilsonp.9900 6 месяцев назад

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

  • @jdchavesjlle
    @jdchavesjlle 18 дней назад +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

  • @SOLLUXGMR
    @SOLLUXGMR 10 дней назад +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  10 дней назад +1

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

  • @jeduardomeneses
    @jeduardomeneses 3 месяца назад +1

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

    • @areatechbrasil
      @areatechbrasil  3 месяца назад

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

  • @JuanLiima
    @JuanLiima 5 месяцев назад +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  5 месяцев назад +1

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

  • @intojust5629
    @intojust5629 2 дня назад +1

    Cara, que vídeo incrível!

  • @RafaelOliveira-oh5ge
    @RafaelOliveira-oh5ge Месяц назад

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

  • @ricardofurlaniyahoo
    @ricardofurlaniyahoo 3 месяца назад +3

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

  • @robsonlirayou
    @robsonlirayou 7 месяцев назад +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.

  • @brunodavis7303
    @brunodavis7303 7 месяцев назад +2

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

  • @ThiagoVasconcelos-v1t
    @ThiagoVasconcelos-v1t 7 месяцев назад +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?

  • @weverton.santiago
    @weverton.santiago 7 месяцев назад +2

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

  • @william_shokhan
    @william_shokhan 7 месяцев назад +2

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

  • @deco7290
    @deco7290 5 месяцев назад +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!

  • @pauloseibel
    @pauloseibel 6 месяцев назад +1

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

  • @wlisses-silva
    @wlisses-silva 7 месяцев назад +1

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

  • @allang.5077
    @allang.5077 6 месяцев назад +1

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

    • @areatechbrasil
      @areatechbrasil  6 месяцев назад +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.

  • @AleferReinert
    @AleferReinert 3 месяца назад +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  3 месяца назад +1

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

  • @lucasvarga3840
    @lucasvarga3840 7 месяцев назад +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 6 месяцев назад

      Conseguiu resolver? Estou com o mesmo problema

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

      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!

  • @kawemashiro7266
    @kawemashiro7266 6 месяцев назад +1

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

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

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

  • @larysantoos2649
    @larysantoos2649 5 месяцев назад

    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 3 месяца назад +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 3 месяца назад

      @@manoelribeiro8310 obrigada vou usar esse.

  • @emer_songs
    @emer_songs 2 месяца назад

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

  • @FFCagadaseMancadas
    @FFCagadaseMancadas 5 месяцев назад +1

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

    • @areatechbrasil
      @areatechbrasil  5 месяцев назад

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

  • @FFCagadaseMancadas
    @FFCagadaseMancadas 5 месяцев назад +1

    Moço que thoppppp

  • @Aham107
    @Aham107 7 месяцев назад +2

    Muito bom esse vídeo 👏

  • @karlosjurubeba6442
    @karlosjurubeba6442 7 месяцев назад +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  7 месяцев назад

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

  • @iagomonteiro8998
    @iagomonteiro8998 2 месяца назад

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

  • @palmeriojulio
    @palmeriojulio 3 месяца назад +1

    Parabéns cara, muito bom.

  • @gabrielmontrone9866
    @gabrielmontrone9866 7 месяцев назад

    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 5 месяцев назад

      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 🤙

  • @gabrielrogeriomessias8370
    @gabrielrogeriomessias8370 5 месяцев назад +1

    Que aula fenomenal, muito bom !!

  • @christiancardoso09
    @christiancardoso09 6 месяцев назад +1

    Show hein... adorei