https://github.com/lucasrmagalhaes/crud-angular

Angular CRUD.
https://github.com/lucasrmagalhaes/crud-angular

Last synced: 2 months ago
JSON representation

Angular CRUD.

• Host: GitHub
• URL: https://github.com/lucasrmagalhaes/crud-angular
• Owner: lucasrmagalhaes
• License: mit
• Created: 2021-01-16T19:59:06.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-05T19:26:15.000Z (over 2 years ago)
• Last Synced: 2025-04-06T18:08:51.116Z (3 months ago)
• Language: TypeScript
• Homepage:
• Size: 6.97 MB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Angular CRUD


Iniciando o Projeto


Cria o package.json

npm init -y


Instala o server

npm i json-server




O que é o Angular?




    Um framework JavaScript desenvolvido pelo Google para criação de aplicações Web SPA baseada em componentes.





Versões do Angular




    1 


    AngularJS 


    


    2 


    Novo Angular (Comp.) 


    


    2 4 ... 9 


    2 versões por ano!





Command Line Interface


npm i -g @angular/cli

ng new minha-app




TypeScript




    Linguagem criada pela Microsoft. 


    O código escrito em TypeScript é compilado para JavaScript. 


    


    Orientada a Objeto & Tipagem forte. 


    Superset do JavaScript.





Árvore de Componentes




    





Conceitos Essenciais




    

    

    

    

    

    

        



Criando APP com o Angular CLI


npm i -g @angular/cli

ng new frontend --minimal

npm start




Instalação dos Componentes do Material


ng add @angular/material




Componente Cabeçalho


ng g c components/template/header




Componente Rodapé


ng g c components/template/footer




Componente Navegação


ng g c components/template/nav




    Icons





Elementos do Angular




    Attribute Directives 


    Altera a aparência e o comportamento de um elemento, componente ou outra diretiva.

    

    

    


    Structural Directives 


    Altera o layout adicionando e removendo elementos da DOM.

    

    

    

    

    

    

    

    

    

    





Anotações:




    Patch altera alguns atributos. 


    Put altera o objeto inteiro.