Saltar para o conteúdo
Guia7 min de leitura

Demonstração de Portefólio Windsurf

Uma fila de capturas de ecrã parece igual. Uma fila de demonstrações a funcionar não.

Construa um portefólio de projetos Windsurf a partir de gravações reais em vez de capturas de ecrã, para que cada entrada mereça um olhar mais atento.

Ver como funcionaOs primeiros 60 segundos de vídeo são gratuitos, com marca de água. Verifique o seu correio eletrónico para o descarregar.

Um portefólio construído a partir de vários projetos Windsurf tem um problema que uma única página de projeto não tem: um revisor a comparar entradas lado a lado nota a inconsistência de imediato. Se uma entrada tem um vídeo a funcionar e a seguinte tem apenas uma captura de ecrã, a entrada com a captura de ecrã parece mais fraca mesmo que o projeto subjacente seja igualmente sólido, simplesmente porque o revisor não consegue avaliá-lo. Tratar o portefólio inteiro como uma única entrega, em vez de várias entregas separadas, muda a forma como cada vídeo individual deve ser planeado.

O Windsurf é um editor de código, não um alojamento, pelo que cada projeto do portefólio é acessível onde quer que tenha sido efetivamente implementado, e isso pode variar de projeto para projeto. Antes de planear o conjunto de vídeos do portefólio, confirme quais os projetos que estão atualmente acessíveis, uma vez que um projeto antigo que entretanto foi retirado não pode ser representado com honestidade por uma gravação recente. Um portefólio é um documento vivo, e algumas entradas terão de ser retiradas ou representadas de outra forma assim que a sua versão em linha desaparecer.

Vale a pena auditar entradas mais antigas antes de uma procura de emprego ou de uma nova ronda de contacto com clientes, em vez de assumir que um vídeo gravado meses antes ainda corresponde ao projeto em linha. Uma dependência pode quebrar, um nível de alojamento gratuito pode expirar, ou um projeto pode simplesmente ser retirado do ar quando o seu propósito inicial termina. Um portefólio que aponta para várias rotas mortas fica pior do que um portefólio mais pequeno em que todas as entradas ainda funcionam.

Que projetos merecem um vídeo?

Nem todos os projetos merecem este tratamento. Um projeto que nunca chegou a um estado funcional e demonstrável fica melhor descrito em texto do que mal representado por uma gravação que só mostra uma interface sem nada por trás. Reserve o formato de vídeo para projetos em que uma interação real pode ser mostrada de forma convincente, e deixe os projetos mais antigos ou mais pequenos como entradas em texto com uma ligação ao código.

Seja honesto consigo mesmo sobre a diferença entre um projeto que terminou e um projeto em que deixou de trabalhar. Ambos são comuns num portefólio pessoal, e não há nada de errado em incluir o segundo tipo, mas deve ser identificado e apresentado como aquilo que é, em vez de disfarçado com um vídeo que sugira mais integridade do que o projeto realmente alcançou.

Estado do projetoMelhor tratamento no portefólioPorquê
Totalmente funcional, implementadoUm vídeo curto da interação principalA prova vale mais do que a descrição
A funcionar localmente, não implementadoUm vídeo do fluxo local, claramente identificadoContinua a mostrar função real
Incompleto ou abandonadoUma descrição em texto e uma ligação ao códigoUm vídeo sobrevalorizaria a sua prontidão

Uma situação relacionada mas distinta é um projeto destinado a acompanhar documentação em vez de uma página de portefólio, o que o guia de vídeo de demonstração de produto para README aborda em separado, uma vez que a audiência de um README já tem mais contexto do que um visitante de portefólio.

Como manter consistente um portefólio com vários projetos?

Decida uma estrutura partilhada antes de gravar o primeiro vídeo, e aplique-a a todas as entradas seguintes. Uma duração consistente, um ritmo consistente e uma forma consistente de apresentar o estado inicial ajudam um revisor a percorrer várias entradas rapidamente sem se ter de reorientar em cada uma. A inconsistência custa mais caro num portefólio do que numa única página autónoma.

Escreva a estrutura partilhada uma vez, mesmo que de forma breve, em vez de confiar em memorizá-la enquanto grava várias entradas em sessões diferentes. Uma lista curta que cubra duração, plano de abertura e estilo de legendas mantém a terceira entrada consistente com a primeira, sobretudo se o portefólio for construído gradualmente ao longo de semanas em vez de numa só sessão.

  • Defina uma duração alvo para cada entrada e mantenha-a em todo o portefólio.
  • Abra todos os vídeos da mesma forma, no estado inicial antes da ação.
  • Prepare os dados de cada projeto para que nenhuma entrada pareça obviamente mais polida do que as restantes.
  • Grave entradas em lote sempre que possível, para que o ritmo se mantenha semelhante ao longo do processo.

Se algum projeto exigir início de sessão, peça uma conta de demonstração em vez de reutilizar um início de sessão pessoal em todas as entradas, e lembre-se de que, no GogoScreen, quaisquer credenciais fornecidas são cifradas, utilizadas para uma única renderização e depois eliminadas. Se for planeado primeiro um storyboard, as credenciais ficam cifradas durante essa sessão e são eliminadas, no máximo, duas horas após a última utilização. Preparar um conjunto de contas de demonstração com antecedência, antes de gravar todo o lote, evita interromper o processo a meio.

Também ajuda escrever antecipadamente a tarefa pretendida para cada projeto, tal como escreveria um breve resumo para outra pessoa fazer o trabalho. Uma lista de tarefas preparada com antecedência mantém o lote em andamento e torna evidente, depois, se todas as entradas receberam mesmo o tratamento planeado, em vez de descobrir a meio da revisão que um projeto foi gravado com o ecrã errado.

Como deve ser escrita cada legenda?

  1. Escolha os projetos que conseguem mesmo mostrar um resultado, não apenas uma interface.
  2. Mantenha cada entrada na mesma duração e estrutura, para que um revisor as consiga comparar rapidamente.
  3. Legende cada vídeo com a tarefa que prova, não com uma descrição geral do projeto.

Escreva cada legenda em torno da tarefa específica que o vídeo demonstra, não de uma repetição da tecnologia usada no projeto. Um revisor a percorrer legendas rapidamente deve conseguir perceber o que cada vídeo prova sem ter de os ver todos, o que só é possível se as legendas descreverem resultados em vez de repetirem que o projeto usa o Windsurf.

E se uma gravação não sair como queria?

Compare uma gravação de ecrã manual com este fluxo de trabalho usando o guia de gravação de ecrã versus vídeo de demonstração automatizado se estiver a decidir qual abordagem serve melhor um lote de vários projetos do que gravar cada um manualmente. Se uma renderização específica não tiver êxito, o guia de falha na renderização de vídeo de demonstração explica o que verificar antes de tentar novamente, e o tempo só é usado quando uma renderização é realmente bem-sucedida, pelo que uma tentativa falhada ao construir o portefólio não custa nada além da espera.

Um portefólio também envelhece de forma diferente de um único recurso de lançamento. Um vídeo de lançamento é avaliado face ao momento em que foi publicado, enquanto um portefólio é avaliado sempre que alguém novo o vê, meses ou anos depois. Reveja o conjunto periodicamente em vez de o tratar como terminado, e esteja disposto a retirar uma entrada assim que o projeto por trás dela deixar de representar o trabalho que quer que lhe seja atribuído.

Se um dos projetos do portefólio estiver a caminho do seu próprio lançamento público em vez de permanecer uma entrada de portefólio, esse é um objetivo diferente. Um vídeo de demonstração Base44, um vídeo de página de destino Base44, um vídeo de lançamento Base44 no Product Hunt, ou um Base44 partilhado com um cliente respondem cada um a uma pergunta mais específica do que uma entrada de portefólio precisa. Um percurso de revisão de aplicação Windsurf é o formato certo em vez disso se o objetivo for provar que um pedido específico foi concluído para alguém que já encomendou o trabalho, e uma demonstração de agente de IA no Product Hunt ou uma checklist de lançamento de agente de IA aplicam-se assim que um projeto sai por completo da fase de portefólio.

O que deve verificar antes de publicar o conjunto?

Veja o conjunto todo seguido, tal como um revisor a percorrer o portefólio faria. Confirme que o ritmo se mantém consistente e que nenhuma entrada parece nitidamente mais tosca do que as restantes. Compare a abordagem geral com o Clueso se estiver a ponderar ferramentas para este tipo de trabalho em lote.

Cada conta nova recebe 60 segundos de vídeo uma única vez, com marca de água, e depois disso o tempo comprado com carregamentos nunca expira e o tempo só é usado quando uma renderização é bem-sucedida. Essa estrutura de preços favorece construir o portefólio gradualmente, projeto a projeto, em vez de tentar terminar o conjunto todo numa só sessão. Consulte os preços para os planos, explore mais guias e comparações, ou comece pela página inicial do GogoScreen com a rota e a indicação do primeiro projeto.

Esclarecimentos

Antes de começar

Quantos projetos Windsurf devem ter um vídeo num portefólio?

Apenas aqueles que conseguem mostrar uma interação genuinamente funcional. Um projeto que ainda não está suficientemente avançado para demonstrar um resultado real fica melhor como descrição escrita do que representado por uma gravação enganosa ou vazia.

Todos os vídeos do portefólio devem usar o mesmo formato?

A consistência ajuda um revisor a passar rapidamente entre entradas, pelo que uma duração e estrutura partilhadas em todo o portefólio valem mais do que a variedade pela variedade.

E se uma renderização falhar enquanto se constrói o portefólio?

Aproximadamente uma em cada cinco renderizações precisa de nova tentativa. O tempo só é usado quando uma renderização é bem-sucedida, pelo que uma tentativa falhada não custa nada além da espera.

Cole um URL, descreva um fluxo e obtenha um vídeo de demonstração da sua aplicação web.

Os primeiros 60 segundos de vídeo são gratuitos, com marca de água. Verifique o seu correio eletrónico para descarregar o vídeo.