Bem Vindo ao Angular4Noobs, nosso objetivo aqui é te ensinar um pouco do angular de forma simples, fácil, rápida e descontraída para que você consiga aprender e criar seus próprios projetos e seguir o aprendizado neste framework e no mundo do desenvolvimento web.

Todos os exemplos serão escritos com Typescript, porém voce pode escrever utilizando javascript (porém é altamente recomendado você utilizar Typescript).

Caso voce já entenda de angular e queira a nos dar alguma opinião, ajuda ou algo do tipo, fique à vontade para sugerir nas issues ou fazer pull requests (no final desse texto eu explico como).

Angular é um Component-Based Javascript Framework para desenvolvimento de Single Page Applications e PWA Escaláveis utilizando Typepscript e Javascript.

mas Wil, o que é um framework?

eu te digo meu jovem padawan, um framework é basicamente uma estrutura que vai te da coisas pra facilitar tua vida na hora de desenvolver alguma aplicação.

No caso do angular, ele te da todo um ecossistema para desenvolvimento que se voce seguir você consegue desenvolver projetos dos simples aos complexos de forma rápida,padronizada, perfomática. e escalável.

Mas enfim, o que ele me oferece de bom wil?

então... o angular te oferece 1- desenvolvimento crossplataform

velocidade e performace

Libs bem integradas paras as mais variadas necessidades como por exemplo para Requisições HTPP (calma, vamos chegar lá)

Ferramentas integradas para te ajudar no desenvolvimento tanto no build da sua aplicacão como também para testes e atualizaçao de codigo.

uma gama de ferramentas e conceitos pra utilizar, e de quebra uma comunidade enorme e participativa.

Neste Angular4Noobs vamos fazer entender os conceitos teoricamente e depois aplicar no projeto que será uma calculadora de valor para freelancer, faremos isso para fixar os conceitos e aprender bem na prática como é usar o angular.

1. Angular CLI
2. Módulos
3. Componentes
4. Passagem Dados
5. Ciclos de Vida
6. Rotas
7. Serviços
8. Estrutura de Projetos
9. Formularios
10. Diretivas
11. Requisições HTTP

Bom, nos vamos criar um joguinho de pokemon em cards aplicar o que vai ser ensinado aqui, vamos la?

Você pode ver o resultado aqui: Preview

Bom, para começar, você vai primeiramente necessitar dos seguintes arquivos:

2. Criando estrutura do Projeto
3. Configurando Rotas
4. Implementando Formulários
5. Implementando a Lógica de Negócio

Deseja contribuir com a comunidade open source e com esse projeto maravilhoso para ajudar mais e mais pessoas? nós apreciamos muito sua atitude! segue os passos abaixo e seja feliz (:

1. Realize um Fork do projeto
2. Crie um branch com a nova feature (git checkout -b feature/featureNova)
3. Realize o Commit (git commit -m 'add lazyload content') (explicitando bem o que esse commit irá fazer ( de preferencia em ingles))
4. Realize o Push no Branch (git push origin feature/featureNova)
5. Abra um Pull Request
6. Aguarde a Review e Voilá

ou crie uma issue.

Jose Wilder - Front-end Developer and He4rt Developer Member Linkedin