[Música] Opa nessa aula então a gente vai ver o que que é o github e a gente vai ver que ele não é a mesma coisa que o Git como muita gente acha o githuble vai ser um serviço um local ali onde a gente pode criar projetos dentro de repositórios e compartilhar isso com outras pessoas às vezes vai ser compartilhado com qualquer tipo de pessoa com um projeto ou penso fortes né um projeto basicamente é um projeto que é livre para qualquer um fazer modificações usada a forma que bem entender e às vezes vão ser
repositórios fechados privados né provavelmente se tu trabalhar numa empresa onde tem um código fechado né privado provavelmente vai ser esse o caso vai ter acesso aos repositórios ali mas como tu vai estar com permissão para ver aquele repositórios tu vai conseguir ver se não tu não conseguiria nem entrar ali e ver o código né é um código fechado então o Git não é a mesma coisa que o githubit é um sistema de controle de versão como a gente já viu e o github é uma plataforma web onde a gente consegue colocar projetos que estão pressionados
usando o Git então dá quer dizer que sem o Git o github talvez não existiria ou Talvez teria que usar algum outro Sistema de Controle de versão mas muito além disso O github é uma plataforma né uma rede social para programadores então cada programador lá dentro vai ter um perfil como é no Facebook por exemplo E tu vai poder contribuir em projetos de outras pessoas para poder colaborar com o código dos outros né baixar o código deles usar ali ou fazer alguma modificação e fazer uma solicitação de um povo equest por exemplo né para modificar
algo sugerir melhorias nos códigos e também receber esse tipo de feedback no teu código então é uma grande comunidade mesmo de programadores que estão ali fazendo código junto então é bem legal e também é um lugar perfeito para encontrar programadores né então os recrutadores recrutadores eles usam muito essa ferramenta para encontrar profissionais qualificados profissionais bons e aqui vem o que a gente sempre fala de ter um github de qualidade desde o começo aí do teus o que tiver ele virou um lugar que quem tá contratando vai entrar ali para ver para procurar por algumas coisas
essas coisas são Se tu é um deve ativo ou ativa se tu colabora no projeto de outras pessoas se tu tem repositório os teus também né com projetos teus para mostrar se teu código é um código de qualidade então ele consegue acessar ali o repositório e ver o código né então ele vai ver se o código tá bem escrito ou tá mal escrito e ver o teu nível também né tu tá conseguindo desenvolver alguma coisa no nível que ele tá esperando né no nível que a vaga que ele tá recrutando tá pedindo e também é
bem provável que caso ele entra no teu Gut Hub curta o que ele tá vendo tu passa por uma próxima fase numa entrevista onde tu vai falar com RH e depois se tu for bem também nessa parte com RH Provavelmente tu vai receber um teste técnico para fazer e quando tu terminar esse teste técnico provavelmente eles vão te pedir para que tu suba esse teste esse desafio que eles te passaram né Por exemplo desenvolver um site uma linda um beijo alguma coisa assim que tu suba isso para alguém de rubi para vocês poderem ver né
acessar esse teu repositório ver o teu código às vezes eles vão baixar o teu código na máquina deles vão rodar enfim vão analisar todo o teu código ali através do githup então o github se torna extremamente importante para primeiro tu conseguir mais vagas né para as pessoas ser cortadores forem ali no teu perfil e verem que tu tem vaga que tu tem qualidade né e te chamarem para Mais vagas e comprovar a tua experiência né comprovar que tu realmente sabe fazer as coisas que eles estão pedindo ali então através desses repositórios eles conseguem ver isso
e também muito provavelmente quando tu entrar numa empresa aquela empresa vai pedir né que tu usa o kit Hub para adicionar o teu código ali né usando o Git e também para que isso repositório e faça todo o gerenciamento desse versionamento ali no github mas não se preocupa Pode parecer bastante coisas assim bem complexo mas a gente vai passo a passo aqui te explicando bem direitinho o que que é cada coisa do github e tu já vai ter um conhecimento básico muito bom nessas duas coisas para que Caso tu entra numa empresa que use isso
que provavelmente a probabilidade disso é grande Tu já esteja preparado ou preparada para encarar esse desafio então na próxima aula eu vou te dar uma visão geral bem detalhada ali da página do github como é que ela funciona como é que o site funciona pra saber exatamente o que cada coisa lá significa Beleza então até a próxima essa aula então a gente vai fazer duas coisas importantes a primeira delas vai ser criar nossa conta química de Hub Caso tu já não tenha uma Claro e a segunda coisa vai ser criar o nosso primeiro repositório também
aqui no github Beleza então já tô aqui na página do github na página inicial que é o link aqui em cima e para isso para criar nessa minha conta eu vou ter que ir nesse botão sai up o botão saindo para eu fazer o meu cadastro o saininha aqui do lado ele serve para eu me logar né Depois que eu já tô cadastrado então vamos aqui clicar aqui ele vai impedir o e-mail que eu quero cadastrar então eu vou usar um outro e-mail que eu tenho uma senha aí ele vai pedir um user name né
então vamos botar aqui pode ser que tu bote por exemplo ponto ele não deixa Se eu não me engano é ele vai dizer que não pode que só pode colocar hífen para separar Então você quer separar o teu nome é bom botar um hífen É isso aí ele vai dizer eu quero receber produtos atualizações de produtos ou anúncios pelo meu e-mail eu vou dizer que não mas caso tu queira É só botar Y aqui ele vai pedir uma verificação né então vou ter que verificar fazendo um Puzzle aqui galáxia espiral essa aqui escolher a galáxia
espiral de novo essa Beleza então já tá certinho criei itacount aqui botãozinho ele vai mandar para o meu e-mail beleza então aqui eu já tô na minha página do Hotmail eu vou entrar aqui e vou pegar o código que eles me mandaram de validação vou colar aqui ele já vai fazer direto automaticamente para mim aqui ele vai perguntar Quantos membros do time tão trabalhando comigo eu vou estar aqui só eu pode botar que só tu também a parte baixei não precisa botar nada aqui ele vai perguntar Quais as features né Quais as funcionalidades específicas que
eu tô interessado não precisa colocar nada aqui por enquanto pode dar um continue e aqui ele vai perguntar se eu quero pegar o plano pago ou o plano grátis né eu vou escolher o plano grátis e é isso vai dar uma animaçãozinha Bacana aqui é novo isso aqui não tinha essas coisinhas legais antes e é isso tá criada a nossa conta no github Então agora eu vou te mostrar como que a gente cria um repositório aqui dentro é bem fácil a gente pode vir aqui nesse botão da esquerda repositório ou a gente pode vir aqui
no menu do nosso perfil e vir aqui em dar um repositores esse link aqui né você é positório você é repositórios e ver nesse botão New aqui né para criar ficando aqui ele vai perguntar primeiramente o nome desse repositório que eu tô querendo criar né então eu vou criar como aula tabela então aqui ele vai perguntar vai pedir uma descrição então repositório aquele que pergunta a privacidade né qual que vai ser se uma consultório vai ser público ou privado nesse caso aqui o público seria para que qualquer um possa acessar e o privado né Eu
posso escolher quem que vai ver esse meu repositório quem vai fazer comite e tudo mais então eu vou deixar público embaixo não precisa marcar nada tá aqui o Reading é um arquivo de basicamente que vai dizer né uma descrição do meu projeto e os outros aqui eu não vou explicar em detalhes porque não vem muito a quase agora mas a gente vai ver o vídeo Ignore depois e eu vou explicar com bem mais detalhes nesse caso então eu vou dar um create repositório e tá criado numa repositório aqui Alguém já me diz algumas coisas que
eu posso fazer em seguida eu posso criar um novo repositório na linha de comando ou eu posso dar um push de um repositório que já existe né pela linha de comando também então por essa aula é isso então até a próxima nessa lá vou te mostrar como deixar o teu perfil do github customizado perfil do kit ele vem com padrão que é bem mais simples do que isso aqui que eu vou mostrar mas se tu mexer no arquivo específico e criar um repositório específico aí que eu vou mostrar tu tem essa possibilidade de customizar ele
para deixar ele assim bonitinho tu consegue colocar essas caixinhas aqui tu consegue colocar botões para tuas redes sociais vídeo imagem muita coisa tá não vou mostrar tudo aqui porque nosso se não a gente ficaria duas horas falando disso mas tem muita opção eu vou te dar uma base para que tu faça pelo menos essa carinha aqui que já fica bem legal e depois tu pode fazer outras coisas aí que tu quiser pessoal antes de você sequer pensar em começar esse tutorial aqui Vocês precisam ver se o navegador de vocês tá com a tradução automática ativada
Beleza se tiver ativada Vocês precisam desativar essa tradução automática tá se vocês não fizerem isso o passo a passo aqui que a gente vai fazer na aula não vai funcionar então primeiro desativa aí a tradução automática do teu navegador e daí a gente pode começar a fazer o passo a passo na outra aula do redmi eu te mostrei que colocando alguns padrões dentro de um arquivo de readmie.md a gente consegue renderizar o texto de outras formas né o texto como um título como um código lá eu te mostrei o padrão de market Down aqui eu
vou te mostrar um jeito diferente que é como fazer isso com HTML para te mostrar isso na prática do zero eu criei aqui um repositório um repositório não perfil novo no github né que é esse cadude em dobro e a gente vai fazer o nosso repositório especial dentro dele e por que que ele é um repositório especial né porque a gente consegue vir aqui ó em repositores então clica aqui em repositores ou aqui no maisinho em mil repositor e aqui a gente vai ver que a gente consegue daí criar repositório certo já viu isso aí
nas aulas a gente vai criar um repositório aqui clicando no New e aqui a gente vai colocar um repositório com o mesmo nome do nosso perfil então é Cadu deve em dobro Beleza quando eu escrevo aqui o nome do repositório igual ao nome do perfil que tá aqui vocês vão escrever exatamente igual ao nome do perfil de usuário de vocês vocês vão ver que o que tiver ele mostra aqui né você segredo Cadu deve em dobro Barraca do devinho em dobro é um repositório especial que pode ser usado para adicional redmi para o seu perfil
do githup Beleza então é isso exatamente isso que a gente quer então vou criar o repositório com esse nome vou colocar ele público e vou clicar aqui na opção para adicionar um file quando a gente criar esse repositório e vou dar um Create repositor aqui você vai fazer a mesma coisa aí no teu ele cria um repositório ele cria esse arquivo de Ready também dentro do repositório pra gente agora vocês vão fazer uma coisa vocês vão pegar o código que eu vou colocar na descrição do vídeo que é um código do redmi Desse nosso projeto
do desenho em dobro aqui ó Sandy fora aqui no lapizinho e a gente for aqui aí aqui a gente tem a visão do arquivo do redmi com HTML né E aqui é o preview que a gente consegue ver clicando aqui a gente consegue ver os o código renderizado né como ele apareceria visualmente na tela esse código aqui vira isso aqui que aparece na tela renderizada direitinho Então qual é o próximo passo né a gente estava lá no nosso repositório novo né tu vai estar aí no teu repositório e daí você vai clicar aqui no lapizinho
aqui no redmi e aqui no lapizinho daí vocês aquele coloca vários textos aqui padrão beleza aqui pra gente a gente vai só deletar tudo vamos voltar lá no nosso no redmi do nosso do meu arquivo lá do Dev em dobro que esse aqui é o redmi completo Tá tu vai dar um Ctrl a um Ctrl C aqui selecionar tudo né pode ser selecionar tudo assim dar um ctrl+c vai voltar lá no nosso que a gente está fazendo agora do zero e a gente vai colar esse código aqui antes de mais nada tu vai precisar alterar
algumas coisas tá porque a gente tá no meu no meu repositório né em dobro tudo vai estar aí no teu histórico fulano e tal tu vai ter que alterar em todos os pontos aqui do HTML onde tem alguma referência pro davin dobro Porque deve em dobro é esse repositório aqui da onde a gente Copiou o ridding então tu vai ter que vir aqui deve em dobro e trocar pro teu nome de do teu perfil de usuário então tu pode copiar o teu nome do teu perfil de usuário aqui né e colar aqui onde eles devem
em dobro você também pode fazer assim ó Ctrl F para buscar todas as referências de devem em dobro aí tu pode escrever aí né É em dobro E aí ele vai achar algumas referências aí de deve em dobro dentro desse texto aqui ó tudo que tá invertido são as referências em dobro tudo isso aqui tudo não né mas a maioria disso aqui tu vai ter que mudar eu acho vamos ver Isso aqui é a primeira coisa né Se tu não colocar aqui o teu próprio nome aqui de perfil ele vai buscar as informações do perfil
do Dev em dobro e vai preencher lá no teu perfil customizado ele vai colocar as informações do nosso perfil dobro e não é isso que tu quer Beleza porque senão né vai ficar mostrando informações erradas tu quer colocar o teu próprio perfil então tu vai trocar aqui para o teu nome de usuário aqui também ó user name tu vai trocar aqui também esses três aqui tu troca o nome de usuário esse aqui é isso aqui é do YouTube Então como esses aqui são os botões lá do canal do YouTube do Dragon dogro as redes sociais
em dobro né Eu só vou apagar aqui vou deixar sem nada esses botões aqui tu pode trocar eles depois né Se tu não tem um canal do YouTube por exemplo tu pode tirar simplesmente vem aqui e remove esse botão nesse caso aqui eu só vou tirar o HF pra gente ver lá os botõezinhos na tela e o e-mail eu vou também tu não deveria tirar assim beleza tu não quer o botão tu só deleta ele eu só vou deixar assim para não confundir vocês e também para a gente poder ver o botãozinho ali na tela
mesmo sem ter sem ele levar para lugar nenhum aqui eu lindinho é o meu LinkedIn então tu pode colocar o teu LinkedIn o link para o teu LinkedIn aqui né isso aqui são só os botões né então por isso que eles são até guiar beleza eu já vou mostrar lá na tela eu só vou tirar aqui para não nos confundir então agora sim a gente tem aqui buscando as informações do nosso perfil Beleza então feito isso essa é a primeira etapa agora o que que são esses códigos né Essas duas imagens aqui ó são aquelas
duas caixas grandes que aparecem lá aqui ó essa e essa Por Enquanto no meu ele não vai aparecer nada porque eu não tenho esse meu perfil do ithub aqui do canal dele vem dobro ele é vazio né não criei nenhum repositório nele só fiz esse perfil para mostrar fazer essa aula para vocês né do zero Então não vai ter nada aqui tá tudo bem O de você se tiver repositório código já dentro dos repositórios provavelmente ele vai mostrar aqui já as linguagens mais usadas e os convites de vocês também Então essa é a primeira descrição
aqui quando vocês forem customizados vão ver que você tem que trocar o isord name quando eu falei tem algumas outras opções aqui ó podem deixar tudo do mesmo jeito que tá o tema vocês podem trocar Beleza tem esse tema toque United que é o tema que eu tô usando depois do igual né você se inscreva no nome do tema e como é que você sabe né o nome do tema tem um site que eu vou deixar aí na descrição para vocês que é esse site aqui que é o site que tem o todos as informações
daquele dos status de um Reading para vocês conseguirem customizar o perfil de vocês do github Beleza então isso aqui tem bastante informação mas aqui embaixo por exemplo Ó tem os temas E aí Aqui tem um nomezinho do tema tá Que radical são esses temas aqui tá aí vocês podem copiar o nome e colar lá no de vocês e daí vocês vão ver o tema alterar as cores né eles têm essas cores aqui padrões Beleza então vocês podem copiar aqui e botar lá onde vocês para ver como é que fica ou deixar o talco night que
é o que eu tô usando essas outras informações todas aqui ó inclui de ohmics Count drivers você pode deixar isso aqui tudo do jeito que tá se vocês quiserem saber o que que é vocês vem aqui no repositório e buscam aqui que ele vai estar complicado O que que é cada uma daquelas opções ali Beleza então essa URL aqui vai renderizar as caixinhas aqui dessa forma então você não precisa se preocupar só trocar o nome do usuário essa outra caixa aqui são as imagens das linguagens né que dá para ver ó que ele tá pegando
nesse site deve Consul Então se tu quiser ver outros outras linguagens você pode entrar nesse site aqui eu vou deixar esse site aqui também aí na descrição para vocês poderem olhar outras linguagens mas se tu quiser deixar essas aqui que estão aqui tu pode que a JavaScript HTML5 CS3 Então são essas três que elas vão ser renderizadas aqui embaixo é isso aqui basicamente que a gente tem de resultado quando a gente renderiza essa dica aqui depois aqui embaixo tem as nossas os nossos botões das nossas redes beleza tu pode colocar os botões que tu quiser
aí né que nem eu falei se não tem YouTube tu vai lá e só remove essa linha aqui do YouTube por exemplo ó essa linha aqui do YouTube pode remover dá para ver aqui ó YouTube Instagram discord Beleza então tu remove o que tu não quer e tu pode adicionar outras também Beleza vou deixar o site para adicionar outras aí na descrição também é esse shield ponto aí então façam todas as alterações que aqui depois vocês vão vir aqui em comit e vão clicar aqui no botão Comet Changes tá aí quando vocês comentarem ele vai
voltar para tela inicial do perfil de vocês aqui ó na verdade não ele volta para a tela do repositório que tem o mesmo nome do perfil para vocês voltarem para o perfil vocês clicam aqui no nome do perfil e agora sim quando abre o perfil de vocês já tem essas informações customizadas aqui então por essa aula é isso eu te mostrei Como customizar o teu perfil do github do zero criando repositório especial adicionando o redmi dentro desse repositório né e alterando aqui todas as tuas informações de teu usuário alterando qualquer informação aqui de customização das
caixinhas adicionando os as linguagens aqui os botões Então tudo isso aqui tu pode fazer Aí caso você tenha alguma dúvida manda pra gente mas é um processo bem simples Tá eu vou deixar os links todos aí também na descrição caso tu queira adicionar coisas extras e que nem eu falei isso aqui é HTML né pessoal Então você já manjam como é que mexe nisso aqui se vocês quiserem adicionar outras coisas outras imagens gifs qualquer coisa que vocês acham que é legal interessante de ter no perfil de vocês vocês podem É só adicionar as coisas aqui
e aqui embaixo e clicar aqui em Comet Chase que vai funcionar Então por essa aula é isso qualquer dúvida mandem pra gente e a gente se vê na próxima aula