Angular

Pontapé inicial com Angular 4

Por em

Olá pessoal!!

Vamos iniciar uma série fantástica sobre Angular 4. Falaremos sobre assuntos de desenvolvimento WEB do dia-a-dia que podem facilmente ser aplicados com Angular 4.

O Angular 4 é um framework javascript mantido pela Google para criar aplicações WEB mobile e desktop, de forma reativa, com uma programação inovadora.

Através dele, temos um novo paradigma de desenvolvimento, focado nos dados da aplicação, em vez de um programação focada na manipulação do DOM.

Neste vídeo, em apenas alguns minutos, daremos o pontapé inicial com o Angular 4, entendendo:

  • Os conceitos iniciais.
  • A ferramenta de linha de comando @angular/cli.
  • O esqueleto de uma nova aplicação.
  • A programação reativa com eventos, diretivas como: ngModel e ngFor.

Curtam esta nova série!

 

Comentários: 46

  • Por isso que sempre indico vcs, sou assinante da SOE e da CE e sempre vcs nos trazem coisas fresquinhas para o dia dia! Parabéns! E parabéns ai tbm pela metodologia Prof Luiz Carlos.

  • No meu caso nao da certo, acontece varios erros:
    npm ERR! Windows_NT 10.0.14393
    npm ERR! argv “C:\Program Files\nodejs\node.exe” “C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js” “install” “-g” “@angular/cli”
    npm ERR! node v6.11.0
    npm ERR! npm v3.10.10
    npm ERR! code EACCES
    npm ERR! errno EACCES
    npm ERR! syscall connect

    npm ERR! Error: connect EACCES 151.101.92.162:443
    npm ERR! at Object.exports._errnoException (util.js:1018:11)
    npm ERR! at exports._exceptionWithHostPort (util.js:1041:20)
    npm ERR! at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1086:14)
    npm ERR! { Error: connect EACCES 151.101.92.162:443
    npm ERR! at Object.exports._errnoException (util.js:1018:11)
    npm ERR! at exports._exceptionWithHostPort (util.js:1041:20)
    npm ERR! at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1086:14)
    npm ERR! code: ‘EACCES’,
    npm ERR! errno: ‘EACCES’,
    npm ERR! syscall: ‘connect’,
    npm ERR! address: ‘151.101.92.162’,
    npm ERR! port: 443 }
    npm ERR!
    npm ERR! Please try running this command again as root/Administrator.

    npm ERR! Please include the following file with any support request:
    npm ERR! C:WINDOWSsystem32npm-debug.log

    OBS: Eu utilizo Kaspersky como antivirus, mesmo eu desabilitando o erro persiste, nao sei se pode ser o antivirus ou outra coisa, alguem passou pela mesma situação

    • Nesse caso, provavelmente, vc tem que executar seu console como administrador. Os erros apresentados mostram que você não tem permissão.

      • Wesley qual seria esse administrador que voce diz ? Pois estou no Windows, estou abrindo o prompt como administrador, de qualquer forma nao funciona =/

        • Olá Jaílson,

          Se em modo administrador com antivírus desabilitado não deu certo, tente desabilitar também o firewall do Windows no painel de controle. Tomara que funcione.
          ?

          • Fale Jailson, meu antivirus tem firewall desabilitei dele tbm, e tbm do proprio Windows, e nada =/ sinceramente ja nao sei oqe fazer rsrs =/

          • Hailson,

            Isto pode estar sendo causado por algum software instalado na máquina ou por um servidor proxy na sua rede que bloqueia o Node.

          • Jailson tbm estou achando isso, estou instalando no trabalho onde ja fiz uma aplicação em laravel, e iria aperfeiçoar com o Angular conforme vou conhecendo a linguagem. Enfim, aqui na empresa tem nosso servidor de Firewall que acho que pode ser ele que esteja me bloqueando. Oqe preciso liberar no meu firewall pra passar, pois nao sei.

    • Olá Jaílson,

      Se em modo administrador com antivírus desabilitado não deu certo, tente desabilitar também o firewall do Windows no painel de controle. Tomara que funcione.
      😉

  • Excelento video!

    Estou assistindo aos poucos e preciso dizer: tu teve uma melhora enorme nas explicações em relação aos primeiros vídeos teus que eu assisti. Continue melhorando assim 🙂

  • eu importei o import { FormsModule } from ‘@angular/forms’; ai ficou dessa forma:

    import { BrowserModule } from ‘@angular/platform-browser’;
    import { NgModule } from ‘@angular/core’;
    import { FormsModule } from ‘@angular/forms’;
    import { AppComponent } from ‘./app.component’;

    @NgModule({
    declarations: [
    AppComponent
    ],
    imports: [
    BrowserModule,
    FormsModule
    ],
    providers: [],
    bootstrap: [AppComponent]
    })
    export class AppModule { }

    mas meu formulário não aparece no localhost:4200, o que pode ser?