Angular Essencial

Curso COD3R

Esse projeto foi desenvolvido no curso da Cod3r, curso rapido e pratico, onde foi aplicado alguns components, services, directives, routing, entre outros conceitos, visando aprofunda a base de conhecimento em angular.

Minhas impressões

• Angular é uma delicinha para desenvolver
• Abordagem diferentes a sites desenvolvidos usando HTML, CSS e JS puro.
• Muitas bibliotecas, é facilitando muita imprementação que seria manual com uso do Angular

Gostei bastante da abordagem do angular, o desenvolvimento utilizando o framework é sem duvidas muito facilitado, tanto pelo uso de components, possibilitando muitas pessoas trabalharem no mesmo projeto implementando funcionalidade diferentes, quanto pelas inumeras bibliotecas que possui, chamadas a API com uma linha de código. Style simples e bem dinamico, com inumeros components do material e muito faceis de serem implementados.

Projeto

Desenvolvido durante o curso

• Components
  • Template
    • Header
    • Nav
    • Footer
  • product
    • create
    • read
    • update
    • delete
• Model (Interface)
  • Product
  • Header
• Services
  • Header (Após termino do curso foi removido)
  • Product (Contendo o CRUD)
• Directives
  • Estrutural (for)
  • Atribute (red)
• Router
  • Rotas padrão para navegação
  • ActivatedRoute para fazer get dos parametros

Modificações aplicadas após termino do curso

• Reorganização das Pastas
• Style
  • Alterado CSS para SCSS
  • Display da pagina, tornando components relativos uns aos outros
  • Incluir themas light e dark do material no styles.scss
• Tabela
  • É aplicado tabela com ordenação e paginação, pegando valores retornados do backend
  • Foi utilizado tabela do material
• Services
  • É criado ThemeService para alterar o thema do site.
• Header
  • Foi criado menu-icon com dropdown
  • Item de menu utilizando slide-toggle para alternar tema do site

Desenvolvedor André Carlos
Projeto: Angular Essencial
Back-end: JsonServer