Skip to content

SPA com Angular 14 e ASP.NET 8 (preview). Projeto fullstack moderno com CLI integrada, navegação via Angular Router, build automatizado com dotnet publish, testes com Karma e Protractor. Ideal para aprendizado e estruturação de apps robustos.

Notifications You must be signed in to change notification settings

daniloopinheiro/dopNetAngular14

Repository files navigation

🚀 Angular14 & .Net8

Este projeto demonstra uma aplicação SPA (Single Page Application) criada com ASP.NET Core 8 (preview) e Angular 8, integrando o poder do backend .NET com a interatividade do frontend Angular.


🧰 Tecnologias Utilizadas

  • ⚙️ ASP.NET Core 8 (preview) – Backend em C# moderno e cross-platform
  • 🌐 Angular 8.0.0 – Framework para front-end SPA
  • 💅 Bootstrap – Estilização responsiva
  • 📦 TypeScript – Superset tipado do JavaScript
  • 🧪 Karma & Protractor – Ferramentas de testes automatizados
  • 🛠️ Angular CLI – Geração, build e scaffolding Angular

💻 Executando o Servidor de Desenvolvimento

🔹 Instruções

  1. Acesse o diretório do Angular:
cd ClientApp
ng serve
  1. Navegue até: http://localhost:4200

O navegador recarrega automaticamente ao salvar arquivos-fonte.


🧱 O que já está configurado

  • ✅ Navegação com Angular Router (SPA)
  • ✅ Integração automática com Angular CLI no modo dotnet run
  • ✅ Build de produção via ng build incluído no dotnet publish
  • ✅ Atualização automática dos scripts ao alterar arquivos de front-end

🧑‍💻 Andaimes de Código

Use os comandos abaixo para criar novos artefatos Angular:

ng generate component nome-componente
ng generate service nome-servico
ng generate class|interface|enum|pipe|guard

🛠️ Build de Produção

ng build              # build padrão
ng build --prod       # build otimizado

Os arquivos resultantes são armazenados na pasta dist/.


✅ Executando Testes

🔸 Testes de Unidade

ng test

Executado via Karma.

🔸 Testes de Ponta a Ponta (E2E)

ng e2e

Executado via Protractor.


📚 Recursos Úteis


🤝 Contribuições

Contribuições são muito bem-vindas! Você pode abrir issues, enviar pull requests ou apenas compartilhar com a comunidade!


📬 Contato


Feito com ❤️ por Danilo O. Pinheiro
DevsFreedopme.io

About

SPA com Angular 14 e ASP.NET 8 (preview). Projeto fullstack moderno com CLI integrada, navegação via Angular Router, build automatizado com dotnet publish, testes com Karma e Protractor. Ideal para aprendizado e estruturação de apps robustos.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •