Inicie seu site hoje usando páginas do GitHub

1. Bem-vindo ao lançamento do seu site usando páginas do GitHub: get Hub Page é uma ótima maneira de compartilhar em demo. Os projetos em que você tem trabalhado podem ajudá-lo a conseguir um emprego como desenvolvedor e provar que suas habilidades são uma ótima maneira de contar ao mundo todas as coisas incríveis em que você tem trabalhado . Temos que conseguir home pages. Você não precisa pagar por nada. É absolutamente grátis. Você não precisa se preocupar com gerenciamento de servidores, configurações complexas, bancos de dados ou qualquer coisa assim. Você pode simplesmente se concentrar em fazer um belo site ou portfólio e colocá-lo em. Levante-se, levante-se. As páginas são o caminho mais direto para obter seu código na Internet. Não há taxas, nem capturas, nem complexidades. Além disso, não se preocupe. Se você realmente não sabe, começa enquanto você está fazendo este curso porque eu vou te mostrar como usar. Percorra o resto deste curso, mas também porque mostrarei uma maneira adicional de adicionar arquivos ao seu site. Oi, estou matando de contar e bem-vindo à minha aula de compartilhamento de habilidades. Estou desenvolvendo sites há mais de 20 anos. Eu ensinei mais de 1/4 1.000.000 de alunos na minha vida, e eu uso obter todos os dias neste curso, você estará lançando seu próprio site do zero usando obter páginas hub. Então, se você quiser obter seus projetos de portfólio na Internet hoje, este é absolutamente o curso para você. Obrigado por assistir, e espero vê-lo lá dentro. 2. Configure sua conta GitHub gratuito: ok para este curso, você ia precisar de uma conta get hub ponto com para a sua absolutamente livre. Então tudo o que temos que fazer é ir para obter hub dot com, e podemos criar uma conta completamente gratuita. Então seu nome de usuário será o que você quiser usar para o seu site. Então vai ser, por exemplo, Caleb pedágio ponto Get hub dot io. Esse vai ser o meu site. - Você? Bem, porque esse é o meu nome de usuário. Caleb me contou. Então você vai querer que você especifique seu nome de usuário, porque alterá-lo no caminho pode ou não ser possível. Então eu vou colocar Caleb dot Colleen. Oh, só pode usar em conter caracteres alfanuméricos. Ah, eu venço. Então, sem pontos. Então você pode colocar praticamente tudo o que quiser aqui. Então você pode tentar como se essa sugestão matou Julian. estrela matou o Max. Eu gosto disso. Não sei porquê. 31319 Mas você poderia colocar qualquer coisa em seu nome de usuário. Então você coloca o seu nome de usuário e, em seguida, para o seu endereço de e-mail, você apenas coloca você em Eu não sei. Talvez gmail dot com Se você tem um Gmail dot com ou Hotmail ou Yahoo ou em qualquer lugar Ah, uau, isso já tomou Ah, ou inválido. Interessante em. Depois, basta colocar sua senha e se inscrever. Terá de verificar o seu endereço de correio electrónico para iniciar sessão na sua conta de correio electrónico , verificar o seu endereço de correio electrónico e, em seguida, poderá iniciar sessão. Assim que tiver a sua conta, pode iniciar sessão. Meu nome de usuário é Caleb dizendo, e minha senha é algo que não vou dizer em voz alta. Sua conta provavelmente não terá todas essas coisas divertidas aqui, mas você vai precisar de algo para começar com o Git. Agora vai haver duas maneiras de fazer isso. Podemos editar arquivos diretamente em obter hub dot com, ou podemos editar arquivos em nosso computador e empurrá-lo para se levantar. E eu vou mostrar a vocês como fazer os dois na próxima lição. Vamos em frente e criar nosso primeiro repositório, e então eu vou mostrar-lhe como instalar o git 3. Crie um repositório "especial" no GitHub: Tudo bem, vamos em frente e criar seu primeiro repositório. Então, quando você entrar para se levantar, você verá algo que se parece com isso. Eu meio que tenho ah feed aqui dos diferentes repositórios e bases de código que eu meio monitoro. Mas você não precisa se preocupar com isso. Basta clicar neste mais aqui e clicar em Novo Repositório. Agora, este repositório precisa ter um nome especial. Mas antes mesmo de entrarmos nisso, o que é um repositório? Repositório basicamente, é um lugar onde você pode armazenar todo o seu código e seu histórico de código. Então, se eu escrevi algum código hoje e acontece que eu não sei, eu quebrei meu site e escrevi um código há três dias. Mas eu sei o que estava funcionando. Eu poderia voltar no tempo e usar esse código. Eu não tenho que me preocupar em tentar consertar isso. Eu posso literalmente voltar no tempo, usar o código que funciona e depois, você sabe, corrigi-lo depois para que meus usuários nunca sejam vistos um site quebrado. E isso é chamado de versão. Esse é um dos poderes por trás. Obter assim em seu repositório aqui, você vai querer usar um nome muito especial. Vai ser o seu nome de usuário ponto Get hub. Não Io. Então, para mim, meu nome de usuário é Caleb Tallinn. Mas eu vou usar Caleb transportando ponto Get hub dot io não é ter hub dot com porque esse é o site. Estamos em seu ponto central, eu vou para casa. A página está sempre ao vivo em um domínio dot io. Vou inicializar isto. Leia-me, uh, este repositório com o leia-me. É só um arquivo de amostra. Não podemos mudar isso mais tarde. E também, você vai querer ter certeza que isso é público. Isso não funciona em repositórios privados. Então seu código precisa ser público, que é realmente OK, porque se você estiver criando uma home page get para suas peças de portfólio, você vai querer mostrar esse código de qualquer maneira. E assim tornar isso público vai ser bom para os empregadores darem uma olhada no seu código. Então você vá em frente, clique em criar repositório, e lá vamos nós. Temos um repositório. Então nós apenas configurar um repositório básico, lembre-se, seu não vai ser Caleb tolling Dugit hub dot io vai ser o seu nome de usuário ponto Obter hub dot io Agora você sempre pode descobrir o que seu nome de usuário diz aqui em cima. Assinado como Caleb, dizendo. Eu só coloquei tudo em minúsculas. Tudo bem, mas vai te mostrar aqui. Se isso não acontecer, você sempre pode entrar em suas configurações geralmente são o seu perfil, e ele irá mostrar-lhe também. Então, apenas como um exemplo, diz meu nome aqui, e também diz meu nome de usuário. Portanto, certifique-se de que você tenha um novo repositório configurado com seu nome de usuário. Não vá para casa, não IO. Uma vez feito isso, vamos para a próxima lição onde descobriremos como colocar esse código em nosso computador. 4. O que é clonagem, de qualquer forma?: Muito bem, vamos precisar clonar o nosso código do “Get Hub” para o nosso computador. Agora, clonagem é essencialmente apenas copiar seu código de um repositório, aquele que fizemos no último vídeo para o seu computador. Então, basicamente, estamos pegando o código dos hubs, e estamos colocando no seu computador agora. Na verdade, você não precisa clonar um repositório para trabalhar com ele, mas torna muito mais fácil trabalhar com arquivos em seu computador. Então, nas próximas aulas, você vai querer baixar, entrar no seu computador. Vou mostrar-lhe como fazer isso, se você está usando Windows, Mac ou Linux e então nós vamos configurar, obter. Mas se você realmente, realmente não quer aprender, pegue o que eu sugiro que você faça. Mas se você não quiser, você não tem que ir um pouco abaixo da estrada. Vou mostrar-lhe como você pode editar arquivos sem sequer ter que entrar no seu computador. 5. Como instalar Git no Windows: Se você estiver usando o Windows como um sistema operacional, você vai querer baixar um programa específico para usar get. Este é de longe o melhor programa para Windows que encontrei. Fiz desenvolvimento no Windows, Mac, Linux, Linux, tudo o que quiser. Já estive lá. E quando eu estava fazendo um monte de trabalho no Windows, este era o programa que eu virei. Este foi um programa muito, muito bom. Então você quer ir para obter para o windows dot org Clique seu botão de download aqui, e isso irá levá-lo para uma home page get, que, que, ironicamente, isso é realmente o que nós vamos estar aprendendo muito em breve como uma criança pequena hub. Então, se você rolar para baixo, você será capaz de ver que temos nomes de arquivos e outras coisas lá dentro. Temos ativos. Deseja baixar o programa? Isso é certo para você sabe, as chances são que você quer baixar obter 2.250 ponto zero 64 bit dot dxy. Provavelmente é aquele que quer. Agora, se você tiver um computador mais antigo e um laptop Windows mais antigo para uma área de trabalho do Windows sem censura ou mais antiga, você pode querer obter o 32 bits Mas se você tiver um computador mais recente, digamos nos últimos quatro anos ou então, você definitivamente vai querer obter o download do arquivo txt de 64 bits que instala isso. E uma vez instalado, você poderá abrir um programa chamado Get for Windows. E tudo o que vai parecer é uma ferramenta de linha de comando algo assim. Não, minha ferramenta de linha de comando é única porque eu personalizei isso um pouco. O seu vai parecer muito parecido, está indo. Tenha algum imposto e você poderá escrever algumas coisas aqui. Mas caso contrário, a coloração pode ser diferente. Os lados podem ser diferentes, mas tudo que você realmente precisa é ser capaz de digitar algumas coisas aqui agora, uma coisa divertida de fazer. Se você está no Windows, você sempre pode digitar D I R. E isso irá mostrar-lhe uma lista de seus arquivos e diretórios onde você está atualmente algo assim para se mover rapidamente. Tudo o que você tem a fazer é digitar CD change directories com um sentido para change directory. Você pode ver o em qualquer outra pasta que você quer, então eu vou apenas, por exemplo, um CD em sido. E então, se eu fizer P W.D. W.D. você pode ver que essa é a pasta que eu estou em para você. Você pode querer configurar um projeto de exemplo ou um projeto de exemplo em sua área de trabalho ou em seus downloads, ou em algum lugar que seja um pouco mais temporário, e depois CD nesse diretório onde quer que esteja, para que você pode automaticamente começar a trabalhar e vamos fazer tudo de novo. Entra nessa pasta em particular. Então, o que você tem para Windows instalado e você tem o seu get para Windows Terminal aberto. Vamos começar com a próxima lição em que nos introduzimos no Get Hub. 6. Como instalar Git no MacOS e Linux: Se você estiver em um Mac ou Lennix, há algumas maneiras diferentes de instalar cada sistema operacional. Pegue as primeiras coisas primeiro. Vamos rever o Mac porque mais pessoas estão usando o Mac do que estão. Desktop Linux. Então, em um Mac, se você tiver um programa chamado Brew, você pode digitar brew install. Vá agora se não tiver cerveja. Este é um programa chamado Homebrew, e eu sugiro obter este sistema operacional Mac de quatro anos. Este é realmente apenas um gerenciador de pacotes, por isso permite que você atualize facilmente o caminho para ele, por exemplo, ou instale outros pacotes que podem estar relacionados a obter ou podem estar relacionados a um projeto específico . Você está trabalhando em uma ferramenta muito útil, então esse é o Mac número um. Mac Opção número dois é Você pode simplesmente abrir o seu navegador e ir para fonte forge dot net barra projetos barra git Dash os X traço instalador barra arquivos Role para baixo nesta página, e você provavelmente só vai querer obter o mais recente. Então este é chegar ao ponto 3.0, e você pode ver que ele tem 30.000 downloads esta semana. Se houver uma versão mais recente. Definitivamente vá. Vá em frente, pegue a versão mais recente. Mas se você vir este, você também pode obter este também. Você vai querer baixar isso, instalá-lo, instalá-lo, e uma vez que você tem isso funcionando, você será capaz de abrir um programa chamado Terminal. Todo Mac vem com este programa chamado Terminal Will. Escreva isso, Terminal. Basicamente, é isso que estou usando aqui. Agora eu tenho uma versão personalizada do meu terminal, mas seu terminal vai ficar parecido com isso. Agora, se você está em uma roupa de cama, há uma maneira diferente de fazer isso. Então normalmente você vai digitar sudo Apt. Instalar, obter, e que irá instalar Get para você se você estiver em uma versão mais antiga do Lennix ou uma versão mais antiga do Let's Say You coque, também. Você faz sudo apt get install, get e que irá instalá-lo para você em versões mais antigas de você. Mas você diz que quer 12 14 16 algo assim. Se você está no seu grupo de 18 anos ou mais cedo, é apenas sudo. Apt instalado. Obter Se você estiver em um sistema operacional Linux diferente. Pode ser Yaman. Talvez seja qual for o seu gerente de pacotes, mas as chances são. Vocês são prefeitos. Seja qual for o seu gerenciador de pacotes chamado install, obtenha algo ao longo dessas linhas. Se você já está em Lin X, as chances são que você já sabe como fazer isso e você sabe qual deles usar agora, um curso rápido rápido. Se você for novo em usar a linha de comando no Mac ou no Lennox, digite PWD. E isso irá mostrar-lhe o diretório de trabalho que estavam em que Isto é realmente apenas ah nome da pasta aqui. Então eu estou na raiz do meu computador e, em seguida, eu estou em uma pasta chamada Been and To Change Directories e Do CD e C D significa um diretório de mudança E, em seguida, para listar todos os seus arquivos e pastas que você sempre pode fazer ls Dash L. A. E você pode ver que eu tenho um monte de coisas aqui. Eu vou ver o diretório acima um último traço L A e você pode ver que eu sou apenas uma espécie de na raiz aqui. Não há nada extravagante acontecendo aqui. Isto é apenas pastas e uma pasta temporária aqui. Vamos trabalhar com a linha de comando um pouco mais ao longo deste curso. Isso não é realmente ficar relacionado. Então você vai querer estar familiarizado com CD. Deixe-me, ah, apenas fazer isso um pouco centrado aqui. Você vai querer estar familiarizado com CD e provavelmente PWD No. E também é Dash L. Um CD para muitos argumentos, porque isso não é um comando. Você tem que fazer um de cada vez. Então é CD PWD ou Ellis Dash L. A. Então vá em frente, instale-se no seu computador. Uma vez instalado e funcionando, você tem seu terminal aberto. Ou, se você estiver em uma máquina de limites, você vai querer abrir Um programa chamado Bash em vez de Terminal Terminal é para um Mac bashes para máquinas clínicas. Uma vez que você tem que em funcionamento, você pode digitar obter traço versão e ele irá mostrar-lhe a versão de Get que estamos usando . Depois de fazer isso, vamos passar pela próxima lição em que começamos a usar Get Hub 7. Como configurar suas configurações Git: antes de fazermos qualquer coisa com ele, precisamos configurá-lo em nossa linha de comando porque agora, se tentarmos fazer qualquer coisa com get ou get hub de nossa linha de comando, ele não sabe quem somos. Não sabe o que fazemos. Não sabe nada sobre nós. Então vamos precisar configurar duas coisas que vamos precisar para configurar nosso nome e nosso endereço de e-mail. E isso é exatamente o que nós entregamos começos. Falaremos sobre submissões e assinaturas e todas essas coisas na estrada. Mas basicamente, toda vez que escrever um pequeno pedaço de código e colocá-lo, pegue hub. Há uma pequena assinatura no hash, na verdade, e tem um autor, e precisa saber quem é esse autor. Então, para isso, vamos digitar get config, Dash, dash global. Eu faço um pouco menor aqui e você pode ver algumas das minhas coisas de cima apareceram. Tudo bem, citação de nome de ponto de usuário, e eu vou colocar meu nome como Caleb dizendo porque esse é o meu nome. E então eu vou digitar get config, traço Dash, e-mail de ponto de usuário global, e este vai ser meu endereço de e-mail. Eu coloquei isso em citações também, e eu vou escrever meu endereço de e-mail aqui. Você pode ver que realmente envolto em outra linha. Tudo bem se eu fizer o menor vai voltar para uma linha, então aperte enter e pronto. Agora que os endereços de e-mail devem corresponder idealmente ao seu endereço de e-mail get Hub, eu não acredito que seja realmente necessário, mas é uma maneira melhor de fazer as coisas se seus endereços de e-mail estiverem alinhados. Então, o que quer que você se inscreveu no Get Hub, obtenha o laboratório Orbit Bucket, certifique-se de que você está usando exatamente o mesmo endereço de e-mail. Não, podemos verificar se isso funcionou digitando Cat, e isso é uma barra inclinada ponto get config. E se eu fizer guia após a palavra C o N f apenas tab, ele vai auto completar. Para mim, esse arquivo deve existir, e agora podemos ver que temos um usuário com um nome e um endereço de e-mail. Se você não tem este arquivo, significa que você está get configures não configurado, então certifique-se de que você tem seu nome de usuário e seu e-mail de usuário configurado, e também certifique-se de que você tem um arquivo de configuração git em seu computador. Se você tem isso tudo pronto e correndo de cabeça sobre a próxima lição, ele vai falar sobre adicionar uma chave ssh. 8. Como fazer download do seu repositório para seu computador: Ok, vamos falar sobre baixar seu projeto para o seu computador. Então vamos mesmo clonar este repo inteiro? Tenho um relatório aqui chamado Caleb dizendo ponto Get hub dot io. Vou clonar isto no meu computador para ter acesso a isto. Leia-me o ficheiro. Agora, Para fazer isso, tudo o que temos que fazer é clicar neste botão verde aqui e podemos clonar com https ou podemos usar Ssh. Agora eu vou ficar com https para tornar isso agradável e simples. Então quando eu clicar neste link ou neste pequeno botão aqui e isso vai copiar tudo isso para mim agora, eu vou abrir minha linha de comando, e eu estou indo para CD apenas na pasta que eu costumo colocar a maioria dos meus sites em. E eu vou digitar, obter clone, e então nós vamos colar que você Ellen aqui. E isso vai criar uma pasta chamada Caleb Tallinn dot Get hub dot io. Agora ele vai criar uma pasta para você chamada seu nome de usuário. Dugit hub ponto Io. Vamos executar isso e isso clonou o site. Agora posso gravar o Caleb Tully. Não pegue o ponto central e se eu fizer isso é correr ou se você estiver nas janelas, você pode digitar D. I ardor. Então eu vou fazer é Dash L. A. Você pode ver que eu tenho um arquivo leia-me aqui, e nós podemos realmente abrir isso em nosso editor de código, então eu estou usando o código V s. Vou abrir isto e podemos ver o meu ficheiro Leia-me está aqui, e só tem este título. Então isso é apenas marcar para baixo. Só tem o mesmo texto que está aqui. E se realmente formos editar este arquivo, veremos que é exatamente o mesmo conteúdo. Temos um sinal de número, e depois temos o título. E se eu passar para o código V, podemos ver que se eu selecionar tudo isso e eu apenas colar em cima dele, é exatamente o mesmo texto. Nada muda. E isso é porque isso é literalmente o mesmo código que get hub tem. Agora mesmo. Agora podemos editá-lo em nosso computador, e quando estivermos prontos, podemos empurrá-lo de volta para obter suas visualizações e obter agora mais uma vez, você não precisa fazer isso. Se você preferir apenas editar arquivos diretamente, obtenha hub. Você pode fazer isso também. Agora, eu sugiro não fazer isso porque obter é uma habilidade realmente boa para aprender como um desenvolvedor da Web apenas para saber que você não tem que fazer isso então nós sempre podemos clicar neste pequeno ícone de edição aqui ou se nós podemos entrar em um arquivo particular, normalmente há um ícone de edição bem aqui. Então edite este arquivo e podemos dizer que eu vou criar um pull quote aqui. Este é o site para Caleb Colleen e podemos visualizar as mudanças. Verde significa que foi isso que adicionamos, e esta é uma bela fronteira para ele. E então nós cometemos essas mudanças e nós apenas damos uma pequena mensagem como, o que exatamente nós fizemos? Adicionada uma descrição. E eu vou me comprometer diretamente com o ramo mestre e cometer essas mudanças. E lá vamos nós. Agora, o meu leia-me foi atualizado. Se eu voltar para este repositório de repositório, você pode ver que ele foi atualizado. Agora, onde entrar em jogo é que isso não foi atualizado no meu computador. Eu vou aqui, nada foi atualizado. Mas o que eu posso fazer é dizer obter origem puxada, Mestre. E quando eu voltar aqui, podemos ver que isso foi atualizado automaticamente para mim. Esse é o poder de obter. Podemos manter o código em sincronia entre get hub e nosso computador e outras pessoas podem fazer isso também , para que eles possam sempre ter uma fonte de verdade. 9. Crie seu primeiro arquivo: Tudo bem, vamos em frente e criar nosso primeiro arquivo. Então este veio com nosso repo e editamos, mas não fizemos nosso primeiro arquivo, então há duas maneiras de fazer isso. A primeira maneira é usar o Get, e eu vou te mostrar aquele pouco no fim da estrada. Mas a outra maneira é que você pode literalmente apenas clicar. Crie um novo arquivo e você pode criar um novo arquivo aqui. Vamos chamar este índice dot html e aqui vamos apenas dizer H um. Olá mundo cortar H um. Visualize isso e ele apenas se parece com código HTML normal. Então vamos dar a isto um nome de primeiro. Olá mundo. Confirmar e confirmar esse arquivo. E então, onde esses commits ar entrando em jogo é bem aqui, nós podemos realmente ver que agora eu tenho algum tipo de histórico de código. commit inicial adicionou uma descrição Primeiro, Olá, commit do mundo e você pode realmente passar por estes e você pode ver os diferentes pedaços de código que foram atualizados para cada commit. Isso não é nem aqui nem ali. O que queremos fazer é trabalhar com este arquivo html de ponto de índice. Então o que podemos fazer é entrar aqui. Podemos editá-lo diretamente, assim como fizemos com o arquivo Read Me. Poderíamos copiar e colar ou HTML aqui, mas essa é uma maneira muito dolorosa de fazer isso. E honestamente, isso não é jeito de viver sua vida. Outra maneira de fazer isso é se você apenas abrir aqui editor de código e eu já estou dentro do meu repositório. Eu poderia fazer um mestre de origem polo get. E se eu conseguir Log, Dash, Dash uma linha, nós temos o commit inicial. Adicionamos a descrição. E primeiro olá, compromisso mundial. Esse é o que acabamos de fazer, o que significa que agora devemos ter acesso ao arquivo html index dot dentro do código es. E olha para isso. Está ao lado do arquivo “Leia-me”. Então isso está dentro de sua pasta no seu computador agora. E realmente, isso é tudo que é é apenas uma pasta que permanece em sincronia com o “get up”. Então o que nós poderíamos fazer aqui é, em vez de apenas aquele padrão H um, nós poderíamos realmente fazer isso um pouco menor. Nós poderíamos realmente dar a este um Olá mundo, um corpo html então html cinco estavam usando Inglês como a língua. Isso apenas certifique-se de que ele é responsivo e ele vai ser responsivo. CSS. E aqui poderíamos dizer, cada um foi editado. Guarde isso. E na próxima lição, o que podemos fazer é com get, podemos realmente empurrá-lo do nosso computador para obter hub diretamente. 10. Aperfeiçoe seus arquivos para seu repositório especial: Tudo bem no último vídeo, o que fizemos foi editamos aquele arquivo html index dot e isso é o que ele parece atualmente em nosso computador. Mas se voltarmos ao nosso repositório índice dot html só tem uma linha em sua contra as 11 linhas que temos aqui. Então, como é que vamos pôr isso em sincronia agora? Uma forma de fazermos isso é copiar tudo isto e editar este ficheiro e, em seguida, podemos acelerá-lo. Poderíamos fazer um compromisso, e então poderíamos cometer as mudanças. Não é maneira de viver sua vida porque você vai estar fazendo isso uma e outra vez, e isso é um processo muito lento. Em vez disso, o que podemos fazer é fazer isso através da linha de comando. Então, no meu repositório na minha linha de comando, eu poderia fazer um status git, e podemos ver que o índice dot html é modificado. É o que está nos dizendo, pelo menos, e então podemos fazer, obter adicionar, traço, traço, todos obter status mais uma vez e podemos ver que agora é verde. Então vermelho significa que não foi encenado para compromisso. Este é agora palco de compromisso porque é verde. Então, eu só vou obter status mais uma vez aqui. Agora, o que podemos fazer é obter commit Dash M para mensagem. Nova estrutura de arquivo html Algo assim. Agora, isso atualmente não está em levantar-se ainda. Então, se conseguirmos Dash longo, traçar uma linha, ficar logado. Ash, Ash One linha produz este novo commit na origem do ano. Mestre, um centro k get está aqui atrás. Então agora precisamos realmente voltar para obter hub e podemos ver e ouvir que nada mudou . E para que possamos empurrar esses arquivos do nosso computador para obter hub, é na verdade comando chamado Get push. Então temos o mestre de origem push. Então obtemos status, temos adicionar, obter commit e, em seguida, somos empurrados. Mestre da Origem. Agora, isso realmente não parece valer a pena se você está mudando apenas um arquivo de cada vez. Mas quando você estiver trabalhando com outros desenvolvedores no futuro, você estará trabalhando com muitos arquivos. Então isso faz muito mais sentido fazer isso com, tipo, 10 arquivos ou grandes mudanças e não apenas 10 linhas de código. Ele vai me pedir o meu nome de usuário porque eu uso a versão https. Então, Caleb Colleen é meu nome de usuário, e eu coloquei minha senha, tudo bem, e assim que você empurrou isso para cima, você digitou seu nome de usuário e senha. Você pode atualizar sua home page get, e você verá esse nome de commit alterado, e agora temos o código que está em nosso computador. Então, isso é criar seu primeiro arquivo e empurrá-lo para cima do Get Hub são para obter ajuda do seu computador e da próxima lição. Vamos em frente e realmente ver este site. 11. Como fazer download do seu novo site: Tudo bem, vamos ver isso na nossa nova página inicial do Get porque já trabalhamos dentro deste Repo e surpresa Get Hope tem realmente feito este site para você o tempo todo. Então vamos para nossas configurações e podemos rolar para baixo e podemos lidar com esses títulos mais tarde, se quisermos. E diz que seu site é publicado em https Kayla dizendo não obter hub Io Agora o seu vai dizer que seu nome de usuário não ser ajudado que eu devo Então eu vou apenas clicar nisso e olhar para aquilo. Isto como editado suposto ser Isto foi editado, mas DNC Isto como editado prova que foi editado O título foi Olá Mundo Podemos ver que aparecem diz olá título mundial é Olá mundo Então nosso código está realmente a ser implantado para o nosso próprio site Aqui https Caleb ponto pedágio obter ponto hub Eu vou agora eu posso compartilhar esse link com todos os outros. Agora isso não é realmente um site digno de compartilhamento. Nós vamos querer realmente criar algum tipo de portfólio em talvez fazer upload de um par de projetos que também vai fazer nas futuras lições agora algumas coisas para ter em mente. Se em suas configurações você ainda não vir isso, ele pode dizer que ele é. Ah, aqui está. Você pode ver algo assim. Ele diz que você está recebendo páginas hub atualmente sendo construído a partir do mestre e você não vê este tipo de caixa de sucesso verde ou você vai para a sua página e é apenas fazer como, eu estou esperando que este não é um real get homepage. Sim, se você vir uma página como esta que só tem 404 chances de uma de duas coisas ter acontecido. Você está recebendo hub Repo nome que seu usuário nomeou. Eu entendo hub dot io foi escrito errado. Talvez exista um tipo de você possa alterar o nome do repositório do hub de obtenção aqui. Sim, sua página ainda está sendo configurada. Seu site ainda está sendo configurado, e isso é porque obter hub nos bastidores, lida com seus servidores, lida com redes de entrega de conteúdo, lida com todos os tipos de coisas de configuração. Você não tem que se preocupar com nada disso. Às vezes eu posso levar alguns minutos extras para configurar, Então, se você não ver isso em alguns minutos, certifique-se de que seu nome de repositório está escrito corretamente tem que ser. Obter hub dot io não ponto com Mas se você tem os dois já, seu site deve estar carregando. Não este. Seu site deve estar carregando algo assim. Então, a próxima lição, vamos em frente e encontrar algum tipo de tema que possamos usar apenas uma coisa livre apenas para fazer esta página parecer um pouco mais agradável. 12. Como tornar seu site melhor com um tema: Está bem. Nessa última lição, nós realmente acessamos nosso site. Tem até mesmo um certificado SSL. Então ele tem http s, o que é bom, e mostra todo o nosso código aqui. E mesmo se eu fiz direito, clique e ver fonte, ver fonte da página. Aí está você. Torne isto maior. Podemos ver que este é o código exato que está atualmente em nosso computador. Isso é muito legal. Então poderíamos ir em frente e fechar isso. Só queria mostrar que esse é exatamente o mesmo código com que estamos trabalhando. E então agora vamos em frente, fazer esta página realmente parecer um bom site. Então, se você já tem um site construído, definitivamente usar que eu não tenho um pré construído. Então o que eu vou fazer é apenas ir e obter um de início bootstrap dot com tais temas. E eu vou usar esse tema criativo. Este é um site de portfólio bastante padrão. E vamos ver esta pré-visualização ao vivo e é assim que esta página vai parecer para mim. Agora, nós não vamos editar todo o conteúdo aqui porque este não é um ah conteúdo completo html CSS Web sites tipo de projeto. O que é isso é uma boa maneira de lhe dar algum tipo de tema que você pode trabalhar com o final da estrada. Agora, novamente, se você tem o seu próprio, por favor, por favor, use o seu para mim. Eu não tenho um, então eu só vou baixar este aqui, e nós vamos usar isso para download gratuito, você sabe, salvar esse arquivo. Ok, então eu fiz uma edição rápida lá, e estes são os arquivos que vieram com isso. E então eu apenas extraí eles no meu computador e que, literalmente apenas indo para copiá-los. Então eu vou selecionar todos estes e copiá-los, e então eu vou passar para o meu novo projeto, pode obter ajuda projeto. E eu vou apenas colar isso, e eu vou sobrescrever este índice dot html encontrado. Você vai querer ter certeza que é chamado index dot html. Então eu vou substituir isso, e o que eu posso fazer no meu terminal agora é obter status e você pode ver que há todo tipo de coisa aqui. Eu modifiquei o índice em cada e-mail, mas eu também adicionei CSS e JavaScript para que eu possa fazer adicionar traço, traço todos obter status mais uma vez, ele vai me mostrar todos os meus arquivos, todos os três deles. Agora o que precisamos fazer é nos dar uma mensagem de confirmação para que possamos começar commit. Dash M adicionou um bom site. Então poderíamos ser empurrados Origin, mestre. E novamente, este é o lugar onde ele realmente se torna útil saber Get porque podemos editar três arquivos ou adicionar três arquivos sem ter que copiar e colar criando cópia de arquivo paga criando cópia de arquivo, colar arquivo criado. Poderíamos fazer tudo no nosso computador assim. Não, vou ser empurrado. Origin Master vai pedir-me o meu nome de utilizador e a minha palavra-passe. E então, se voltarmos para obter hub aqui e apenas atualizar, podemos ver que temos uma pasta CSS. Temos uma pasta JavaScript index dot html. E só para provar que isto é tudo o mesmo aqui no meu editor, estou a usar o código V. Eu tenho estilo CSS que CSS script pasta JavaScript, pato, jazz e índice dot html, que eu não escrevi. Então agora podemos voltar para nossas configurações, e se nós apenas rolar para baixo, Ok, você vai querer ter certeza de que isso diz que seu site está publicado. Então vamos voltar para o nosso lado aqui e vamos apenas clicar em Atualizar e OK, ok. Eso, isto parece melhor. Você sabe o que? Eu sei exatamente o que eu fiz errado aqui é que eu não copiei as imagens ou os ativos dobraram direito que você. Então, se eu abrir isso Sim, eu não gostei disso, mas este é um bom exemplo. Então eu poderia copiar toda a pasta, passar por aqui, entrar no meu terminal de novo. Obter status, chegar no traço, todos obter status. Me dá todas essas imagens. Agora eu não tenho que copiá-los e colá-los ou encontrar uma maneira mágica de colocá-los. Chame o hub. Eu poderia simplesmente me comprometer. Ativos adicionados são empurrados. Origin Master vai me perguntar de eu usar nome e senha. E se voltarmos para chegar a página inicial aqui, volte ao nosso código. Vamos ver que temos uma pasta chamada Assets e, em seguida, uma pasta chamada I m G. É atualizar configurações aqui, e eu só gosto sempre de ter certeza de que isso ainda está disponível. Às vezes desaparece porque está no meio de uma missão, e está tudo bem. Às vezes, quando isso acontece, leva uns 30 segundos. Vamos voltar para a nossa página aqui e refrescantes. Vamos ver essas imagens agora carregar agora temos um site em execução em Get hub páginas. Agora, neste ponto, sinta-se livre para fazer qualquer tipo de edição que você quiser fazer na próxima última. Nós vamos personalizar o título algum texto, adicionar alguns links, e vamos adicionar algumas subpastas aqui para que você possa realmente copiar e colar seus projetos existentes em seu site de páginas do hub get, e as pessoas pode interagir com eles imediatamente. 13. Não se esqueça de adicionar seus projetos à sua carteira!: Tudo bem, vamos adicionar alguns de nossos projetos personalizados. Se não tiver, tudo bem. Você pode adicioná-los na estrada. Se você tiver algum, você pode querer começar a adicioná-los agora. Então o que eu vou fazer é abrir o Firefox aqui, e eu vou arquivar arquivo aberto. Lá vamos nós. E eu vou abrir este arquivo html index dot e esta é a nossa cópia local. Então isto é o que está no nosso computador. Isto não é o que está em “Get Home Pages”. Então eu vou mudar isso e eu vou adicionar um segundo botão, e eles vão para dois lugares diferentes com dois projetos diferentes. Então, as primeiras coisas primeiro. Vamos voltar para o nosso editor aqui. E este é o título Porto Folio de Caleb. E aqui ver as coisas que eu criei e isso é atualizar esta página. Está bem, fixe. Só mude os impostos. Nada, Major, vamos mudar. Mas agora, então eles deveriam ser dois aqui. Não queremos que isso ative nenhum tipo de rolagem. Isso é apenas javascript que vem com este tema em particular. Nós não queremos isso. Queremos que isto vá para lugares diferentes. então vamos adicionar um para fazer aqui, e este vai ser ver o meu motile e a vista. Minha calculadora e estes são apenas dois projetos que realmente têm cursos sobre onde você cria um móvel da mão e você cria uma calculadora interativa a partir da mão. Então volte para a atualização do Firefox, e veremos dois botões. Agora estes não vão a lugar nenhum. Se eu clicar , não faz nada. Estes precisam ir para algum lugar. Então eu vou realmente acabar copiando e colando meus projetos desses cursos para uma nova pasta chamada motile apenas barra motile ou para torná-lo um link relativo. Onde quer que este arquivo de estudo de índice Chmela é e na pasta chamada Motile tem uma barra. Isto é entrar no caminho. Se você não está familiarizado com o caminho coisa, isso pode ser um pouco doloroso no início. Mas passar é muito, muito importante, e este vai ser calculador agora. Se eu voltar para o Firefox e atualizar, você vê o canto inferior esquerdo aqui, ele diz modelo barra e barra calculadora. Agora, se você clicar que essas pastas simplesmente não existem, nós vamos obter um arquivo não encontrado que está tudo bem. O que eu quero fazer é abrir um localizador ou qualquer tipo de explorador de pastas em seu sistema operacional , e eu vou criar um novo completo durante aqui chamado Motile, e eu vou criar outro chamado Calculadora, e eu só vou pegar esse código-fonte e colá-lo aqui. Então eu vou acelerar minha calculadora aqui, e então eu vou para cima para colar arquivo ou editar colar, dependendo do seu sistema operacional ou apenas comando ou controle V E eu apenas colei meus arquivos no seu agora você não terá esses arquivos e isso é Está bem. Você não deveria ter esses arquivos. Este é suposto ser o teu projecto. Então, se eu voltar um diretório aqui, isso pode não ser calculado para você. Isso pode ser algo completamente diferente, e pode não ser um móvel pode ser algo completamente diferente. Então eu vou pegar o código móvel e voltar aqui e eu estava fora da tela por um segundo. Isso está tudo bem. Você não precisa me ver copiando e colando. Foi só isso, e eu colei quatro arquivos aqui. E agora eu tenho arquivos em motile. Esse é o meu mais completo chamado “motile”. Você pode vê-lo aqui em baixo com um arquivo html index dot. Isso é muito importante. E também calculadora não tem índice dot html arquivo. Também é muito importante. Agora, quando atualizarmos nossa página local aqui novamente, isso vai para Motile, e isso carrega meu arquivo html index dot. Agora, se você está usando o Firefox realmente pulou uma coisa aqui. O Firefox caminha para mostrar que você está em um diretório. Um servidor Web como Get Pages não lhe mostrará. Ele vai apenas assumir automaticamente que está procurando índice dot html. É por isso que é importante. Então poderíamos fazer isso de novo com nossa calculadora. A mesma coisa Firefox, e dizer, Ei, qual arquivo você deseja visualizar? Nós dizemos índice dot html e temos uma calculadora em. Você sabe, é muito legal, mas vamos em frente, e na verdade ele fecha. Ah, e vamos ver nossa página. Então copie o ritmo do link que lá dentro. Nada disso está na nossa página de “get up” ainda, então vamos em frente e entrar em nossa linha de comando aqui. Vamos fazer um status get e podemos ver que temos esse arquivo estranho da loja es. Isto é de um Mac. E, na verdade, como você usa get, você vai ver que seu computador usa todos os tipos de arquivos ocultos que você pode ou não ter visto antes. Então o que vamos fazer aqui é obter add index dot html get add calculadora que toda a pasta e obter anúncio toda a pasta motile. Podemos fazer isso, obter status, e podemos ver que não adicionamos essa loja DS porque isso não é um arquivo útil. Realmente. É só para Mac OS, e vamos adicionar todos esses arquivos verdes. Vamos em frente, obter projetos adicionais de commit. Obter push origem mestre novamente. Isto irá pedir-lhe o seu nome de utilizador e a sua palavra-passe. Agora, você já sabe meu nome de usuário, mas eu simplesmente não, como digitar minha senha na tela, mesmo que ela esteja oculta. E então podemos voltar ao nosso código-fonte aqui, atualizar e veremos que temos uma calculadora e/ou moto. Então, esses são agora nossos projetos que temos, e voltamos para as configurações dela. Certifica-te de que isto é refrescante como é suposto. Seu site está agora publicado. Está bem, Legal. Legal. Legal. Vamos voltar aqui. Eu estou no Caleb dizendo ponto Obter hub dot Io e eu acabei de bater. Refresque. Agora tenho o portfólio do Caleb. Coisas que criei. Tenho uma ligação para o meu motel. Você pode ver isso no canto inferior esquerdo e um link para minhas calculadoras. Vamos clicar neste motile e este é, na verdade, o código-fonte do projeto móvel. Até que o trabalho para que as pessoas agora possam realmente experimentar o meu projeto. Eu posso voltar. Eu só fiz isso muito grande. Posso ver a minha calculadora e esta é muito fixe. Gosto bastante deste. Poderíamos fazer algo como 55 vezes cinco dividido por três é igual a 91.6666667 algo assim. Mas, novamente, isso só demonstra que eu tenho um projeto que realmente funciona, e eu posso mostrar isso para as pessoas. Agora, o que torna isso realmente poderoso é o fato de que alguém pode simplesmente vir ao seu repositório e pode ler através disso. Eles podem ver Oh, você tem índice dot arquivo html, Mas hey, também, você tem ah pasta Motile. Você tem uma pasta calculadora, o que tem nisso? E eles podem realmente ir e ver seu código-fonte para que possamos ver que não há muito html aqui. Podemos ver que estranhamente não há muito javascript na sua bunda. Se você estava se candidatando a um emprego, a empresa que você está se candidatando poderia olhar para o seu JavaScript e dizer, Oh, essa pessoa está escrevendo javascript moderno. É um sinal muito bom. E eles também poderiam olhar para o CSS e dizer, Oh, eles sabem, Ah, fundo do barco, brilho. E eles sabem sobre sombras de Buck usando para encaixotar sombras ao mesmo tempo, coisas assim. Esses eram bons sinais para os empregadores localizarem. Poderíamos contratar essa pessoa porque ela realmente sabe o que está fazendo. E é assim que você simplesmente coloca seus projetos para obter páginas de ajuda. Realmente? Eu só fiz isso Ah, pasta e eu liguei a essa pasta Major. Eu tinha índice dot html lá. Isso é tudo o que foi 14. Como e por que você deve "ignorar" arquivos de computador sem utilidade /ocultos: Ok. Uma coisa que você vai querer fazer é não confirmar certos tipos de arquivos. Então, por exemplo, vimos isso no último vídeo. Se eu conseguir o status, eu tenho um arquivo estranho da loja DS. Agora, em um Mac, isso é apenas um arquivo oculto. Normalmente não vemos isso, mas pegamos o hub. Você vai ver coisas assim. Talvez não esse arquivo exato, mas você verá coisas como essa no Windows e Limites também. E nós podemos realmente ignorar esses arquivos. E é um arquivo chamado Get Ignoring all. Não diz: “ Ignore certos arquivos. Não deixe que eles sejam comprometidos. Então, se abrirmos nosso editor de texto e criarmos um novo arquivo aqui chamado dot get ignore, podemos ignorar certos tipos de arquivos e eu vou apenas colocar um novo tipo de arquivo em seu armazenamento de sublinhado DS e salvar isso Agora, se Eu abri meu editor é meu terminal novamente. Eu poderia fazer obter status e loja DS não aparece, mas meu get ignore faz. Isso está tudo bem. Queremos ignorar esses arquivos permanentemente para que possamos confirmar este arquivo. Isso está tudo bem. Agora digamos que você tinha outros arquivos em seu Talvez você tivesse um monte de Talvez você tivesse um monte de imagens que você estava usando localmente, mas eles não devem ser empurrados para o seu repositório get hub para que você pudesse dizer qualquer coisa. Isso é um J peg dot jpeg. E de agora em diante, ele irá ignorar arquivos JPEG. Provavelmente uma má idéia a menos que você é JPEG arquivos air. Muito, muito grande. Mas um bom exemplo seria se você escrever Python. Temos esses arquivos de cache alto que P. Y vê. Nós também temos pastas de caixa de pizza para que possamos ignorar todos esses também e é realmente apenas um arquivo por linha ou um tipo de arquivo ou uma pasta por linha. Isso é tudo o que é. Para que pudéssemos fazer status de crianças. Temos este get ignore arquivo aqui, e podemos fazer garoto adicionar traço, traço tudo ou apenas obter add dot Get ignore Get status, vai ver seu green get commit Ignorar arquivos. Obter origem push. Não, vamos fazer isso. Vamos limpar isto. Obter push Origin, Master E tudo isso vai fazer é novamente vai pedir-lhe o seu nome de usuário e senha e para mim que foi empurrado para cima para se levantar. E podemos sempre verificar isso indo para o nosso repositório clicando em atualizar e vamos ver. Há um ano de arquivamento “Get Ignore “, e vai ignorar o banco de pontos da loja da DEA que eu vejo e torta pastas de dinheiro. 15. O projeto definitivo da Skillshare - Não se esqueça de compartilhar seu site!: Está bem. Bem-vindo ao seu projeto de compartilhamento de habilidades. Através deste curso, criamos obter Hub Repo. Aprendemos alguns kits e lançamos um site. Mas agora é a sua vez. Eu gostaria que você criasse um site get páginas hub e captura de tela cereja e o link para seu site começar Home Pages Em seu projeto de compartilhamento de habilidades em compartilhamento de habilidades, há uma área dedicada por isso não está nos comentários. É uma área dedicada real onde você pode compartilhar todo o seu projeto. Não, não se esqueça em qualquer ponto no tempo, se algumas das coisas get ficou um pouco confuso, eu tenho um curso get essencial aqui sobre compartilhamento de habilidades também. Você sempre pode verificar isso ou se você precisa de uma atualização em h e-mail CSS javascript, qualquer coisa assim. Eu tenho você coberto todos esses cursos também estão disponíveis aqui em compartilhamento de habilidades. Então não se esqueça de me seguir na partilha de habilidades porque eu vou te avisar quando eu tiver um novo curso. Mas em termos deste curso, é a sua vez de criar um site de páginas de hub get. Compartilhe suas coisas de portfólio lá. Tudo o que você trabalha no futuro pode ir para o seu site de páginas do hub get. É totalmente grátis. Eles nunca vão cobrar para o código-fonte é definitivamente open source para que as pessoas possam ver o seu código que é realmente, muito poderoso para os empregadores para realmente entender que tipo de Dev você é. Uma vez que você tem isso de novo, não se esqueça Você compartilha esse projeto em seu projeto de compartilhamento de habilidades? Obrigado por fazer este curso e espero que eu te veja no próximo.