Este documento será um guia de estudo para o(s) estagiário(s) da Tecnologia da Informação na MEGA Embalagens. A proposta deste guia de estudos direcionados é definir uma metodologia onde os estagiários estarão direcionados a, respeitando a curva de aprendizagem, efetuar entregas respeitando padrões pré-estabelecidos e estimular o pensamento out of the box no que diz respeito à tecnologias e problemas que serão abordados.

É sugerida a estrutura de pastas a respeitar cada conteúdo e também facilitar a pesquisa quando necessária uma referência.

estudos-direcionados
├── README.md
├── CSS/
│   └── README.md
├── Git/
│   └── README.md
├── HTML5/
│   └── README.md
├── Markdown/
│   └── README.md
...

As tecnologias deste guia, serão divididas em segmentos, onde cada tecnologia será estudada em contextos separados e incrementais, desta forma, será respeitada a seguinte ordem:

1. Git e Github
2. Markdown
3. HTML5
4. CSS3
5. Javascript
6. Protocolo HTTP
7. em breve

O Git se tornou essencial em qualquer empresa que mantém uma filosofia DevOps e gerenciamento de projeto, pois é um componente chave para o sucesso do trabalho em equipe.

Tarefa

• Criar uma conta no GitHub
• Fazer um fork deste repositório
• Criar o diretório Git e um README.md e documentar os estudos
  • Quais são os sistemas de versionamento mais comuns
  • Quais os objetos do git
  • Como o git identifica alterações
  • Listar e descrever os comandos do git

É importante criar um repositório de testes, diferente do fork que foi feito, para aplicar os estudos e ter um melhor entendimento do comportamento de cada comando estudado.

Referências

• https://github.com/DanielHe4rt/git4noobs
• https://education.github.com/git-cheat-sheet-education.pdf
• https://training.github.com/downloads/github-git-cheat-sheet.pdf
• Git Flow

Estudar sobre as linguagens de marcação mais comuns existentes, incluindo o Markdown.
Será necessário um estudo aprofundado sobre o Markdown: o que é, para que serve, sua sintaxe e toda a sua estrutura. Este estudo será relacionado diretamente com este guia, uma vez que todos os acompanhamentos serão realizados através da documentação feita em cima desta tecnologia.

Tarefa
Criar um README.md e documentar os estudos, sem um padrão estabelecido para instigar a criação de um padrão de estudo, porém o estudo precisa estar sucinto e íntegro, uma vez que servirá de referência para eventuais consultas.

Referências

• https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
• https://guides.github.com/features/mastering-markdown/

Tratando de universo web, não há como não falar de HTML5. Ao navegar na internet, sem o HTML não seria uma experiência muito agradável.

Tarefa

• Criar um README.md e documentar todas as tags do HTML5 apenas
• Após o estudo dos elementos, documentar todos os atributos (apenas suportadas no HTML5)

Exemplo a ser seguido para cada elemento/tag:

Referências

• https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element
• https://www.w3schools.com/tags/default.asp
• https://www.w3schools.com/tags/ref_attributes.asp

Pensando de forma simplista e metaforando, o HTML5 seria o esqueleto de um site/aplicação web, agora com o CSS, poderemos estilizar (criar pele e características) para o esqueleto.

Tarefa

• Criar um README.md e documentar:
  • O que é CSS?
  • Como referenciar dentro do HTML
  • Qual sua sintaxe?
  • Documentar as propriedades
  • Documentar os seletores
  • Documentar as funções

Exemplo a ser seguido para o css:

Materiais Complementares

• https://www.30secondsofcode.org/css/p/1