Skip to content

Gropp/projectspa

Repository files navigation

Projectspa


PROJETO DE CONSTRUÇÃO DE UM SITE NO FORMATO SINGLE-PAGE APPLICATION PARA ATENDER AO DESAFIO APRESENTADO NA AULA DE ANGULAR SPA

NA TEORIA SIMPLES, MAS FOI A PRIMEIRA VEZ, ALÉM DA AULA QUE USEI ANGULAR/MATERIAL UTILIZEI O CONHECIMENTO EM TYPESCRIPT DE UM CURSO QUE FIZ PARA RESOLVER OS PROBLEMAS DE VARIAVEIS DECLARADAS E NAO INICIALIZADAS APRENDENDO A ESTRUTURA DESSE FRAMEWORK

- TER NO MINIMO 3 COMPONENTES
    HOME
    ALUNOS
    PROFESSORES
    CURSOS
    ERROR404

- INCORPORAR 4 ELEMENTOS DO ANGULAR MATERIAL
    TOOLBAR
    MENU
    ICONES
    TABELA
    DIVIDER
    BOTOES

COLOCADO NO ANGULAR/TS A PROPRIEDADE DE VERIFICACAO DE INICIALIZACAO DE VARIAVEIS PARA FALSE CRIADO UMA ROTA DEFAULT PARA O COMPONENTE HOME CRIADO UMA ROTA PARA ERRO 404 CRIADO UMA TABELA COMUM PARA ALUNOS - COM CSS PROPRIO CRIADO UMA TABELA MATERIAL PARA CURSOS CRIADO UM MAT-DIVIDER ENTRE AS TABELAS CRIADO UMA TABELA COM DOIS BOTOES PARA ADICIONAR E REMOVER DADOS (LINHAS NA TABELA) NAS TABELAS FORAM UTILIZADOS AS INTERPOLACOES NOS BOTOES FOI UTILIZADO O PROPERTY BINDING E EVENT BINDING HTML E CSS EM TODOS OS COMPONENTES


This project was generated with Angular CLI version 13.3.6.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.