Este é um livro open-source, tanto no conteúdo quanto no código-fonte associado. O conteúdo é resultado de algumas práticas com o Framework Angular e segue uma abordagem prática, com foco no entendimento de conceitos e tecnologias no contexto do desenvolvimento de um software de gerenciamento escolar.
Com o passar dos capítulos será possível perceber a utilização iterativa e incremental de recursos até chegar à conclusão do desenvolvimento do gerenciador escolar.
Parte do conteúdo do livro é baseada na documentação oficial do Angular, disponível em https://angular.io.
Como o Angular é um projeto em constante desenvolvimento (pelo menos até agora) serão publicadas atualizações no conteúdo do livro sempre que possível, para refletir novos recursos e funcionalidades. No momento, o conteúdo do livro é baseado na versão 5.2.0.
Este livro aborda o desenvolvimento de software front-end para a web do ponto-de-vista do Angular. Isso quer dizer que não trata de conceitos iniciais de HTML, CSS, JavaScript, TypeScript e Bootstrap. Entretanto, os conceitos fundamentais dessas tecnologias vão sendo apresentados no decorrer dos capítulos, conforme surge a necessidade deles.
Para aprender mais sobre essas tecnologias recomendo essas fontes:
- TypeScript: Documentação oficial do TypeScript - Microsoft, TypeScript Deep Dive
- HTML, CSS e JavaScript: W3Schools
- Boostrap: Documentação oficial do Bootstrap
O software Angular Escola, que serve como apoio para este livro está disponível gratuitamente no Github: https://github.com/jacksongomesbr/angular-escola. O repositório provê branches que demonstram a evolução do desenvolvimento do software na mesma ordem dos capítulos do livro. Cada capítulo, se necessário, indica qual branch utilizar.
Para utilizar o código-fonte do livro e desenvolver em Angular você precisa, antes, montar seu ambiente de desenvolvimento com algumas ferramentas:
- Git: disponível em https://git-scm.com/
- Node.js: disponível em https://nodejs.org representa um ambiente de execução do JavaScript fora do browser e também inclui o npm, um gerenciador de pacotes
- Editor de textos ou IDE: atualmente há muitas opções, mas destaco estas:
- VisualStudioCode: disponível em https://code.visualstudio.com/
- Nodepad++: disponível em https://notepad-plus-plus.org/
- **PHPStorm **ou WebStorm: disponíveis em https://www.jetbrains.com
A tabela a seguir apresenta uma visão geral dos conceitos apresentados ou discutidos em cada capítulo do livro.
| Capítulo | Conteúdos |
|---|---|
| Iniciando com o Angular | Arquitetura do Angular; Elementos da Arquitetura do Angular (ex.: módulos e componentes) |
| Angular CLI | Ferramenta Angular CLI; Comandos |
| Criando o projeto | Ferramenta Angular CLI; Comando new |
| Apresentando a lista de disciplinas | Data binding; Diretivas; Eventos |
| Cadastrando uma disciplina | Formulários; Two-way Data binding; Eventos |
| Excluindo uma disciplina | Two-way Data Binding; Eventos |
| Editando dados de uma disciplina | Formulários; Two-way Data Binding; Eventos |
| Melhorando a interface gráfica do CRUD de disciplinas | Formulários; Data Binding; Eventos; Bootstrap; Font Awesome |
| Interação entre componentes | Criação de componentes; Input e Output para interação entre componentes |