Tag Archives: angularjs

AngularJS – Estrutura da solução

AngularJS – Estrutura da solução

A estrutura do webapp à ser trabalhado!

Aprenda um pouco sobre criação de aplicação Angular.

Um app AngularJS é composto por muitos arquivos e recursos. Vamos aprender hoje sobre esta estrutura e todas as pastas e o tipo de informação que cada uma delas guarda. Vamos lá:

basico_estrutura

A imagem ilustra a estrutura inicial, após a criação de um projeto Template Web Asp.net, temos essa estrutura de arquivos necessários para construir um app.

VS Community

  • Crie uma estrutura de um projeto ASP .NET vazio
  • Escolha o Projeto tipo Web|template ASP .NET Web Application
  • Nome Angular_Form1
  • Template Empty|Web Forms

As referências ao AngularJS

Pelo nuget, adicione uma referência ao pacote AngularJS no projeto. Ao final do processo, temos a pasta Scripts contendo as libs Angular.

A seguir no projeto criado, exclua as pasta App_Data e Models criadas por padrão com essa estrutura.

Para fins de organização, crie a pasta app.

index.html

webapp

    controllers
        controllers.js

    views
        home.html
        sobre.html
        contato.html
        clientes.html
    app.js

Missão cumprida!!!!