Gerenciamento de produtos: ferramentas e dicas para otimizar seu fluxo de trabalho como pessoa responsável pelo desenvolvimento | Christian Heilmann | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Gerenciamento de produtos: ferramentas e dicas para otimizar seu fluxo de trabalho como pessoa responsável pelo desenvolvimento

teacher avatar Christian Heilmann, Principal Program Manager at Microsoft

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      3:24

    • 2.

      Evitando erros enquanto você desenvolve

      4:00

    • 3.

      Configurando seu ambiente ideal

      2:49

    • 4.

      Controle de versão em tudo

      4:22

    • 5.

      Usando a colaboração online

      4:56

    • 6.

      Ajudando outras pessoas a entender seu trabalho

      1:36

    • 7.

      Considerações finais

      0:47

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

854

Estudantes

1

Projeto

Sobre este curso

Otimize seu fluxo de trabalho e colaboração de equipe com o gerente de programa principal: Christian Heilmann!

Como desenvolvedor, é fácil pensar que o que você codifica é o que faz sua carreira. No entanto, um grande componente de ser um bom desenvolvedor é comunicar seu código a outras pessoas para uma colaboração simplificada. Junte-se a Christian enquanto ele compartilha suas principais ferramentas e truques para tornar seu código mais fácil de entender e contribuir, não importa onde você esteja.   

Juntos, com Christian você vai aprender como:

  • Evitar erros e simplificar seu processo usando ferramentas online como o webhint e o Visual Studio Code 
  • Melhorar seu ambiente de trabalho para obter a colaboração de equipe distribuída
  • Adotar uma mentalidade de controle de versão em primeiro lugar 
  • Otimizar sua colaboração com páginas do GitHub e CodePen 
  • Documentar melhor seu trabalho com a gravação de tela 

Se você tem interesse em adotar ferramentas de desenvolvimento para otimizar seu fluxo de trabalho ou comunicar melhor seu código para outras pessoas, este curso fará de você a pessoa responsável pelo desenvolvimento com quem é mais fácil trabalhar em qualquer equipe. 

____

O curso de Christian foi projetado para desenvolvedores de produtos de todos os níveis, mas todos os tipos de estudantes podem participar e aproveitar. 

Conheça seu professor

Teacher Profile Image

Christian Heilmann

Principal Program Manager at Microsoft

Professor

Chris Heilmann dedicated the last 20 years of his life to make the web work and thrive. As a lead developer on some of the largest web products he learned that knowledge is not enough without teamwork and good handover. He is the author of several JavaScript books and the Developer Advocacy handbook. He is currently a Principal Program Manager in Microsoft and spends a lot of time pondering how machine learning and AI can aid humans and replace jobs we're too important to do.

Visualizar o perfil completo

Habilidades relacionadas

Desenvolvimento Desenvolvimento web
Level: All Levels

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: O nosso mundo mudou. Estamos trabalhando de forma diferente agora e muitos engenheiros têm um problema em obter suas informações ouvidas e obter as informações documentadas. Olá aí. Sou Chris Heilmann. Sou gerente do programa principal, mas fui desenvolvedor há mais de 20 anos. Trabalhei nos últimos 10 anos em casa com equipes distribuídas em todo o mundo. Hoje, neste curso, eu quero explicar a você como otimizar seu fluxo de trabalho como um desenvolvedor para ser entendido e trabalhar facilmente conjunto com pessoas que não estão no mesmo edifício que você. Como gerente de produto, meu principal trabalho é garantir que o produto tenha sucesso. Isso significa que eu tenho que pensar sobre como ele cresce, como ele realmente funciona, e como ele pode ser entregue em um certo período de tempo. Isso significa que eu tenho que fazer com que meus engenheiros otimizem seu fluxo de trabalho e me forneçam as informações que eu preciso sem seja alguém que está trabalhando no código o tempo todo. Nesta aula, vou falar sobre algumas coisas. Primeiro, eu vou falar sobre como configurar sua máquina para ter certeza de que você realmente não comete erros que são evitáveis. Em segundo lugar, vou falar sobre como mudar sua configuração para o novo mundo em que vivemos agora. Porque na maioria das vezes, não estamos apenas desenvolvendo, também estamos em reuniões, e a maioria delas são videoconferências, então isso é algo que devemos considerar, como realmente nos tornar mais Eficaz dessa forma. Nós também vamos falar sobre controle de versão, certificando-se de que tudo o que você faz será realmente mantido em algum lugar, e você não pode cometer erros e não pode perder as coisas lá fora. Vou falar sobre colaboração on-line, como você pode realmente construir coisas com as quais outras pessoas podem colaborar e elas podem trabalhar nisso enquanto você está na cama ou você não está disponível no momento. Vamos falar sobre ajudar outras pessoas a documentar e promover o seu trabalho. Como você pode realmente obter acesso às pessoas ao que você faz, elas possam iniciar a documentação e também dizer a outras pessoas sobre isso sem realmente ter que fazer parte do processo o tempo todo. Uma das habilidades que espero que possa tirar disso é a comunicação. Porque eu descobri na minha carreira que não importa o quão bom um desenvolvedor você é, mais cedo ou mais tarde, vai se resumir às habilidades suaves para garantir que as pessoas entendam o que você faz, as pessoas possam lhe dar a informação que você precisa e as oportunidades de que você também precisa para ter sucesso em sua carreira. Uma das coisas que eu mais aprendi como desenvolvedor é que meu código não é a coisa mais importante, mas como eu levo para as pessoas, quanta informação eu dou em torno do meu código e como eu permito que outras pessoas façam seu trabalho com base nas minhas informações é muito mais importante do que o próprio código. Isso é algo que foi difícil de engolir para mim como desenvolvedor porque eu amo codificação, mas ao mesmo tempo, fez minha carreira. Esperemos que seja uma habilidade que o ajude melhor também. Estou entusiasmado por vocês fazerem esta aula porque eu quero que a próxima geração e a nova geração agora de desenvolvedores comecem a abraçar o novo mundo em que vivemos também. Não é que estejamos sentados em um escritório ao lado um desenvolvedor sênior e aprendemos tudo com eles. Estamos todos distribuídos e trabalhamos em lugares diferentes, e esta é uma liberdade pela qual lutamos e devemos abraçar. É uma ótima oportunidade para você ser alguém que é fácil de trabalhar, embora não esteja fisicamente presente, e isso é algo que você pode aprender neste curso. Nesta classe, não temos um exemplo na galeria do projeto apenas para copiar e aprender. É algo que deve inspirar você a fazer a mesma coisa com seu código. Você vai aprender sobre diferentes coisas que você pode fazer com ele para tornar seu código mais fácil de contribuir e mais fácil de entender para todos lá fora. Então dê uma olhada nele, o que eu fiz, discordo ou gostei, e venha ao fórum de discussão e fale sobre o que você aprendeucom e venha ao fórum de discussão e fale sobre o que você aprendeu essa aula e quais outras coisas você descobriu que perdemos. 2. Evitando erros enquanto você desenvolve: Nesta lição, eu quero que você repense o que você faz como um desenvolvedor, se você realmente precisa ser a pessoa para saber tudo ou se você realmente pode ser a pessoa que sabe tudo, ou se faz sentido abraçar ferramentas modernas para parte do conhecimento de você porque você não precisa dele naquele momento, mas você só precisa dele quando é necessário. Vou falar sobre o assunto que me sinto mais confortável aqui agora e que é o desenvolvimento web como regra geral. Eu tenho feito isso por um bom tempo, e eu pensei que eu era um completo especialista nisso. É por isso que eu estava sempre voltando para o ambiente de desenvolvimento em que me sentia confortável. Eu sempre pensei que eu só precisava de um editor de texto, eu não preciso de nada chique, eu posso ir a qualquer site para procurar informações, e então eu percebi que eu estou perdendo muito meu tempo fazendo isso. Estou perdendo muito tempo acumulando conhecimento no meu cérebro que na verdade eu não preciso ter porque algum bom editor poderia fazer isso por mim, e eu vou mostrar a vocês agora como usar o Visual Studio Code, e um plug-in que realmente ajuda você a fazer essas coisas de uma só vez em vez de ter que conhecer o conhecimento, ou ter que ser a pessoa que sabe onde olhar na web quando você está fazendo algo errado. Agora este é o meu editor aqui configurado no Visual Studio Code. O Visual Studio Code é um editor de código aberto. É provavelmente o mais usado lá fora agora. É o maior projeto do GitHub e provavelmente você está usando também. O que você pode não estar usando ainda é um plugin chamado webhint. Webhint é um projeto de código aberto que permite validar seus projetos web de acordo com diferentes questões. Tipo, poderia ser desempenho, poderia ser compatibilidade, poderia ser validação e acessibilidade. Webhint e em si é realmente um serviço bem na web, ou é também um projeto NPM. Se você não quiser usar a coisa como eu vou mostrar em um segundo no Visual Studio Code, você também pode usá-lo em seu projeto como um módulo NPM e como parte de sua implantação. Antes de realmente colocar algo em seu núcleo principal, você pode realmente executar uma webhint sobre ele, e dessa forma fazer a mesma validação que eu vou mostrar a você ao vivo agora no projeto antes de enviá-lo para o seu colegas e obtê-lo de volta que você fez algo errado. A grande coisa sobre webhint no Visual Studio Code é que ela é independente da linguagem. Abrange todas as coisas que você faz para a web. Abrange JavaScript, CSS e HTML. Em cada um deles, quando algo está dando errado, então ele realmente coloca algumas linhas sinuosas sobre ele. Se eu mover meu mouse sobre ele, ele me diz o que está acontecendo aqui. Nesse caso, isso é algo que não é suportado pelo Internet Explorer, Safari, e agora tomarei a decisão se ainda posso usá-lo. Mas isso é algo que eu posso enviar ao meu testador quando estou enviando o projeto para fora e dizer “Este projeto não precisa funcionar no Internet Explorer, então, por favor, não arquive de volta e devolva para mim.” Eu já sei que isso é um problema, mesmo que eu não soubesse que esses navegadores não suportam. Da mesma forma quando eu vou para qualquer uma das outras línguas, quando eu vou em JavaScript, por exemplo, e eu não me lembro como algo funciona. Se eu for, por exemplo, aqui e dizer doações e addEventListener, e eu nem sei o que ele faz. Tudo o que eu preciso fazer é abrir uma chave e, em seguida, ele me dá a explicação no contexto, o que eu preciso saber. Quando eu estava super orgulhoso de saber todas essas coisas que eu percebi, eu estou usando muito do meu poder cerebral para coisas que são desnecessárias porque um bom editor me permitiria hoje em dia dar essa informação para mim e me dar o completação automática com apenas uma aba, em vez de ter que conhecê-la. Quando se trata de HTML, ele realmente me dá um monte de problemas de acessibilidade. se rolar isso me explica o que fazer, e se eu abrir o painel para obter mais explicações ou até mesmo aprender como corrigi-lo diretamente no meu editor. Por que você abraça essa ideia agora? Temos toda essa tecnologia, temos todo esse conhecimento de dezenas e centenas de desenvolvedores que entraram nessas extensões de linting pode ser webhint, seja ESlint, CSSLint, JShint, todas as coisas lá fora. Se você procurar extensões ou Visual Studio Code, você encontrará muitas coisas que fazem você não cometer erros antes de enviá-los para outras pessoas para olhar. Você não precisa dizer às pessoas que era a máquina que sabia, você só não sabia mais saber e você pode usar seu poder cerebral para coisas melhores. 3. Configurando seu ambiente ideal: Nesta lição, eu só quero falar sobre o seu ambiente um pouco. Eu quero falar sobre algumas coisas em que você deve realmente gastar um pouco de dinheiro ou tentar fazer com que sua empresa gaste dinheiro para você, para tornar mais fácil para você colaborar com pessoas fora de sua casa, e que você não precisa ir para o escritório para conversar um com o outro. Isso significa configurar seu ambiente para usar, por exemplo, duas telas em vez de uma, mas também certificar-se de que você pode realmente gravar coisas e se comunicar com as pessoas enquanto trabalha. Eu costumava ser uma pessoa que só usava um laptop porque eu estava codificando em movimento o tempo todo e pensei que era a única coisa que eu precisava. Aprendi que com o novo ambiente em que tenho que estar em videochamadas o tempo todo, e fazer minha codificação, meus testes, e todas as coisas ao mesmo tempo, ter um segundo monitor é um investimento muito, muito bom. O principal é que estou mudando meus cursos aqui. Neste, eu ainda tenho meu editor de codificação aberto, ainda tenho meu Git Workflow aberto e esse tipo de coisas, e eu faço todas as coisas que preciso estar fazendo ao mesmo tempo, como documentá-los, ter todas as minhas chamadas. Ao ter isso aqui, ter minhas chamadas Zoom, ter as chamadas da minha equipe no outro monitor, e ter uma câmera em cima dele, eu também olho as pessoas diretamente nos olhos em vez de ser a pessoa que e eles me ouvem fazendo isso, na verdade sou parte da reunião, sou ao mesmo tempo eficaz fazendo as coisas que eu queria fazer. Outro grande investimento é algo que se chama fones de ouvido. Apesar do som estranho, mas é realmente importante nas reuniões que você não é a pessoa que realmente usa o microfone, que está em seu computador enquanto você está digitando fora porque eles são super distraindo e você não quer parar de digitar só para dizer algo. Basta obter um fone de ouvido livre de distração para as pessoas lá fora é uma coisa maravilhosa para ser mais eficaz em sua colaboração com outras pessoas. Outra coisa que eu continuo fazendo é configurar perfis diferentes, tanto no sistema operacional quanto no meu navegador também. A razão é que quando eu compartilho algo com meus colegas, eu não quero que todo o outro trabalho que estou fazendo interfira com ele, como, algum editor atualizando em segundo plano quando tudo que eu estou fazendo é uma apresentação de vídeo do que eu fiz antes. Certifique-se de que você está realmente tendo diferentes configurações em sua máquina que mostram apenas o que é necessário e coisas que você não quer compartilhar ou que você não deve compartilhar, não devem ser visíveis. Ter um perfil diferente nos navegadores e ter um perfil diferente nos sistemas operacionais, é uma boa maneira de garantir que você só está mostrando às pessoas o que você realmente quer mostrar, e não obter nenhum distrações para te surpreender. O que você pode fazer sobre isso? O principal é, pense em diferentes perfis em suas configurações. Pense no que você quer realmente compartilhar com as pessoas, e se você conseguir um segundo monitor, mesmo um antigo vai fazer, é realmente, muito bom ter neste mundo em que vivemos porque você quer separar seu fluxo de trabalho como desenvolvedor do seu fluxo de trabalho como comunicador com o resto da sua empresa. 4. Controle de versão em tudo: Nesta lição, quero que abraces uma coisa que me salvou tantas vezes. Isso vai entrar em uma primeira mentalidade de controle de versão. É muito fácil começar uma nova pasta em seu disco rígido e começar a codificar e você está construindo algo. Então qualquer coisa pode dar errado, sua máquina pode morrer, seu disco rígido pode morrer, e então você realmente perdeu tudo. Além disso, somos realmente confusos quando fazemos essas coisas. Você provavelmente tem uma dessas pastas como um desenvolvedor onde é como a versão final. Realmente versão final desta vez eu quero dizer que v1, v2, cinco arquivos zip com todo o código nele. O controle de versão nos ajuda a contornar esse problema muito melhor porque ele só leva o Delta das mudanças e nos permite ir para frente e para trás e desfazer coisas que fizemos errado e voltar para um determinado estágio. Adotar o controle de versão inicial é uma boa idéia para não só a colaboração com outras pessoas porque esse é o segundo passo do controle de versão. Mas só para garantir que você nunca mais perca nada. Isso pode ser tão simples quanto usar a pasta do Dropbox para alguns de sua documentação, pois isso também pode voltar para versões mais antigas. Ou a pasta do OneDrive ou o que você deseja usar o Google Drive, há muitos por aí. Mas também é principal para mim a maior parte do tempo quando eu começo um novo projeto, para começar um novo projeto Git cada vez que eu criar algo. Isso também me obriga a realmente ter certeza de que o código que eu escrevo é bom o suficiente antes de eu realmente colocá-lo no GitHub ou em outro lugar. Claro, você pode usar um repositório Git privado também. Mas é algo que realmente me faz melhor como desenvolvedor porque eu colaboro antecipadamente em vez de apenas fazer coisas na minha pequena câmara escura e ninguém precisa vê-lo. Percebi que meu código tem que funcionar porque outra pessoa iria dar uma olhada nele mais tarde. Essa para mim é toda a ideia por trás do código aberto também. Você também pode começar a colaborar com você mesmo usando o controle de versão inicial. Eu estava muito orgulhoso de ser uma pessoa que sabe tudo sobre Git na linha de comando. Sempre que eu realmente criava algo para o Git este era o meu ambiente. Fui ao terminal e fiz tudo lá. Eu também percebi que isso é uma coisa legal de se fazer e te dá muito poder porque eu realmente aceitei isso muito cedo, mas hoje em dia temos maneiras melhores de fazer isso. Quando começo um novo projeto hoje em dia, eu simplesmente crio uma pasta, e então eu pulo para o cliente de desktop do GitHub. O cliente de desktop do GitHub também tem um benefício para mim. Ele me mostra que eu estou usando repositórios diferentes e realmente em que projeto estou trabalhando, e isso me mostra o estado deles. Você pode ver, por exemplo, aqui uma extensão em que eu estou trabalhando que ele me pede para baixá-lo primeiro. Sobre as mudanças que meus colegas fizeram que eu normalmente perderia na linha de comando. Esta é uma maneira muito simples de começar e ter certeza de que você não perca algo, e muitas vezes eu tive que fazer um esconderijo Git e descobrir todos os problemas que estão acontecendo com meu repositório Git fazendo isso na linha de comando. Mas usando o editor de desktop eu percebi agora há arquivos alterados e que eu preciso puxar da origem. Se eu sair da origem, recebo toda a informação lá dentro. Então eu posso voltar para o projeto em si e realmente abri-lo no meu editor por escolha e, em seguida, começar a partir daí também. No Visual Studio Code, há também um fluxo de trabalho do Git embutido. A coisa realmente legal sobre isso é que se você der uma olhada no seu explorador de arquivos aqui, você não só vê quando eu falei sobre armas anteriormente, quais deles têm problemas. Mas também as coisas que eu mudei. Quando eu mudo algo e surgiu aqui que eu preciso fazer algo para enviá-lo de volta para o repositório. Eu posso ir para o fluxo de trabalho do GitHub e realmente apenas digitar o comando lá e mesclá-lo. Eu não preciso manter o controle na minha cabeça o que eu tinha mudado, mas eu posso fazer isso diretamente do meu ambiente de codificação. Se você ainda não está no Git e você não quer realmente aprender muito, pegue essas ferramentas poderosas porque ele vai levá-lo para o poder do Git em vez de ter que ter todo o conhecimento. Se você já é um especialista em Git como eu, pode parecer trapaça, mas na verdade me torna mais eficaz. O que eu quero que você faça agora é não só pensar sobre o controle de versão é algo que você tem que fazer para trabalhar. Mas algo que realmente salva seu traseiro se você fizer isso da maneira certa. Para ter certeza de que você está construindo algo que você não pode perder. Se você está realmente indo embora por algumas semanas e voltar para o projeto, você pode realmente começar de novo onde você parou sem ter que se preocupar que algum código foi caminho. A melhor coisa a fazer antes de parar o trabalho do dia é certificar-se de que todas as coisas que controlam versões que você fez vão voltar para o repositório, seus colegas possam realmente ver o que você fez e trabalhar com o que você fez sem ter que acordá-lo ou enviar-lhe um e-mail. 5. Usando a colaboração online: Nesta lição, quero falar sobre colaboração on-line e como garantir que as pessoas possam ver o que você faz e talvez ajudá-lo rapidamente a corrigir problemas nela. Isto costumava ser uma tarefa e tanto. Você tinha que ter um servidor ou você tinha que enviar o código para as pessoas e eles tiveram que executá-lo localmente, que causou todos os tipos de problemas, mas hoje em dia com o uso de serviços gratuitos, é muito mais fácil de fazer. Estou usando duas coisas para fazer as pessoas colaborarem comigo, descobrir o que estou fazendo e me dar informações sobre o que eu poderia fazer melhor. Isso é GitHub Pages e é CodePen. O CodePen é um serviço gratuito. GitHub Pages é algo que vem com seu repositório do GitHub e você pode não saber sobre ele ainda. Vamos dar uma olhada como realmente configurar isso. A primeira coisa que quero mostrar é o que CodePen significa. Na CodePen, eu posso realmente apenas obter um exemplo rápido para as pessoas para mostrar qual é o problema. Outro dia, um colega meu queria saber sobre Fetch e realmente treinar algum API para fora e pegar um pouco dele e não sabia o que fazer. Escrevi este pequeno exemplo aqui para ele. Você pode ver que há algumas linhas de HTML e você não precisa construir HTML em torno dele, você pode apenas escrever o HTML, que você quer ter um pouco de CSS e o JavaScript mostrando o que a API Fetch pode fazer. Como é a API Fetch, eu usei uma API que mostra fotos de cães, então cada vez que você clicar nele agora você pode ver uma imagem de cão diferente. Isso é apenas eu queria fazer isso por mim mesmo, mas também para explicar ao meu colega como usar uma API aberta como o dog.ceo/api neste caso para brincar com ele. A grande coisa sobre o CodePen é que você não só vê o código, mas também pode editá-lo. Você pode incorporá-lo em outros sistemas, como blogs, repositórios, ou em qualquer lugar que você queira mostrá-lo para outras pessoas, e ele vem com um editor realmente poderoso que faz auto-completar código, codificação de cores, e todas as coisas que você quer no lá de graça. Você pode se inscrever para obter mais alguns recursos extras, como você pode se tornar um apresentador dentro do CodePen e assim por diante e assim por diante. Mas há apenas fora do módulo gratuito básico, você pode fazer muito lá para realmente apenas mostrar às pessoas que algo está acontecendo errado. É muito mais fácil do que escrever uma longa descrição do que está acontecendo ou qual é o problema. Basta reduzir o problema com o qual você quer ter ajuda para a menor quantidade possível, e colocá-lo em uma CodePen, enviar isso para as pessoas, e eles podem começar a bifurcá-lo, editá-lo e enviá-lo de volta para você. Outro grande benefício de usar algo como CodePen é que você pode realmente usar configurações. Se você quiser usar SaaS ou algo assim em vez de CSS, você pode configurá-lo também nesse ambiente. Você não precisa enviar um arquivo SaaS para um de seus colegas e dizer: “É assim que você configura SaaS e faz funcionar”, e perde muito tempo dessa forma, mas você apenas envia a CodePen e o SaaS é executado automaticamente para você. Esta é uma maneira muito poderosa de começar a colaboração. Se você estiver usando o GitHub para hospedar seu código, você já precisa do código-fonte lá. Isso é algo que é fácil para as pessoas, então, por exemplo, baixar um arquivo zip ou bifurcá-lo e fazer algo com ele. O GitHub também oferece páginas do GitHub e é algo que você faz nas configurações. Nas configurações, você pode rolar para baixo até aqui e lá você tem GitHub Pages. Você pode ver que, por exemplo, o repositório que eu tenho aqui agora, é publicado neste repositório. As pessoas não só podem usar o código-fonte, mas também podem ir e olhar para as diferentes páginas do mesmo. Neste caso é uma página com erros, e você pode dar uma olhada no código, como ele é executado no navegador. Você não precisava enviar esse arquivo para outra pessoa e esperar que ela tenha seu computador configurado corretamente. GitHub Pages faz isso automaticamente para você e você pode fazê-lo para qualquer ramificação em seu repositório Git. É uma maneira poderosa de começar as pessoas. Outra coisa que o GitHub vem com, que é realmente interessante, é que ele realmente diz a você para fazer a coisa certa. Neste repositório de código agora, eu só tenho código. Eu não tinha uma leitura lá que explicasse às pessoas como usar o código, o que fazer com ele. Ele realmente me pede para colocar um arquivo README lá. Posso clicar nisso, criar um README e começar a escrever um arquivo README. Bons repositórios, como outro que eu tenho para um dos meus exemplos de código aqui, me dê uma captura de tela, me dê uma explicação sobre o que a coisa faz e como usá-lo. Isso é algo que vem de graça se você hospedar seus repositórios Git no GitHub, e é algo que é muito fácil de configurar. Por que não tenta? Vá para a CodePen, experimente algo lá. Há uma grande galeria do que outras pessoas estão fazendo, então você pode aprender muito com isso também. Mas experimente o editor, configure algo, um exemplo que você sempre quis mostrar a um colega, envie-lhes o link e depois discutam juntos o que você poderia fazer e deixá-los brincar com ele. Incorporar a CodePen em outro produto, como em um site HTML ou em seu blog, se você tiver um, é uma ótima maneira de mostrar ao mundo o que um determinado recurso faz antes que eles realmente queiram experimentá-lo eles mesmos. Quando se trata de repositórios do GitHub, certifique-se de que você tem um bom README em todos eles e realmente use essas páginas do GitHub. Porque se você vê algo em ação, é muito mais poderoso do que apenas obter o código e experimentá-lo você mesmo, e você vai parar as pessoas de fazer muitas perguntas porque eles vêem que deve funcionar. 6. Ajudando outras pessoas a entender seu trabalho: Como desenvolvedor ou designer, você não é o único que trabalha no projeto. Há pessoas como eu que têm que documentar o que você está fazendo e mostrar para as pessoas antecipadamente, embora ainda não esteja pronto. Este é um problema porque eu não posso acessar o código que você tem. Provavelmente não tenho o ambiente para executá-lo. Sua tarefa seria fazer um screencast dele, gravar algo, enviá-lo para mim, e então eu posso falar com as pessoas sobre isso enquanto você ainda está desenvolvendo. No passado, era difícil fazer um screencast e fazer uma narração sobre ele, mas hoje em dia a maioria dos sistemas operacionais tem algo construído que permite que você faça isso. Não se preocupe se sua narração não for perfeita. Isto é apenas sobre obter a informação lá fora. Uma das coisas mais simples que encontrei é uma extensão para o navegador chamada Screenity. Este é apenas uma extensão que acessa sua câmera, acessa seu microfone, grava a tela e cria um MP4 a partir dele. Ele também destaca onde você clica nas coisas. Você pode narrar coisas, você pode realmente destacar coisas e rabiscar nelas. É bastante poderoso e apenas uma extensão para navegadores Chromium que você pode usar. Outro que as pessoas estão usando é o OBS Studio, que é para todas as plataformas também. É para streaming de jogos, por isso é assustador olhar. Eu mesmo, não me contorno tanto quanto quero, e é por isso que preciso de você. Por favor, vá ao fórum de discussão e conte-nos sobre as coisas que você está usando para screencasting que o tornou eficaz, que facilitou para você. Tenho algumas ideias, mas não tenho todas as ideias. Você pode estar em outra plataforma. Então, por favor, compartilhe com os outros alunos o que você usa para fazer seu screencast. Não se esqueça que um screencast pode salvar um monte de e-mails para trás e para trás explicando como executar algum código. 7. Considerações finais: É o fim desta aula. Espero que tenha aprendido algo hoje para fazer de você um colega melhor para trabalhar. Alguém que não está na mesma sala, que não está no mesmo nível de habilidade, e na verdade nos dá informações com as quais podemos trabalhar. Isso será, mais cedo ou mais tarde, um impulso para a sua carreira. Você será conhecido como alguém com quem as pessoas podem trabalhar, não alguém que trabalha para outra pessoa, e não alguém que espera que você entenda seu código e tenha sua configuração, mas alguém que lhe dê informações para trabalhar, para documentar e conversar com outras pessoas sobre. Também significa que você está adotando a tecnologia mais do que antes. Você não precisa fazer tudo na linha de comando, você não precisa saber tudo, ferramentas vieram muito desde os primeiros dias de nossos dias de desenvolvimento e faz sentido abraçar as novas tecnologias. Obrigado por assistir. Vejo-te num sistema de controlo de versões nas proximidades.