MAPA - PROGRAMAÇÃO FRONT END - 52_2025
No mundo do desenvolvimento web, saber apresentar informações de forma clara, organizada e visualmente atrativa é essencial. Por isso, muitos desenvolvedores criam páginas pessoais, conhecida como Landing Page para mostrar suas habilidades, contar um pouco sobre si mesmos e expor projetos ou experiências profissionais. Nesta atividade, você irá colocar em prática os conhecimentos adquiridos de HTML semântico e CSS, construindo sua própria página pessoal. Além de ser uma excelente forma de fixar o conteúdo, essa prática serve como o primeiro passo na criação do seu portfólio, algo muito valorizado em entrevistas e oportunidades futuras na área da tecnologia. Mais do que apenas codificar, este exercício te convida a refletir sobre como você quer ser visto como profissional e a organizar essas informações de maneira técnica e criativa.
Atividade:
Você vai criar uma Landing Page, como se fosse uma pequena apresentação profissional. Essa página deve mostrar quem é você, o que sabe fazer e alguns dos seus projetos.
Cabeçalho (<header>) com:
Uma frase que te represente
Uma foto sua ou um avatar
Menu de navegação (<nav>) com links que levam para as seções da própria página
Seção "Habilidades" (<section>) — liste seus conhecimentos
Seção "Projetos" (<section>) — mostre 2 projetos (pode ser fictício), usando <article>
Informações extras (<aside>) com curiosidades, hobbies ou links úteis (GitHub, Instagram, LinkedIn)
Direitos autorais (ex: © 2025 Seu Nome)
Use CSS interno (com <style>) ou CSS externo (arquivo .css)
Deixe a página organizada, bonita e bem apresentada
A página deve funcionar bem no computador e no celular (responsiva)
Não utilizar frameworks como Bootstrap — apenas HTML + CSS puro
Insira prints da sua Landing Page no arquivo template
Insira também os códigos em HTML e CSS no template.
A atividade deverá ser entregue no arquivo template anexado no material da disciplina, disponibilizado no Studeo, e deve ser entregue em formato (.PDF). Depois, deve ser anexado no ambiente da Atividade no Studeo.
Observações:
Insira prints da sua Landing Page no arquivo template
Insira também os códigos em HTML e CSS no template.
Dicas para realizar a atividade:
1. Durante as aulas, o professor fornecerá dicas que podem ser utilizadas para a confecção das suas atividades. Assim, é de suma importância participar das aulas ao vivo ou assisti-las posteriormente.
2. Assista às aulas conceituais da disciplina.
Orientações:
Plágios e cópias indevidas serão penalizados com descontos na nota, podendo chegar a zero.
Não são permitidas correções parciais no decorrer do módulo, pois a interpretação da atividade também faz parte da avaliação.
Atenção ao prazo de entrega da atividade. Sugerimos que envie sua atividade antes do prazo final para evitar transtornos e lentidão nos servidores. Evite o envio de atividade em cima do prazo.
Boa atividade!
Olá, somos a Prime Educacional!
Ficaríamos muito satisfeitos em poder ajudar você. Entre em contato conosco para solicitar o seu serviço.
Item adicionado com sucesso ao carrinho
Este item já foi adicionado ao carrinho