Aprenda desde o zero a criar um site de uma startup de contratação de diaristas usando HTML, CSS e JavaScript
Curso com 04h01 de vídeos Categoria Desenvolvimento Front-end
Não basta apenas entender como funciona o HTML e CSS, precisamos praticar o conhecimento, essa é a melhor forma de exercitar o que estamos aprendendo. Nada melhor do que um projeto completo do zero para fazer esse tipo de exercício. Iremos desenvolver uma página de apresentação de uma startup de contratação de serviços. Essa página está repleta de detalhes para podermos usar ao máximo nossos conhecimentos.
Não basta apenas entender como funciona o HTML e CSS, precisamos praticar o conhecimento, essa é a melhor forma de exercitar o que estamos aprendendo. Nada melhor do que um projeto completo do zero para fazer esse tipo de exercício. Iremos desenvolver uma página de apresentação de uma startup de contratação de serviços. Essa página está repleta de detalhes para podermos usar ao máximo nossos conhecimentos.
Nesse projeto veremos na prática como criar um layout do zero com várias páginas e trabalharemos com os seguintes conceitos do HTML e CSS:
Esse projeto prático é voltado a desenvolvedores que já possuem um conhecimento básico de HTML e CSS e queiram praticar os conhecimentos com um projeto real.
Formado em Análise e Desenvolvimento de Sistemas pela Universidade Cruzeiro do Sul, uma pessoa extremamente curiosa e dedicada, ama tecnologia e sempre busca aprender e aperfeiçoar seus conhecimentos.
Atua há mais de 3 anos como desenvolvedor e instrutor Front-end. Eterno estudante do mundo da tecnologia.
Nessa aula, iremos iniciar nosso projeto com a criação do cabeçalho, que será utilizado nas duas páginas do projeto
5 aulasNessa nossa segunda aula, vamos iniciar com a primeira section da nossa página, trazendo as imagens e ícones necessários.
3 aulasNa terceira aula, iremos estruturar o grid de cards. Nessa section é onde ficarão os motivos principais do serviço oferecido pelo cliente
3 aulasJá nessa quarta aula, iremos adicionar o efeito de divisão das sections e ainda criaremos o componente de accordion.
3 aulasNesta aula vamos adicionar o footer do projeto trabalhando com grid. Também vamos verificar os detalhes no desktop para começar adaptar a página para diferentes dispositivos.
2 aulasAgora vamos de fato iniciar toda a responsividade da página, criando a nossa estrutura de breakpoints e alterando as estilizações.
4 aulasNessa última aula vamos à criação da segunda página do nosso projeto com a página de login e ajustando últimos detalhes.
4 aulasTenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!
Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:
Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!