Criando PORTFÓLIO Web responsivo DO ZERO [+ SORTEIO]
Se você está em busca de uma maneira de mostrar seu trabalho e suas habilidades como web designer ou desenvolvedor, criar um portfólio web responsivo é essencial para destacar suas capacidades e conquistar novas oportunidades.
Um portfólio web responsivo é uma maneira eficaz de apresentar seus projetos em diferentes dispositivos e garantir que seu trabalho seja acessível a todos os usuários, independentemente do tamanho da tela em que estão visualizando.
Neste artigo, vamos mostrar como criar um portfólio web responsivo do zero, do design ao desenvolvimento. Teremos também um sorteio no final para os leitores que colocarem em prática as dicas apresentadas.
Para criar seu portfólio web, você precisará dominar HTML, CSS e JavaScript. Essas são as linguagens fundamentais para o desenvolvimento web e permitirão que você crie páginas bonitas e interativas.
Inicie criando a estrutura básica do seu portfólio utilizando tags HTML. Defina as seções principais, como cabeçalho, sobre mim, projetos, habilidades e contato.
Em seguida, aplique estilos ao seu portfólio utilizando CSS. Escolha cores que representem sua identidade visual e utilize técnicas de design responsivo para garantir que o layout se adapte a diferentes tamanhos de tela.
Ao desenvolver o conteúdo do seu portfólio, escolha seus melhores projetos para exibir e forneça detalhes sobre cada um deles. Lembre-se de atualizar seu portfólio regularmente, adicionando novos projetos e removendo os obsoletos.
Por fim, você pode adicionar interatividade ao seu portfólio utilizando JavaScript. Implemente efeitos de navegação, animações e outras funcionalidades que tornem sua página mais dinâmica e atraente.
Agora que você sabe como criar um portfólio web responsivo do zero, chegou a hora de colocar em prática e mostrar ao mundo suas habilidades. E para incentivar seus passos nesse projeto, estamos fazendo um sorteio para todos os leitores que compartilharem seus portfólios finalizados nas redes sociais.
Use a hashtag #MeuPortfolioResponsivo e mencione nosso perfil para participar do sorteio de um livro sobre desenvolvimento web responsivo. Não esqueça de marcar seus amigos desenvolvedores para que eles também tenham a chance de participar.
Agora é com você! Comece a desenvolver seu portfólio web responsivo e mostre ao mundo suas habilidades. Boa sorte!
Podia fazer um video explicado a media querie de um site responsivo ?
Like e inscrito Fernandinha.
o sass do css não teria colocar com o nome module ?
Usar Sass ou Styled Components? (sou iniciante em react)
show Fernanda, arrasou ! vlw d+
Olá! Primeiramente quero lhe agradecer pelos conteúdos passados aqui no seu canal. Estou iniciando na área e fiquei com uma pulga atrás da orelha no sentido de como você conseguiu colocar um ícone diretamente no código HTML? Tentei copiar lá do Figma e colar no VSCode mas não consegui. Você pode me explicar como faço? Obrigado!
Oi! Só uma dúvida, passei pro github e hospedei no netlify… mas aparece página não encontrada, erro 404.
Aí Fêe, tava assistindo tua live, e está simplesmente sensacional o conteúdo, continua por favor, tá me ajudando muito, sou especializado em BackEnd Java, e estou aperfeiçoando o FrontEnd pra ter mais noção dos dois lados, você tem me ajudado muito, Você é incrível! Sucessssoo! 😘
NO Next Utilizando o SASS deve criar uma variável criando um arquivo .scss ou no global colocar — e o nome da variável ?
Ai fer como vc está ?me da help, que recurso é esse que vc usou para para configurar os arquivos e as linguagens via terminal ?
O css do componente sass não teria que por anderline na frente do nome ?
LINDA <3
pra uso no portfólio, é de boa utilizar fotos de perfil assim, num estilo mais casual, tanto quanto uma foto mais formal, estillo mais coporativo?
A garota de programa mais braba, manda MUUITO! Está agregando bastante em meus estudos, só agradece.
Corinthians precisando de goleiro e o CASSIO aqui programando
É engraçado kkkkkkkkkkkkk pq ela é uma mulher e está tentando programar kakdakdkadkad alguem avisa que ela nao tem capacidade pra isso??
Muito foda seu videos ou!!!!
alguém sabe qual tema ela usa?
vc é uma maquina
Fernanda ainda nao estou no seu nível mas gostaria de saber uma coisa onde vc aprendeu, ou quais cursos vc viu para fazer essa integração entre o next, react e sass