Projeto IGTI

Criação de uma página web em colaboração, com as funcionalidades de CRUD.

Objetivo Geral

Criar uma página web com estilização do Bootstrap com as funcionalidades CRUD usando o NodeJS, utilizando o git e o github como versionadores de código.

Criar página principal
- Criar código html
- Decidir o layout (semântica e grid), cores, estilo de SPA, e se será uma página responsiva
- Decidir como o bootstrap será adicionado (via cdn ou localmente)
Criar a página contato contendo os participantes, sua formação, cidade, estado e foto
Criar as funcionalidades de crud via rotas usando o node

git clone https://github.com/jobsonmedeiros/projetoIGTI.git -> Copia todos os componentes do repositório
git init
git add . -> Adiciona todos os componentes da pasta para área de staging
git add README.md -> Adiciona um arquivo específico para área de staging, antecedendo o commit (no caso exemplificado, o arquivo README.md). É importante lembrar que o nome do arquivo sempre deverá conter a sua extensão (Ex: '.js', '.md', '.css').
git status-> Possibilita a visualização dos arquivos pendentes p/ commit
git commit ou git commit -m "mensagem de commit" -> Para enviar o commit s/c mensagem referente às alterações
git branch -M "main" -> Para alterar o nome da branch principal de 'master' para 'main'
git remote add origin https://github.com/jobsonmedeiros/projetoIGTI.git -> Cria a conexão entre o repositório central do Github e o local
git push -u origin main -> Sincronizar com o Github pelo navegador e enviar o arquivo para o repositório

Observação: Para colar o link do repositório, pode-se utilizar a tecla 'insert' ou 'ctrl' + 'shift' + 'v'.

N.	COLABORADOR	LOCALIDADE
1	Jobson M. Medeiros	João Pessoa - PB
2	Iarlei Souza	São Paulo - SP
3	Emmanuel Martins
4	Bruna Moura Correia	Florianópolis - SC
5	Mario Igor Barbosa
6	Isabela Campos
7	Gabriel Ryan	Juatuba - MG
8	Max Sueel	Igarassu - PE
9	Helinton Alves
10	Nikolas Capucci
11	Cosmo Menezes
12	Fredy Rolando Salazar Sangucho
13	Fabia Cunha	Teresópolis - RJ
14	José Vilson Bezerra de Albuquerque

A seguir, os comandos para instalação dos requisitos, via NodeJS

É necessário instalar o Ruby. Depois de Instalado...

O Sass compila os arquivos css e js do Bootstrap e assim podemos utilizar a lib com nossa própria personalização.

Com o Sass instalado, verifique se está sendo reconhecido. sass --version Caso não seja reconhecido, adicione ao PATH do sistema, editando as variáveis do ambiente.
Se o Sass está funcionando, ele mostrará a versão. O comando seguinte determina o caminho da instalação e onde serão guardados os arquivos depois de compilados pelo Sass. Os ':' separam os dois caminhos: sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler
Verifique se a pasta compiler já existe. Não feche o prompt que roda o serviço sass, ou não funcionará. Para sair use ctrl+c. Com tudo ok, adicione no head de sua página o link pro css do Bootstrap: <link rel="stylesheet" href="node_modules/bootstrap/compiler/bootstrap.css" >
Antes de fechar a tag body adicione os scripts: <script src="node_modules/jquery/dist/jquery.js"></script> <script src="node_modules/popper.js/dist/popper.js"></script> <script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
Agora com tudo linkado e o sass funcionando, vc verá as mudanças em tempo real usando as suas próprias classes css e arquivos js compilados do bootstrap.

Bom trabalho ;D