diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json new file mode 100644 index 0000000..81b8fe8 --- /dev/null +++ b/.devcontainer/devcontainer.json @@ -0,0 +1,7 @@ +{ + "name": "Python 3", + "image": "mcr.microsoft.com/vscode/devcontainers/python:3", + "forwardPorts": [8000], + "postCreateCommand": "pip install -r requirements.txt", + "extensions": ["ms-python.python"] +} \ No newline at end of file diff --git a/README.md b/README.md index c09f310..7f8b8fc 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,4 @@ Esse tutorial é uma modificação do [tutorial original](https://tutorial.djangogirls.org/pt/) disponível na página do Django Girls. -O tutorial original pode ser dividido em duas partes: preparação do ambiente e trabalho direto com programação e Python. Mas a primeira parte, a instalação dos programas, era difícil e costumava dar vários tipos de erro, então, nos últimos eventos, temos optado por usar o Codenvy (leia mais sobre ele no próximo capítulo!). O tutorial precisou ser levemente adaptado, tirando partes desnecessárias ou que causavam problemas mas, não se preocupe, o objetivo final continua o mesmo! Você vai sair da oficina com seu blog no ar e uma ótima introdução ao mundo da programação! \ No newline at end of file +O tutorial original pode ser dividido em duas partes: preparação do ambiente e trabalho direto com programação e Python. Mas a primeira parte, a instalação dos programas, era difícil e costumava dar vários tipos de erro, então, nos últimos eventos, temos optado por usar o [GitHub Codespaces](https://docs.github.com/pt/codespaces/overview) (leia mais sobre ele no próximo capítulo!). O tutorial precisou ser levemente adaptado, tirando partes desnecessárias ou que causavam problemas mas, não se preocupe, o objetivo final continua o mesmo! Você vai sair da oficina com seu blog no ar e uma ótima introdução ao mundo da programação! diff --git a/SUMMARY.md b/SUMMARY.md index ec196f4..8fd9aae 100644 --- a/SUMMARY.md +++ b/SUMMARY.md @@ -2,11 +2,10 @@ - [Sobre](README.md) - [Introdução](introducao.md) -- [Codenvy](codenvy/codenvy.md) - - [O que é o Codenvy](codenvy/o_que_e.md) - - [Crie uma conta](codenvy/criando_conta.md) - - [Complete o cadastro](codenvy/complete_o_cadastro.md) - - [Dashboard](codenvy/dashboard.md) +- [GitHub Codespaces](github-codespaces/github-codespaces.md) + - [O que é o GitHub Codespaces](github-codespaces/o_que_e.md) + - [Crie uma conta](github-codespaces/criando_conta.md) + - [Dashboard](github-codespaces/dashboard.md) - [Como funciona a internet?](internet/como_funciona.md) - [Introdução a linha de comando](linha_de_comando/introducao.md) - [O que é a linha de comando?](linha_de_comando/o_que_e.md) diff --git a/codenvy/codenvy.md b/codenvy/codenvy.md deleted file mode 100644 index 95ac0fe..0000000 --- a/codenvy/codenvy.md +++ /dev/null @@ -1,7 +0,0 @@ -# Codenvy - -## Preparação do ambiente - -Para desenvolver o nosso projeto sem ter de instalar nada direto na máquina que estamos utilizando, vamos utilizar uma ferramenta chamada Codenvy. - -Você pode acessá-la aqui: [https://codenvy.com](https://codenvy.com) diff --git a/codenvy/comple_o_cadastro.png b/codenvy/comple_o_cadastro.png deleted file mode 100644 index d8ffd05..0000000 Binary files a/codenvy/comple_o_cadastro.png and /dev/null differ diff --git a/codenvy/complete_o_cadastro.md b/codenvy/complete_o_cadastro.md deleted file mode 100644 index 3cafc22..0000000 --- a/codenvy/complete_o_cadastro.md +++ /dev/null @@ -1,5 +0,0 @@ -# Complete o cadastro - -Após a confirmação do e-mail. Preencha o formulário para completar o cadastro - -![comple_o_cadastro](comple_o_cadastro.png) diff --git a/codenvy/criando_conta.md b/codenvy/criando_conta.md deleted file mode 100644 index a4d1ad7..0000000 --- a/codenvy/criando_conta.md +++ /dev/null @@ -1,7 +0,0 @@ -# Crie uma conta - -O primeiro passo para utilizarmos o Codenvy é criar uma conta. Acesse o site, depois clique na opção de menu _"GET STARTED"_ e selecione a opção _"CREATE ACCOUNT"_ para se registrar. Você pode usar seu e-mail ou uma conta do GitHub. - -# Valide seu e-mail - -É necessário que você valide seu e-mail, então certifique-se de ter acesso a ele. diff --git a/codenvy/o_que_e.md b/codenvy/o_que_e.md deleted file mode 100644 index aff5940..0000000 --- a/codenvy/o_que_e.md +++ /dev/null @@ -1,3 +0,0 @@ -# O que é o Codenvy? - -O Codenvy nos oferece um computador como outro qualquer, para podermos desenvolver nosso código. O diferencial dele é, quando vai utilizá-lo, você já vai escolher a linguagem que quer utilizar e alguns recursos já vem instalados (por exemplo, o próprio Python). Além disso, como vamos desenvolver nosso site em um computador ** remoto **, quando você sair da oficina AfroPython, você vai poder acessar seu código de qualquer outro computador conectado à internet, para continuar aperfeiçoando-o. diff --git a/github-codespaces/criando_conta.md b/github-codespaces/criando_conta.md new file mode 100644 index 0000000..67fa795 --- /dev/null +++ b/github-codespaces/criando_conta.md @@ -0,0 +1,13 @@ +# Crie uma conta + +O primeiro passo para utilizarmos o GitHub Codespaces é criar uma conta no GitHub. Acesse a página de criação de conta clicando neste link [github.com/signup](https://github.com/signup). Este link te levar para a página para criar sua conta. Você pode usar seu e-mail para criar esta conta. + +# Valide seu e-mail + +Após se registrar, é necessário que você valide seu e-mail. Então, certifique-se de ter acesso ao e-mail que usou para se registrar no GitHub. Você receberá um e-mail do GitHub para validar sua conta. Clique no link de validação no e-mail para confirmar sua conta. + +# Complete o cadastro + +Ao fim do processo de criação de uma conta você deve chegar no seu perfil do github que é algo parecido com a imagem abaixo. + +![GitHub dashboard](github-dashboard.png) diff --git a/codenvy/criando_um_workspace.png b/github-codespaces/criando_um_workspace.png similarity index 100% rename from codenvy/criando_um_workspace.png rename to github-codespaces/criando_um_workspace.png diff --git a/codenvy/dashboard.md b/github-codespaces/dashboard.md similarity index 67% rename from codenvy/dashboard.md rename to github-codespaces/dashboard.md index f5b6c5e..e2329c9 100644 --- a/codenvy/dashboard.md +++ b/github-codespaces/dashboard.md @@ -1,6 +1,13 @@ -# Entramos +# Criando seu primeiro Codespace -## Agora, precisamos criar uma área de trabalho para o nosso projeto +## Agora, precisamos criar um Codespace + +Vá até o repositório do tutorial do AfroPython no GitHub clicando neste link: . + +Você deve ver algo parecido com essa imagem aqui: +![Repositório do tutorial do AfroPython](repositorio-afropython.png) + +--- Na tela do dashboard, clique na opção _**Create Workspace**_ para criar uma nova área de trabalho. diff --git a/github-codespaces/github-codespaces.md b/github-codespaces/github-codespaces.md new file mode 100644 index 0000000..4fcb6c3 --- /dev/null +++ b/github-codespaces/github-codespaces.md @@ -0,0 +1,5 @@ +# GitHub Codespaces + +## Preparação do ambiente + +Para desenvolver o nosso projeto sem ter de instalar nada direto na máquina que vamos utilizar uma ferramenta chamada GitHub Codespaces, que é um ambiente de desenvolvimento no seu navegador. Nas próximas etapas vamos falando mais sobre como é o processo para criar seu ambiente de desenvolvimento. diff --git a/github-codespaces/github-dashboard.png b/github-codespaces/github-dashboard.png new file mode 100644 index 0000000..b967b47 Binary files /dev/null and b/github-codespaces/github-dashboard.png differ diff --git a/github-codespaces/o_que_e.md b/github-codespaces/o_que_e.md new file mode 100644 index 0000000..b4288b2 --- /dev/null +++ b/github-codespaces/o_que_e.md @@ -0,0 +1,3 @@ +# O que é o GitHub Codespaces? + +O GitHub Codespaces nos oferece um ambiente de desenvolvimento completo, permitindo que possamos desenvolver nosso código sem a necessidade de configurar um ambiente local. O diferencial dele é que, ao criá-lo, você pode especificar a linguagem que quer utilizar e alguns recursos já vêm instalados (por exemplo, o próprio Python). Além disso, como vamos desenvolver nosso código em um ambiente remoto, você pode acessar seu código de qualquer outro computador conectado à internet, para continuar aperfeiçoando-o. diff --git a/github-codespaces/repositorio-afropython.png b/github-codespaces/repositorio-afropython.png new file mode 100644 index 0000000..1e28af8 Binary files /dev/null and b/github-codespaces/repositorio-afropython.png differ diff --git a/codenvy/selecionando_python.png b/github-codespaces/selecionando_python.png similarity index 100% rename from codenvy/selecionando_python.png rename to github-codespaces/selecionando_python.png diff --git a/codenvy/workspace.png b/github-codespaces/workspace.png similarity index 100% rename from codenvy/workspace.png rename to github-codespaces/workspace.png diff --git a/introducao.md b/introducao.md index 9eb12cc..8942bd0 100644 --- a/introducao.md +++ b/introducao.md @@ -1,7 +1,7 @@ # O que você irá aprender durante o tutorial? Quando você tiver terminado o tutorial você terá uma aplicação web simples e funcional: seu próprio blog. Nós vamos mostrar como colocá-lo online, para que outros vejam seu trabalho! -Ele se parecerá (mais ou menos) com isso: +Ele se parecerá (mais ou menos) assim: ![Blog finalizado](blog-finalizado.png)