Angular 2 na prática (PT-BR)
Grátis!
With Membership
$7.99
Minimum paid price

Angular 2 na prática (PT-BR)

Com Node/npm, Typescript, SystemJS e Visual Studio Code

Sobre o Livro

Esta obra exibe todos os passos necessários para a construção de aplicações SPA(Single Page Application ) com o novíssimo Angular 2 (em beta até este momento). Através desta obra você aprenderá:

  • Guia completo sobre TypeScript
  • Uso da novíssima IDE Visual Studio Code 
  • Como criar um projeto base em Angular 2
  • Compreender como funciona o import com SystemJS
  • Componentes
  • Eventos
  • Módulos
  • Services
  • Template System
  • Uso do http para conexao com o servidor
  • Bônus:
    • Como instalar e operar o Node/NPM
    • Como operar o MongoDB pelo mongolab
    • Como criar um servidor completo RESTful com Express
  • Exemplo final completo no github
  • Exemplo final com login utilizando Json Web Token
  • Deploy de toda aplicação na Digital Ocean com nginx+node

Esta obra ainda não aborda a migrção do Angular 1 para o Angular 2. Será criado um capítulo específico quando houver o lançamento oficial do Angular 2

Tradução

Sobre os Autores

Daniel Schmitz
Daniel Schmitz

Daniel Schmitz is a software developer and writer. He's originally from Brazil and has published several books in Portuguese/English.

Sumário

  • 1. Introdução
    • 1.1 Pré requisitos
      • 1.1.1 Node
      • 1.1.2 Servidor web
      • 1.1.3 Arquivo package.json
      • 1.1.4 Arquivo package.json
      • 1.1.5 Editores de texto e IDEs
    • 1.2 Além do Javascript
    • 1.3 TypeScript
    • 1.4 Código fonte
  • 2. TypeScript
    • 2.1 Instalando TypeScript
    • 2.2 Uso do Visual Studio Code
      • 2.2.1 Detectando alterações
      • 2.2.2 Debug no Visual Studio Code
      • 2.2.3 Debug no navegador
    • 2.3 Tipos
      • 2.3.1 Tipos Básicos
      • 2.3.2 Arrays
      • 2.3.3 Enum
      • 2.3.4 Any
      • 2.3.5 Void
    • 2.4 Classes
      • 2.4.1 Construtor
      • 2.4.2 Visibilidade de métodos e propriedades
    • 2.5 Herança
    • 2.6 Accessors (get/set)
    • 2.7 Métodos Estáticos
    • 2.8 Interfaces
    • 2.9 Funções
      • 2.9.1 Valor padrão
      • 2.9.2 Valor opcional
    • 2.10 Parâmetros Rest
    • 2.11 Parâmetros no formato JSON
    • 2.12 Módulos
      • 2.12.1 Exemplo com Systemjs
      • 2.12.2 Omitindo arquivos js e map no VSCode
      • 2.12.3 Uso do SystemJS
    • 2.13 Decorators (ou annotation)
    • 2.14 Conclusão
  • 3. Um pouco de prática
    • 3.1 Projeto AngularBase
      • 3.1.1 Configurando o projeto
      • 3.1.2 Configurando a compilação do TypeScript
      • 3.1.3 Criando o primeiro componente Angular 2
      • 3.1.4 Criando o módulo
      • 3.1.5 Criando o bootstrap
      • 3.1.6 Criando o arquivo html
    • 3.2 Criando uma pequena playlist
      • 3.2.1 Estrutura inicial dos arquivos
      • 3.2.2 Criando um arquivo de configuração da aplicação
      • 3.2.3 Adicionando bootstrap
      • 3.2.4 Criando a classe Video
      • 3.2.5 Criando uma lista simples de vídeos
      • 3.2.6 Criando sub-componentes
      • 3.2.7 Formatando o template
      • 3.2.8 Repassando valores entre componentes
      • 3.2.9 Selecionando um vídeo
      • 3.2.10 Eventos
      • 3.2.11 Propagando eventos
      • 3.2.12 Exibindo os detalhes do vídeo
      • 3.2.13 Editando os dados do video selecionado
      • 3.2.14 Editando o título
      • 3.2.15 Criando um novo item
      • 3.2.16 Algumas considerações
    • 3.3 Criando Componentes
    • 3.4 Componentes Hierárquicos
  • 4. Um pouco de teoria
    • 4.1 Visão Geral
    • 4.2 Módulo (module)
      • 4.2.1 Library Module
    • 4.3 @ngModule
    • 4.4 Componente (component)
    • 4.5 Template
      • 4.5.1 Interpolation (Uso de {{ }})
      • 4.5.2 Template Expressions
    • 4.6 Property Bind
      • 4.6.1 Laços
      • 4.6.2 Pipes (Operador |)
    • 4.7 Metadata (annotation)
    • 4.8 Serviço (Service)
    • 4.9 Injeção de dependência
      • 4.9.1 Uso do @Injectable()
  • 5. Formulários
    • 5.1 Criando o projeto inicial
    • 5.2 Uso do ngControl
    • 5.3 Exibindo uma mensagem de erro
    • 5.4 Desabilitando o botão de submit do formulário
    • 5.5 Submit do formulário
    • 5.6 Controlando a visibilidade do formulário
  • 6. Conexão com o servidor
    • 6.1 Criando o projeto
    • 6.2 Configurando o módulo
    • 6.3 Uso da classe Http
    • 6.4 Utilizando services
    • 6.5 Organização do projeto
    • 6.6 Model user
    • 6.7 Service user
    • 6.8 Alterando o componente AppComponent
    • 6.9 Enviando dados
  • 7. Routes
    • 7.1 Aplicação AngularRoutes
    • 7.2 Dividindo a aplicação em partes
    • 7.3 Criando a área onde os componentes serão carregados
    • 7.4 Configurando o router
    • 7.5 Criando links para as rotas
    • 7.6 Repassando parâmetros
  • 8. Exemplo Final - Servidor
    • 8.1 Criando o servidor RESTful
    • 8.2 O banco de dados MongoDB
    • 8.3 Criando o projeto
    • 8.4 Estrutura do projeto
    • 8.5 Configurando os modelos do MondoDB
    • 8.6 Configurando o servidor Express
    • 8.7 Testando o servidor
    • 8.8 Testando a api sem o Angular
  • 9. Exemplo Final - Cliente
    • 9.1 Arquivos iniciais
    • 9.2 Preparando o Template base da aplicação
    • 9.3 Implementando o roteamento (Router)
      • 9.3.1 Criando componentes
      • 9.3.2 Configurando o @RouteConfig
      • 9.3.3 Configurando o menu
      • 9.3.4 Configurando o router-outlet
    • 9.4 Exibindo Posts
    • 9.5 Login
    • 9.6 Services
      • 9.6.1 LoginService
      • 9.6.2 UserService
      • 9.6.3 HeadersService
    • 9.7 Conectando no servidor
    • 9.8 Posts
      • 9.8.1 PostService
    • 9.9 Refatorando a tela inicial
    • 9.10 Conclusão
  • 10. Utilizando Sublime Text
    • 10.1 Instalação
    • 10.2 Adicionando suporte a linguagem TypeScript
    • 10.3 Automatizando a build TypeScript
  • 11. Publicando a aplicação em um servidor cloud
    • 11.1 Criando a conta na Digital Ocean
    • 11.2 Criando o droplet (servidor)
    • 11.3 Configurando o acesso SSH
    • 11.4 Criando o usuário
    • 11.5 Instalando o git
    • 11.6 Instalando Node
    • 11.7 Instalando o nginx
    • 11.8 Instalando os módulos do node
    • 11.9 Recompilando os arquivos TypeScript
    • 11.10 Teste inicial
    • 11.11 Integração entre nginx e node
    • 11.12 Algumas considerações sobre node+nginx
    • 11.13 Domínio
    • 11.14 Conclusão

A garantia Leanpub incondicional, sem riscos, de 100% de satisfação

Durante 60 dias da data de compra você pode solicitar o reembolso total de qualquer compra Leanpub, em dois cliques. Nós processamos os reembolsos manualmente, então eles podem demorar alguns dias para aparecer. Veja os termos completos.

Ganhe $8 em uma compra de $10 e $16 em uma compra de $20

Pagamos 80% de royalties em compras de $7,99 ou mais e 80% de royalties menos uma taxa fixa de 50 centavos em compras entre $0,99 e $7,98. Você ganha $8 em uma venda de $10 e $16 em uma venda de $20. Portanto, se vendermos 5000 cópias não reembolsadas do seu livro por $20, você ganhará $80,000.

(Sim, alguns autores já ganharam muito mais do que isso no Leanpub.)

Na verdade, os autores ganharammais de 13 milhões de dólares escrevendo, publicando e vendendo no Leanpub.

Saiba mais sobre escrever no Leanpub

Atualizações grauitas. Sem DRM.

Se você compra um livro da Leanpub, você recebe atualizações gratuitas enquanto o autor atualizar o livro! Muitos autores utilizam a Leanpub para publicar os seus livros em andamento, enquanto eles estão os escrevendo. Todos os leitores recebem atualizações gratuitas, não importa quando ou por quanto eles compraram o livro (até mesmo de graça).

A maioria dos livros Leanpub estão disponíveis em PDF (para computadores) e EPUB (para telefones, tablets, e Kindle). Os formatos que um livro inclui são exibidos no top direito dessa página.

Por último, livros Leapub não têm nenhuma proteção anti-cópias DRM sem sentido, então você pode facilmente lê-los em qualquer dispositivo suportado.

Aprenda mais sobre os formatos de ebook da Leanpub e aonde lê-los

Escreva e Publique na Leanpub

Autores e editoras usam a Leanpub para publicar incríveis livros em andamento e completos como esse aqui. Você pode usar a Leanpub para escrever, publicar e vender o seu livro também! A Leanpub é uma plataforma poderosa para autores sérios, combinando fluxos de trabalho simples e elegantes para escrita e publicação, com uma loja focada em vender livros em andamento. A Leanpub é uma máquina de escrever mágica para autores: simplesmente escreva em texto simples e, para publicar o seu ebook, apenas aperte um botão. É realmente fácil assim.

Aprenda sobre como escrever na Leanpub