Skip to content

Segundo simulado para testar suas habilidades de Angular do programa Avanade Angular Academy (AAA) By Gama

Notifications You must be signed in to change notification settings

geovanasilva/gama-avanade-tryout02

Repository files navigation

Avanade Angular Academy by Gama - Simulado #2

Segundo simulado para testar suas habilidades de HTML, CSS e TypeScript do programa Avanade Angular Academy (AAA) By Gama. Neste simulado o objetivo é testar sua habilidade para desenvolver usando Angular.

Finalmente vamos começar a brincar de verdade né?! Bateu um frio na barriga só de ver o nome Angular? Fica sossegado que é bem tranquilo e hoje o angular-cli, typescript e o plugin momentjs vão ser seus melhores amigos.

Agora chega de conversa e vamos codar!

Configurando ambiente no Windows, Mac e Ubuntu

Visto que você já tem o node instalado e ja fez o primeiro simulado vamos apenas instalar as dependencias do projeto:

npm install

Dependências instaladas, vamos entender a estrutura inicial. Você vai encontrar alguns arquivos já criados e trabalhar a partir daí. A ideia aqui é exercitar um pouco de TDD (Test Driven Development). A primeira coisa que você precisa fazer é rodar na sua linha de comando o seguinte:

npm test

Para saber mais sobre testes de aceitação, leia sobre o framework Mocha. O primeiro teste irá passar e os demais irão falhar. Para terminar este simulado o seu objetivo é fazer todos os testes passarem.

O que vamos desenvolver?

Neste simulado iremos desenvolver um calendário de eventos utilizando Angular e Moment.js - para uma manipulação mais facil de datas. O nosso calendário já possui um arquivo de seed e para utilizá-lo precisaremos consultar nossa API local para manipular os dados utilizando o plugin In-memory Web API.

Ta achando que é muita informação?? Fica calmo! Dê uma olhadinha nesses dois tutoriais oficiais da pagina do Angular que eles abordam o minimo necessario para você finalizar esse simulado com maestria:

Mas e o layout? Como fica?

Ficar abrindo photoshop para pegar medidas de layout, hexadecimal de cores e tipo das fontes é chato né? Nosso super Designer preparou um style-guide para facilitar a vida de vocês!

style-guide

style-guide-2

About

Segundo simulado para testar suas habilidades de Angular do programa Avanade Angular Academy (AAA) By Gama

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published