Get Started. It's Free
or sign up with your email address
angular.io by Mind Map: angular.io

1. Visão Geral

1.1. Estrutura de design de aplicativo e plataforma de desenvolvimento

1.2. Parceria Google + Microsoft

1.3. Open Source

1.4. TypeScript

1.4.1. super conjunto de Javascript

1.4.2. orientação a objeto

1.4.3. Transpile

1.5. Pré-requisitos

1.5.1. HTML

1.5.2. CSS

1.5.3. Javascript

2. Primeiro Projeto

2.1. Comandos

2.1.1. ng new

2.1.2. ng serve

2.1.3. npm start

2.2. Estrutura do projeto

3. Conceitos

3.1. Árvore de Componentes

3.2. Modules

3.2.1. Inicialização da APP

3.2.2. Modularizado

3.3. Components

3.4. Templates, directives, and data binding

3.5. Services and dependency injection

3.6. Routing

3.7. Arquitetura do Angular

4. Blocos Principais

4.1. Componentes

4.1.1. HTML

4.1.2. CSS

4.1.3. TS

4.1.4. Encapsula

4.1.4.1. Template

4.1.4.1.1. basicamente o HTML

4.1.4.2. Metadata

4.1.4.2.1. procesasmento das classes

4.1.4.3. Data Binding

4.1.4.3.1. Dado a ser mostrado na tela

4.2. Roteamento

4.2.1. responsável pela navegação

4.3. Diretivas

4.3.1. Responsável por modificar elementos DOM e/ou seu comportamento

4.3.1.1. <input type="text" autoGrow>

4.4. Serviços

4.4.1. logica de negocio e comunicação com o Back-end

4.5. Template

4.6. Metadata

4.7. Data Binding

4.8. Injeção de Dependencia

5. Ambiente de desenvolvimento

5.1. Angular

5.1.1. Node

5.1.1.1. https://nodejs.org/pt-br/

5.1.2. Git

5.1.2.1. https://git-scm.com/

5.1.3. CLI

5.1.3.1. https://angular.io/cli

5.2. Visual Studio Code

5.2.1. Angular Extension Pack

5.2.1.1. Loiane Groner

5.2.1.1.1. youtube.com/loianegroner

5.2.1.2. Angular Extension Pack - Visual Studio Marketplace

5.2.2. Dracula Official

5.2.2.1. Dracula Official - Visual Studio Marketplace

5.2.3. Powershell

5.2.3.1. PowerShell - Visual Studio Marketplace