LuizCarlosVilela / CourseManager-Angular

💻 Site para gerenciamento de cursos, site feito principalmente com a framework Angular moderno e todos os seus novos recursos 📚.

Home Page:https://github.com/angular/angular-cli

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CourseManager 💻

Logo Angular

📚 Course Manager é um projeto para desenvolvimento de conhecimento na framework Angular ( Angular >= 9) e seus recursos. Desenvolvi todo o projeto utilizando as tecnologias TypeScript, Node, Angular e Bootstrap

Tela Home



🚀 OBJETIVO

Course Manager tem como objetivo ser um site de gerenciamento de cursos, com estudos na framework consegui desenvolver um site responsivo que com um CRUD - Create (Criação), Retrieve (Consulta), Update (Atualização) e Delete (Destruição) consegue manipular os dados a serem apresentados ao usuário, todos os dados vem de uma API RestFull criada por mim também. Desenvolvi todo o projeto utilizando as tecnologias TypeScript, Node, Angular e Bootstrap

💻 TECNOLOGIAS

  • Angular9 (Framework)
  • TypeScript (Linguagem de programação)
  • Bootstrap (Módulo front-end)
  • Font Awesome (Módulo front-end)

Configurações Iniciais

Primeiro, você precisa ter o NodeJS instalado na sua máquina.

Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões asdf para facilitar o processo de mudança da versão do Node, quando for necessário.

Você pode optar também por utilizar o yarn no lugar do npm. Você pode instalar clicando nesse link, ou através do asdf.

Tendo o angular-cli instalado.

 ng new project

Instalando Bootstrap no projeto. Documentação Boostrap-Oficial.

npm install bootstrap

Colocar no CSS global @import 'bootstrap/dist/css/bootstrap.min.css';, agora você pode usar as classes do bootstrap em todo projeto.

Instalando Front Awesome no projeto

npm install font-awesome

Colocar no CSS global @import 'font-awesome/css/font-awesome.min.css';.

Rodando aplicação

Rodando ng serve para aplicação em desenvolvimento. Navegue para http://localhost:4200/.

🌟 AGRADECIMENTOS

Logo Digital Innovation one

📃 LICENÇA

Este repositório está licenciado pela MIT LICENSE. Para mais informações detalhadas, leia o arquivo LICENSE contido nesse repositório.

Feito com ❤️ por Luiz Carlos Vilela

About

💻 Site para gerenciamento de cursos, site feito principalmente com a framework Angular moderno e todos os seus novos recursos 📚.

https://github.com/angular/angular-cli

License:MIT License


Languages

Language:TypeScript 68.3%Language:HTML 22.6%Language:JavaScript 8.2%Language:CSS 0.9%