Aula 4

Descompactando e
programando
Unidade
Introdução à computação: ambientes
e ferramentas de programação
O que vamos aprender?
Aprender como utilizar os arquivos
do projeto que criamos na aula
anterior.

Compreender como podemos

compactar e descompactar
arquivos.

CLIQUE E ACOMPANHE A AULA NA ALURA

Retomar tópicos desta unidade de
estudo.

2
Extraindo arquivos
Na aula anterior, aprendemos a utilizar um bom editor de código fonte,
o Visual Studio Code. Iniciamos a programação de uma página web
simples e compreendemos um pouco sobre alguns atalhos que podem
facilitar nosso trabalho. Nesta aula, aprenderemos como extrair arquivos
de projetos já existentes para que possamos utilizá-los em nosso projeto.

3
Em algumas aulas da plataforma Alura haverá uma seção chamada
Projeto da aula anterior. Isso significa que a pessoa instrutora efetuou
a programação do projeto e disponibilizou os arquivos para uso. Assim,
podemos baixar esse conteúdo e seguir com a programação partir dele.
Vamos verificar como fazer o download esses conteúdos, extraí-los e
abri-los no VS Code, de modo a otimizar nossa programação.

4
Observe que, na seção Projeto da aula anterior, temos um breve resumo
da aula passada e um link para o download do arquivo, destacado
em azul na frase projeto da aula anterior ou projeto da aula X, como
mostrado a seguir:

Esse link sempre estará sublinhado, na cor roxa ou azul, conforme a

programação feita em HTML.

5
Ao clicarmos neste link, seremos direcionados para um site chamado
github.com. Futuramente, exploraremos mais os recursos disponíveis
nesse site. Observe algumas opções de download:

6
Para baixar os arquivos com os quais trabalharemos, clique em Code e,
depois, em Download ZIP, conforme abaixo:

7
Feito isso, o arquivo será baixado para a pasta previamente configurada
em seu computador. Para acessar essa pasta, basta clicar no ícone
Mostrar pasta , que aparece ao passarmos o mouse sobre o arquivo
baixado no histórico de downloads recentes, localizado no canto superior
direito do navegador:

Dependendo do navegador, pode ser possível visualizar que o download

foi efetuado em outra parte. O navegador demonstrado no decorrer
dessa aula é o do Google, o Chrome.

8
Ao clicar no ícone Mostrar pasta , o local onde salvamos o arquivo
baixado se abrirá em uma nova janela. Observe que o arquivo foi salvo
como uma pasta compactada. Isso significa que fizemos o download
de vários arquivos ao mesmo tempo. Então, teremos que extrair e
descompactar esses arquivos para que possamos utilizá-los.
Existem diversas formas de fazer esse processo, pois ele dependerá do
tipo de software utilizado para compactar e descompactar arquivos
que temos instalado no nosso computador. No nosso caso, utilizaremos
a ferramenta do próprio Windows. Para isso, basta selecionar a pasta
zipada clicando sobre ela e clicar na opção Extrair tudo no menu da
janela:

9
Note que, agora, temos uma pasta “normal” e podemos acessar todos os
arquivos dela. Para carregar esses arquivos dentro do VS Code, basta abrir a
pasta descompactada dentro do programa, como fizemos na aula anterior.
Portanto, para as aulas em que necessitarmos baixar um arquivo, sempre
efetuaremos os seguintes passos: clicar no link, ir ao GitHub, baixar o
arquivo zipado, descompactá-lo e abrir a pasta descompactada no editor
de código.
Existe outra forma de fazer esse mesmo processo: podemos abrir a pasta
descompactada direto no terminal, por exemplo. Para isso, clicaremos
sobre ela e selecionaremos a opção Abrir no Terminal.

10
Ao clicar nessa opção, uma tela preta se abrirá e, ao final do código, você
deve digitar code . Observe:

Feito isso, basta apertar a tecla Enter e o VS Code automaticamente se

abrirá já com a pasta e os arquivos devidamente carregados. Essa é outra
forma possível de exportar arquivos para o VS Code e, embora ela possua
menos etapas, exige um pouco mais de atenção.
11
Conclusão
Estamos chegando ao final dessa unidade!
Nela, compreendemos como os assuntos relacionados à tecnologia
impactam nosso dia a dia e como ela está inserida em diversas áreas do
conhecimento, afetando a vida de todos e não somente daqueles que
escolheram trabalhar ou se desenvolver na área de programação.
A tecnologia permeia todas as áreas, e compreender minimamente
como podemos utilizá-la em nosso cotidiano faz toda a diferença para
vivermos em uma sociedade cada vez mais imersa em tecnologia.
Abordamos também alguns recursos, especialmente para ajudá-los no
gerenciamento de senhas e na segurança digital.

12
Falamos um pouco sobre os editores de código-fonte, que são ambientes
de programação nos quais desenvolveremos nossos projetos. Tudo que
fizermos daqui em diante envolverá o uso de um editor de código-fonte.
Especificamente, estudamos algumas funcionalidades do Visual Studio
Code, que provavelmente será o editor mais utilizado nas nossas aulas. É
importante entender que existem outros ambientes de programação e
que não há problema em usá-los.
Além disso, discutimos como podemos extrair arquivos zipados quando
fazemos download e adicioná-los ao Visual Studio Code para que
possamos aproveitar esses arquivos em nossa prática de programação.
Até a próxima unidade!

13
 Desafio
Nesta aula, aprendemos a descompactar (extrair) arquivos. Seu desafio
será procurar um projeto aberto no GitHub e fazer todo o processo de
baixar os arquivos zipados, descompactá-los e adicioná-los ao VS Code
das duas maneiras ensinadas durante a aula.

CLIQUE AQUI PARA AVALIAR ESTE MATERIAL 14