search

fga-eps-mds / 2021.2-INDICAA

Este projeto tem como objetivo criar um software para a melhor visualização de informações relacionadas às matérias ofertadas no SIGAA, com o objetivo de melhorar o trabalho da secretaria na volta gradual as aulas.
https://fga-eps-mds.github.io/2021.2-INDICAA-Wiki/
GNU General Public License v3.0
8 stars 7 forks source link

Treinamento de React, HTML, CSS #28

Closed Matheuspimentell closed 2 years ago

Matheuspimentell commented 2 years ago

Descrição

Reunião dos grupos para treinamento das tecnologias específicas decididas pelo time.

Tarefas

Critérios de aceitação

guibrbs commented 2 years ago

Treinamento de React, HTML e CSS

Tópicos a serem abordados no treinamento:

guibrbs commented 2 years ago

Comandos básicos para iniciar com um projeto em ReactJs no Linux

Instala o NodeJs, necessário para a criação e execução do projeto:

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - 
sudo apt-get install -y nodejs

Cria um projeto e inicializa (atenção ao "nome-que-quiser", nessa parte coloque o nome da pasta que queira alocar o projeto):

npx create-react-app nome-que-quiser
cd nome-que-quiser
npm start (inicia o projeto no localhost)
guibrbs commented 2 years ago

HTML

Elementos básicos: <head> : Geralmente utilizado em conjunto com o título; <title> : Define o título do documento; <body> : Conteúdo do documento; <header> : Cabeçalho do documento; <footer> : Rodapé do documento; <section> : Representa uma seção do documento; <p> : Parágrafo; <div> : Usado para agrupar elementos em conteúdo de fluxo; <span> : Também é usado para agrupar elementos, mas em conteúdo fraseado; <img> : Inserção de imagem; <nav> : Seção com links de navegação; <ul> : Lista de itens sem ordem; <ol> : Lista de itens ordenados; <li> : Item que faz parte de uma lista;

guibrbs commented 2 years ago

O treinamento de React foi realizado no dia 25/02/2022 as 19:00h via discord, abordando os seguintes temas:

Treinamento de React, HTML e CSS

Tópicos a serem abordados no treinamento:

  • Como criar um projeto em React;
  • Noções de HTML;
  • Noções e conceitos de CSS;
  • Componentes em React;
  • Uso do Props entre componentes;
  • Navegação com React.

Link para o treinamento

Links usados durante o treinamento e links úteis para o desenvolvimento do assunto: