Skip to content

Latest commit

 

History

14 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Badge  Sparkles   Badge  Rocket

Responsive Web Design Certification | Certification Project #03

1️⃣ Objetivo

Desenvolver uma technical documentation page (página de documentação técnica), cujo conteúdo sirva como instrução ou referência para um tema específico.

2️⃣ Descrição

Este é o terceiro desafio no formato Certification Project da trilha Responsive Web Design Certification

Os Certification Project exigem que o desenvolvimento seja realizado de forma independente, sem mentoria direta.

Para que o projeto seja aprovado, é necessário cumprir critérios específicos estabelecidos pela plataforma, principalmente relacionados à estrutura HTML. No entanto, há total liberdade para criar o design (CSS), permitindo dar um toque pessoal à página.

O principal objetivo desse formato é consolidar os conhecimentos adquiridos ao longo dos cursos anteriores, proporcionando uma experiência prática bastante significativa.

Aviso Importante: Seguindo as diretrizes do freeCodeCamp, este projeto foi desenvolvido de forma honesta e independente, sem plágio ou cópia direta do exemplo fornecido. Todo o processo envolveu pesquisas, tentativas e erros, valorizando meu esforço pessoal.

3️⃣ Principais Modificações

O exemplo original fornecido pela plataforma aborda explicações sobre JavaScript.

Para desenvolver esta versão, utilizei minhas próprias anotações do Curso de Algoritmo, ministrado pelo professor Gustavo Guanabara, da plataforma de ensino Curso em Vídeo.

Meu repositório referente a este curso, com anotações, exemplos, exercícios e prints encontra-se no link abaixo:

Destaques da minha página:

  • HTML Bookmarks: Adicionei âncoras internas para facilitar a navegação e permitir que os leitores acessem rapidamente seções específicas da página.
  • Variáveis CSS (root): Criei variáveis para definir e reutilizar cores, facilitando ajustes no design.
  • Paleta de Cores Personalizada: Paleta de cores própria criada com Adobe Color e ColorSpace.
  • Design Responsivo: Implementei o conceito Mobile First, priorizando a experiência em telas menores e adaptando o layout para dispositivos maiores.

4️⃣ Tecnologias Utilizadas

Linguagens

 

Ferramentas

  

5️⃣ Créditos

Agradeço ao freeCodeCamp por oferecer cursos gratuitos de altíssima qualidade, que não apenas ampliaram meus conhecimentos, mas também contribuíram muito para a construção do meu portfólio.

Tutoriais consultados:

Plataformas para criar sua paleta de cores:

6️⃣ Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.


Star Gostou do projeto? Deixe uma estrelinha Star

About

Responsive Web Design Certification | Certification Project #3 | Technical Documentation Page

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Packages

Contributors

Languages