Giter Site home page Giter Site logo

luizcarlosvilela / coursemanager-angular Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 753 KB

💻 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

License: MIT License

JavaScript 8.21% TypeScript 68.26% HTML 22.59% CSS 0.94%
projeto angular9 desenvolver-conhecimento bootstrap angularcli digitalinnovationone angular crud router bootstrap-template htm css typescript

coursemanager-angular's Introduction

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.