./challenge --mode=hardcore

#Trilha
Challenge

challenge.sh
$ npm run challenge
📅 15–25 julho | 👥 Comunidade ativa | 🎯 Dê start na sua jornada dev
participantes: ...
main.js
const challenge = '#TrilhaChallenge';
const duration = 10;
const skills = ['HTML', 'CSS', 'JavaScript'];
startChallenge();
// Seu futuro começa aqui

Inscrições Encerradas

As inscrições para o desafio foram encerradas. Aguarde novidades!

🎯 O que é o #TrilhaChallenge?

O #TrilhaChallenge é uma experiência prática onde você vai transformar um layout profissional em um site funcional — do jeitinho que acontece no mercado.

Você vai receber um layout exclusivo criado no Figma, junto com orientações e prazos para colocar a mão no código. Seu objetivo? Reproduzir o layout com fidelidade, aplicando boas práticas de HTML, CSS e JavaScript (ou a stack que você estiver aprendendo).

É mais que um exercício: é um passo real rumo ao seu portfólio profissional.

emailSequence.forEach(email => send(email))

Fluxo de E-mails

Comunicação estratégica para te manter no caminho certo

Imediato

Você está dentro do #TrilhaChallenge!

Confirmação de inscrição, datas do desafio e link para o grupo exclusivo

13 de julho

Tudo que você precisa saber antes do desafio

Orientações, ferramentas recomendadas e como entregar o projeto

15 de julho - 08h

Desafio liberado: aqui está seu layout!

Link do Figma, regras de fidelidade e checklist de boas práticas

19 de julho

Metade do caminho — e você não está sozinho!

Motivação, dicas práticas e depoimentos da comunidade

23 de julho

Faltam 2 dias para encerrar o Desafio!

Contagem regressiva, checklist final e lembrete sobre certificado

25 de julho

Últimas horas para enviar seu projeto!

Reforço de urgência e link direto para submissão

26-27 de julho

Você venceu o desafio! Aqui está seu certificado

Parabéns, certificado personalizado e CTA para mentoria

const fases = ['setup', 'desenvolvimento', 'finalização']

Fases do Desafio

Uma jornada estruturada em 3 fases principais

Dias 1-2

Setup & Preparação

Configuração do ambiente e entendimento do projeto

// tasks

  • Configuração do ambiente dev
  • Análise do layout Figma
  • Setup do repositório Git
  • Planejamento da arquitetura
Dias 3-8

Desenvolvimento

Codificação intensiva do projeto principal

// tasks

  • Implementação do layout
  • Desenvolvimento responsivo
  • Integração de funcionalidades
  • Testes e otimizações
Dias 9-10

Finalização

Polimento final e entrega do projeto

// tasks

  • Revisão e refatoração
  • Testes finais
  • Documentação do projeto
  • Submissão e apresentação
// Cada fase tem objetivos específicos
const resultado = fases.map(fase => fase.completar());
// Projeto finalizado! 🚀
techStack.map(tech => tech.master())

⚙️ Ferramentas Essenciais

Tecnologias que vamos usar no projeto

Essencial

Tecnologias que vamos usar

Fundamentos sólidos de desenvolvimento web

// technologies

  • HTML5 semântico
  • CSS3 + Flexbox/Grid
  • JavaScript
  • Responsive Design
Profissional

Ferramentas Necessárias

Ferramentas essenciais do dia a dia

// technologies

  • Git & GitHub
  • VS Code
  • DevTools
  • Figma (leitura)
Para se destacar

Dicas de Sucesso

Aumente suas chances de concluir o desafio

// technologies

  • Leia o regulamento
  • Participe do grupo
  • Peça feedback
  • Capriche na entrega
// Todas as tecnologias são aplicadas no projeto real
const projetoFinal = techStack.reduce((acc, tech) => acc + tech.value, '');
// Portfolio pronto! 💼
git push origin main

Git & GitHub

Preparando seu repositório para o deploy

01

Inicializar Git

git init

Inicialize o repositório Git no seu projeto

02

Adicionar arquivos

git add .

Adicione todos os arquivos para o staging

03

Primeiro commit

git commit -m "feat: initial commit"

Faça o primeiro commit com uma mensagem descritiva

04

Criar repositório

gh repo create

Crie um novo repositório no GitHub

05

Conectar remoto

git remote add origin [URL]

Conecte seu projeto local ao GitHub

06

Enviar código

git push -u origin main

Envie seu código para o GitHub

// Repositório pronto!
console.log('📦 Código enviado para o GitHub!');

Pronto para aceitar o desafio?

Aceite o desafio e construa seu futuro em desenvolvimento

100% Gratuito
Certificado Incluso
Suporte Total