O Desafio 7 Days Of Code de HTML e CSS, oferecido pela Alura, é uma oportunidade gratuita para desenvolver suas habilidades em Front-end.
Ao longo de 7 dias, você enfrentará 7 desafios práticos que ajudarão a fortalecer seu portfólio e GitHub, além de serem criados por profissionais experientes do mercado.
Durante essa jornada, você colocará seus estudos em prática, usando o conhecimento de HTML e CSS para criar uma página real a partir de um layout no Figma, uma tarefa comum no dia a dia de um desenvolvedor.
Serão trabalhados conceitos básicos, como ‘div’, ‘section’ e imagens inline, além de tópicos avançados, como Flexbox e Grid, fundamentais para quem deseja se destacar na área de Front-end.
7 Days Of Code de HTML e CSS
O Desafio 7 Days Of Code de HTML e CSS, oferecido pela Alura, é gratuito e online, com 7 desafios em 7 dias. Criado por profissionais experientes, o desafio foi desenvolvido para ajudar você a praticar e aprimorar seus estudos, ao mesmo tempo em que desenvolve seu portfólio e GitHub.
Imagem da página do desafio
Prática e Desenvolvimento Real
Durante os 7 Days Of Code, você terá a oportunidade de colocar em prática toda a essência do Front-end, usando seus conhecimentos de HTML e CSS para desenvolver uma página real a partir de um layout no Figma.
Essa é uma tarefa muito comum no mercado, e o desafio vai te preparar para esse cenário. Você aplicará conceitos básicos como ‘div’, ‘section’, imagens inline, e medidas responsivas, além de recursos mais avançados, como Flexbox e Grid.
Melhoria Contínua em 7 Dias
Após os 7 dias de prática contínua, você verá uma significativa melhora no seu domínio sobre a sintaxe de cada tag e seus respectivos usos.
Tudo isso permitirá que você se concentre mais na resolução de problemas, em vez de se preocupar com os detalhes técnicos.
Conheça Quem Vai Te Desafiar
Giovanna Moeller, Desenvolvedora Web e iOS, é apaixonada por compartilhar conhecimento. Através de seus canais no Instagram e YouTube (Girl Coding), ela se dedica a ajudar outras pessoas a crescerem no mundo da tecnologia.
Conteúdo Estudado
- Dia 1: Já no primeiro dia, você vai ser apresentado com o layout de uma página no Figma, analisá-lo e usá-lo para criar o cabeçalho da sua página, que contém um logo, links para outras páginas e alguns botões.
- Dia 2: Aqui você desenvolverá a segunda seção da página, que é um ‘Sobre nós’, algo muito básico e presente na maioria das páginas empresariais. Nessa seção, você terá diferentes partes de texto, cada uma com um tamanho, cor e alinhamento diferente.
- Dia 3: Nesse dia você vai precisar trabalhar bastante com alinhamento no CSS, e conhecimentos de Flexbox ou Grid vão facilitar muito a sua vida! A seção se chama ‘Métricas e resultados’ e contém 4 blocos de texto lado a lado, cada um com diferentes blocos internos.
- Dia 4: Chegou a hora de brincar com imagens, o pesadelo de muitas pessoas! Nessa seção, você terá algumas partes de texto e uma imagem ilustrativa que terá que ser alinhada corretamente. O uso de medidas responsivas é algo que poderá te ajudar bastante.
- Dia 5: Esse será provavelmente o dia mais desafiador, pois você desenvolverá a seção de ‘Vagas’ da página, que contém diferentes grupos de blocos agrupados e diversas informações sobre as vagas abertas.
- Dia 6: Chegando quase no final, você desenvolverá a seção de ‘Depoimentos’, que envolverá conhecimentos de mudança de cor de background, tamanho de fontes e alinhamento de texto e de imagens.
- Dia 7: No sétimo e último dia do desafio, você criará a parte mais inferior da página: o rodapé. Mas não é um rodapé qualquer, ele contém, entre outras coisas, um formulário para cadastro de e-mail com um valor pré-definido e também um botão, ambos perfeitamente alinhados. Você irá fechar com chave de ouro!
Visibilidade e Portfólio
O desafio é voltado para quem tem interesse em tecnologia e programação, ajudando a desenvolver habilidades essenciais solicitadas pelo mercado de trabalho.
Ao final do evento, você terá criado projetos prontos para serem incluídos no seu portfólio, permitindo que você compartilhe seus resultados no Instagram, Twitter e LinkedIn, aumentando sua visibilidade profissional.
Você pode gostar
<span><img src="https://guiadeti.com.br/wp-content/uploads/2024/08/Desafio-HTML-e-CSS-280x210.png" alt="Desafio HTML e CSS" title="Desafio HTML e CSS"></span>
<span>Desafio De HTML E CSS Gratuito Da Alura: Essência Do Front-End</span> <a href="https://guiadeti.com.br/desafio-html-css-gratuito-alura-front-end/" title="Desafio De HTML E CSS Gratuito Da Alura: Essência Do Front-End"></a>
<span><img src="https://guiadeti.com.br/wp-content/uploads/2024/08/Bootcamp-Engenharia-De-Dados-280x210.png" alt="Bootcamp Engenharia De Dados" title="Bootcamp Engenharia De Dados"></span>
<span>Bootcamp De Engenharia De Dados Com Python Gratuito DIO + NTT DATA</span> <a href="https://guiadeti.com.br/bootcamp-engenharia-de-dados-python-gratuito/" title="Bootcamp De Engenharia De Dados Com Python Gratuito DIO + NTT DATA"></a>
<span><img src="https://guiadeti.com.br/wp-content/uploads/2024/02/Formacao-Desenvolvimento-Web-280x210.png" alt="Formação Desenvolvimento Web" title="Formação Desenvolvimento Web"></span>
<span>Formação Em Desenvolvimento Web Gratuita – Programa TreinaDev</span> <a href="https://guiadeti.com.br/formacao-desenvolvimento-web-gratuita-treinadev/" title="Formação Em Desenvolvimento Web Gratuita – Programa TreinaDev"></a>
<span><img src="https://guiadeti.com.br/wp-content/uploads/2024/08/Curso-De-MS-900-280x210.png" alt="Curso De MS-900" title="Curso De MS-900"></span>
<span>Curso De MS-900 Gratuito E Online Da Fast Lane</span> <a href="https://guiadeti.com.br/curso-ms-900-gratuito-e-online-da-fast-lane/" title="Curso De MS-900 Gratuito E Online Da Fast Lane"></a>
HTML
HTML (HyperText Markup Language) é a linguagem de marcação fundamental utilizada para criar e estruturar páginas web.
Ele define a maneira como o conteúdo será exibido em um navegador, organizando elementos como textos, imagens, links e outros componentes.
O HTML não é uma linguagem de programação, mas uma linguagem de marcação que indica como diferentes partes do conteúdo devem ser dispostas.
A Estrutura de uma Página HTML
Uma página HTML é composta de várias seções, como o head e o body. O head contém informações sobre a página, como o título exibido na aba do navegador, links para arquivos CSS, scripts JavaScript e metadados.
O body é onde todo o conteúdo visível ao usuário é colocado, como textos, imagens, links, listas e muito mais. A correta organização desses elementos permite que a página seja bem interpretada pelos navegadores.
A Evolução do HTML
Desde sua criação em 1991, o HTML passou por diversas atualizações. A versão mais recente, HTML5, trouxe muitas melhorias, como o suporte para elementos multimídia (vídeo e áudio), novas tags semânticas, e funcionalidades de API para aplicativos web mais complexos.
O HTML5 tornou a criação de páginas web mais acessível e eficiente, sendo amplamente utilizado atualmente.
Alura
A Alura é uma plataforma de educação online especializada em tecnologia e inovação. Fundada no Brasil, a Alura oferece cursos nas áreas de programação, design, negócios, marketing digital, entre outras.
A missão da plataforma é democratizar o acesso ao conhecimento técnico, proporcionando capacitação de alta qualidade para pessoas que desejam ingressar ou se especializar no mercado de tecnologia.
A Diversidade de Cursos
A Alura se destaca pela diversidade de cursos disponíveis. Desde linguagens de programação como Java, Python e JavaScript, até tópicos mais avançados como Inteligência Artificial, Data Science e Desenvolvimento Mobile, a plataforma oferece trilhas de aprendizado completas que guiam o estudante desde o básico até níveis avançados.
A Alura também oferece cursos voltados para soft skills e gestão, essenciais para o desenvolvimento de uma carreira sólida em qualquer área.
Metodologia de Ensino
A metodologia de ensino da Alura é baseada em aulas interativas e práticas, onde o aluno pode aplicar o conhecimento adquirido em projetos reais. C
ada curso é desenvolvido por especialistas da indústria e atualizado constantemente para refletir as tendências e demandas do mercado.
A plataforma oferece suporte de mentoria e fóruns de discussão, onde os alunos podem tirar dúvidas e interagir com outros estudantes e profissionais.
Link de inscrição ⬇️
As inscrições para o 7 Days Of Code de HTML e CSS devem ser realizadas no site da Alura.
Compartilhe essa oportunidade de colocar a teoria em prática!
Gostou do conteúdo sobre o desafio de HTML e CSS? Então compartilhe com a galera!
O post Desafio De HTML E CSS Gratuito Da Alura: Essência Do Front-End apareceu primeiro em Guia de TI.
Top comments (0)