Workshop Angular Material

Descobrindo na prática porque desenvolvedores e clientes ficam mais felizes com Angular Material ｡◕‿‿◕｡

Sugiro fortemente continuar a leitura através desta postagem mais completa, sobre o projeto.

Step 0 - Preparando ambiente

Caso ainda não tenha o Node Package Manager instalado:
https://nodejs.org/en/download/package-manager

ou para instalar com Node Virtual Manager:
https://github.com/creationix/nvm#install-script

ps. talvez precise usar o npm como super user (como 'sudo npm');
(embora não seja recomendado não interfere nos propósitos deste tutorial)

Clonando o projeto

git clone https://github.com/raul010/angular-material-prototipo.git

cd angular-material-prototipo

Install Dependencies

npm install

Start Server

npm start

* Listening port 3000...

Abra: http://localhost:3000

Pronto, você já tem o projeto inteiro em mãos. Agora se quiser ir observando o passo a passo, com mais calma, basta ir dando o chekout e observando o que foi incluído. Conforme os passos mais abaixo.

Qualquer dúvida, ou feedback é bem vindo:

raul@melhore.me

@rauleite

Step 1 - Hello Angular

git checkout -f step-001

npm start

* Listening port 3000...

Abra: http://localhost:3000

Step 2 - Hello Angular Material - Toolbar

Mesmos passos, apenas alternado de 'step-001', para 'step-002':

git checkout -f step-002

npm start

* Listening port 3000...

Step 3 - Tema

git checkout -f step-003

npm start

Step 4 - Layout

git checkout -f step-004

npm start

Step 5 - Resposividade

git checkout -f step-005

npm start