1º Projeto: Lessons Learned

---

Project Description • Learning • Requirements • Stacks • How to run the application

---

Descrição do Projeto • Aprendizado • Requisitos • Tecnologias Utilizadas • Rodar a Aplicação

---

Project Description

In this project, I developed a website with information about my learning at the beginning of the course, where I was able to put into practice what I learned in the first three blocks and had my first contact with Semantic HTML and CSS.

In this project, I learned and put into practice:

• Use HTML to build web pages
• Use semantic HTML to make your page more accessible and better ranked
• Use CSS to add style and position elements

According to the project requirements designated by Trybe, I learned how to:

• ✅ Add a specific background color to the page
• ✅ Add a top bar with a title
• ✅ Add a photo of myself to the page
• ✅ Add a list of lessons learned to the page
• ✅ Create a list of lessons I still want to learn for the page
• ✅ Add a footer to the page
• ✅ Insert at least one external link on the page
• ✅ Create an article about my learning
• ✅ Create a section that tells a passage about my learning
• ✅ Apply HTML elements according to the meaning and purpose of each
• ✅ Test the semantics of my page approved by the CodeSniffer website
• ✅ Utilize the Box Model
• ✅ Change attributes related to fonts
• ✅ Position my article and the section about learnings side by side

Stacks

FrontEnd:

• HTML
• CSS

Link to view the project site:

Project Site

How to run the application?

• Clone the repository:
  git clone git@github.com:prtpj1/lessons-learned.git
• Navigate to the project folder:
  cd lessons-learned
• Start the application:
  open the index.html file in your browser

Note:
At the time I completed this project, I was not yet familiar with Conventional Commits. It was only from the BackEnd module of the Trybe course that I learned and began to make better commits.

---

Descrição do Projeto

Neste projeto, desenvolvi um site com informações do meu aprendizado neste início do curso, onde pude colocar em prática o que aprendi nos 3 primeiros blocos e tive contato pela primeira com HTML Semântico e CSS

Nesse projeto, aprendi e coloquei em prática:

• Utilizar HTML para construir páginas WEB
• Utilizar HTML semântico para tornar sua página mais acessível e melhor ranqueada
• Utilizar CSS para adicionar estilo e posicionar elementos

De acordo com os requisitos do projeto designados pela Trybe aprendi como:

• ✅ Adicionar uma cor de fundo específica para a página
• ✅ Adicionar uma barra superior com um título
• ✅ Adicionar uma foto sua à página
• ✅ Adicionar uma lista de lições aprendidas à página
• ✅ Criar uma lista de lições que ainda deseja aprender para a página
• ✅ Adicionar um rodapé para a página
• ✅ Inserir pelo menos um link externo na página
• ✅ Criar um artigo sobre seu aprendizado
• ✅ Criar uma seção que conta uma passagem sobre seu aprendizado
• ✅ Aplicar elementos HTML de acordo com o sentido e propósito de cada um deles
• ✅ Testar a semântica da sua página está aprovada pelo site CodeSniffer
• ✅ Utilizar o Box model
• ✅ Alterar atributos relacionados às fontes
• ✅ Posicionar o seu artigo e a seção sobre aprendizados um ao lado do outro

Tecnologias Utilizadas

FrontEnd:

• HTML
• CSS

Link para visualizar o site do projeto:

Site do Projeto

Como rodar a aplicação?

• Clone o repositório:
  git clone git@github.com:prtpj1/lessons-learned.git
• Acesse a pasta do projeto:
  cd lessons-learned
• Inicie a aplicação:
  abra no seu navegador o arquivo index.html

OBS:
Na época que fiz este projeto eu ainda não conhecia os Conventional Commits. Somente a partir do módulo de BackEnd do curso da Trybe que aprendi e comecei a fazer commits melhores.