Guia7 min de leitura

Vídeo de Portefólio Firebase Studio

Mostre a compilação Firebase Studio em funcionamento, não uma captura de ecrã do editor.

Transforme uma compilação Firebase Studio numa entrada de portefólio que mostra a aplicação a funcionar no seu URL público, não o editor.

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.

gogoscreen.com

Escolher uma compilação com um fluxo real e funcional

Escolha uma compilação Firebase Studio no portefólio com um fluxo real e funcional, não apenas uma disposição estilizada.

Implementar e preparar dados credíveis

Implemente-a num URL acessível e prepare dados credíveis que sejam seguros para mostrar.

Gravar o fluxo e verificar se funciona sem preparação prévia

Grave o fluxo e verifique se faz sentido para alguém a ver a aplicação pela primeira vez.

Uma entrada de portefólio Firebase Studio precisa de provar uma coisa que uma captura de ecrã não consegue: que algo específico foi realmente construído, não apenas montado a partir de um modelo predefinido com cores diferentes. O Firebase Studio torna rápido pôr uma aplicação com aspeto funcional no ecrã, especialmente com a sua criação de estrutura assistida por IA, e é exatamente essa rapidez que faz com que uma captura de ecrã sozinha não distinga uma compilação com lógica real por trás de uma que ainda é maioritariamente o modelo inicial. Um vídeo curto de um fluxo a concluir-se realmente é a diferença que um revisor consegue ver.

O GogoScreen constrói isso a partir de um URL de aplicação público e de uma indicação de uma linha a descrever o fluxo, devolvendo um MP4 narrado em cerca de dois minutos com aproximações nos cliques, suavização do cursor, tempos mortos removidos e legendas fixas. Se o fluxo estiver atrás da Firebase Authentication, pode ser fornecida uma conta de demonstração, cifrada, utilizada para uma única renderização e depois eliminada. 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. Nada disto promete que todas as renderizações vão funcionar de forma limpa. Aproximadamente uma em cada cinco renderizações precisa de uma nova tentativa, o que vale a pena saber antes de submeter na noite anterior a um portefólio precisar de ir ao ar.

Por que não funciona a pré-visualização do espaço de trabalho para isto?

A pré-visualização ao vivo dentro do espaço de trabalho do Firebase Studio está ligada à conta Google com acesso a esse projeto, por isso não é algo que um estranho a rever um portefólio consiga abrir por si próprio, mesmo que tivesse a hiperligação. Uma entrada de portefólio precisa de um URL que funcione para alguém sem qualquer relação com o projeto, o que significa que a aplicação tem de ser implementada no seu endereço público do Firebase Hosting antes de poder ser gravada para este propósito.

Implementar também obriga a uma disciplina útil: uma compilação que só funciona dentro do espaço de trabalho de desenvolvimento, a depender de definições ou dados que só existem ali, vai revelar essa lacuna no momento em que for aberta no URL público sem preparação prévia. Detetar isso antes de gravar é melhor do que detetá-lo depois de um revisor já ter tentado e falhado em ver o que foi prometido.

Requisito de portefólio	Por que o URL implementado o satisfaz	Por que a pré-visualização do espaço de trabalho não o satisfaz
Acessível por um estranho	O URL público do Firebase Hosting não precisa de acesso ao projeto	A pré-visualização do espaço de trabalho precisa de acesso de conta Google ao projeto
Mostra comportamento real e acabado	Obriga a compilação a funcionar fora do ambiente de desenvolvimento	Pode esconder lacunas que só existem depois de implementada
Seguro para ligar publicamente	Um URL de alojamento destina-se a ser partilhado	O espaço de trabalho é uma ferramenta de desenvolvimento, não um recurso partilhável

Que fluxo deve o vídeo realmente mostrar?

Escolha um fluxo que reflita trabalho personalizado, não o comportamento predefinido do modelo. Se a aplicação foi construída a partir de um modelo gerado, o vídeo deve centrar-se no que foi acrescentado ou alterado sobre ele, um modelo de dados específico, um fluxo de trabalho que responde a uma entrada de uma forma particular, uma peça de lógica que resolve um problema real em vez de apresentar uma disposição genérica. Um revisor a avaliar a competência de um criador para uma decisão de contratação ou um trabalho independente quer prova dessa competência especificamente, não prova de que existe um modelo. O guia de vídeo de demonstração de aplicação criada por agente cobre o caso relacionado de provar trabalho personalizado quando um agente de programação de IA gerou grande parte do modelo diretamente, o que vale a pena verificar quando não é claro quanto da aplicação concluída atribuir ao modelo versus à compilação. Se o fluxo personalizado a provar for um percurso ao estilo CRM, o guia de vídeo de demonstração de CRM cobre a escolha de um negócio ou contacto que passa por uma ação real, uma vez que um tour de todos os separadores não prova trabalho personalizado melhor aqui do que em qualquer outro lugar. Se o fluxo personalizado for antes uma vista de métricas, o guia de vídeo de demonstração de painel interno cobre a escolha da única vista que responde à pergunta para que a compilação foi feita, o equivalente do painel ao mesmo teste.

Identifique a peça da compilação que reflete trabalho personalizado real.
Confirme que esse fluxo ainda funciona no URL implementado, não apenas no espaço de trabalho.
Prepare dados que tornem claro o propósito do fluxo para um espectador pela primeira vez.

Escolha uma compilação Firebase Studio no portefólio com um fluxo real e funcional, não apenas uma disposição estilizada.
Implemente-a num URL acessível e prepare dados credíveis que sejam seguros para mostrar.
Grave o fluxo e verifique se faz sentido para alguém a ver a aplicação pela primeira vez.

Que dados devem estar visíveis quando grava?

Um conjunto de dados vazio ou obviamente falso enfraquece um fluxo por outro lado sólido, porque o espectador não consegue saber se a lógica está genuinamente a funcionar ou simplesmente a mostrar nada. Preencha algumas linhas de conteúdo inventado mas credível antes de gravar, usando nomes e detalhes que pareçam plausíveis sem usar nada do projeto real de um cliente, a menos que esse cliente tenha aprovado que seja mostrado publicamente.

Como deve rever o vídeo concluído antes de o publicar?

Assista-o como um estranho faria, sem contexto prévio e com o som desligado primeiro. Se o fluxo ainda fizer sentido sem narração, as legendas estão a fazer trabalho suficiente por si só. Se só fizer sentido com a explicação completa a reproduzir, o fluxo era provavelmente demasiado complexo para uma entrada de portefólio e beneficiaria de ser reduzido a uma ação mais pequena e limpa.

Verifique a renderização em relação ao que foi realmente construído, não ao que se esperava. Se a renderização captou um caso limite ou um erro que a aplicação não mostra normalmente, não o apresente como representativo. Corrija o problema subjacente e grave novamente em vez de editar em torno de uma falha que a renderização calhou de apanhar.

Verifique também se o vídeo continua a fazer sentido meses depois, uma vez que um portefólio raramente é atualizado na mesma semana em que a aplicação subjacente muda. Uma atualização de dependência, uma API descontinuada, ou uma alteração ao modelo de dados podem quebrar silenciosamente o exato fluxo em torno do qual um vídeo de portefólio foi construído, e ninguém repara até um revisor clicar e descobrir que a aplicação ao vivo agora se comporta de forma diferente do que o vídeo mostra. Defina um lembrete para reabrir o URL implementado de vez em quando e confirmar que o fluxo ainda corresponde ao que o vídeo afirma, em vez de presumir que uma peça de portefólio está acabada assim que é publicada.

Isto importa mais para uma compilação Firebase Studio do que para uma aplicação mantida à mão, porque uma compilação montada rapidamente com criação de estrutura assistida por IA pode transportar dependências fixadas no momento da geração e nunca revistas. Uma entrada de portefólio que era precisa no lançamento pode desalinhar-se da aplicação ao vivo sem que ninguém decida isso de propósito, e a correção é simplesmente verificar periodicamente em vez de presumir permanência, especialmente antes de enviar a hiperligação a um revisor que vai julgar o portefólio inteiro por esta única entrada.

Como se compara isto com a mesma tarefa noutras plataformas?

A abordagem subjacente transfere-se para outros criadores mesmo que os detalhes da plataforma difiram. O guia de apresentação guiada de revisão de aplicação Firebase Studio cobre a versão de revisão interna desta mesma compilação, dirigida a alguém a verificar o trabalho em relação a um briefing em vez de julgar o criador em geral. Para a mesma tarefa de portefólio noutra plataforma, veja o guia de vídeo de demonstração Softr, o guia de vídeo de página de destino Softr, o guia de vídeo de lançamento Softr para o Product Hunt, e o guia de partilha Softr com um cliente.

Para uma compilação sem gravação de ecrã disponível e que precisa de uma abordagem inteiramente diferente, o guia de gravação de uma demonstração sem gravação de ecrã e o guia de gravação de ecrã automatizada para uma aplicação web cobrem caminhos alternativos. O guia de vídeo de demonstração SaaS de duas pessoas e o guia de vídeo de demonstração de fundador não técnico cobrem situações adjacentes em que a pessoa a gravar a peça de portefólio não é quem fez a compilação técnica. Se a entrada de portefólio se destina a apoiar angariação de fundos em vez de conseguir trabalho independente, o guia de vídeo de demonstração de atualização a investidores cobre esse enquadramento separado. Compare o GogoScreen com uma ferramenta de gravação dedicada em GogoScreen versus guidde, verifique os preços para os planos e carregamentos, explore a biblioteca de guias completa e as páginas de comparação, ou comece pela página inicial do GogoScreen para o próprio fluxo de trabalho de URL e indicação.

Esclarecimentos

Antes de começar

Um vídeo de portefólio Firebase Studio deve ser gravado a partir do espaço de trabalho ou da aplicação implementada?

Grave a partir do URL público implementado. A pré-visualização do espaço de trabalho dentro do Firebase Studio normalmente precisa de acesso de conta Google ao nível do projeto, que um revisor de recrutamento ou um potencial cliente não vai ter.

O que deve o vídeo provar para uma entrada de portefólio?

Que uma peça específica de lógica funcional existe e corre, não que a interface parece polida. Um revisor a avaliar a competência de um criador quer ver um fluxo real a concluir-se com sucesso.

Tudo bem usar uma aplicação Firebase Studio baseada em modelo num portefólio?

Só se o vídeo mostrar algo específico que foi construído sobre o modelo, um fluxo ou lógica personalizados, em vez do comportamento predefinido do modelo com texto de marcador de posição diferente.

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.

Ver preços Ler os guias