Skip to content

Commit a6cd742

Browse files
despodespo
committed
Merge pull request #146 from laszpio/portuguese
Portuguese translation
2 parents 02011b0 + 42a7cb2 commit a6cd742

File tree

7 files changed

+610
-3
lines changed

7 files changed

+610
-3
lines changed

‎_config.yml‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
safe: true
22
lsi: false
3-
pygments: true
3+
highlighter: true
44
future: true
55
markdown: redcarpet
6+
encoding: utf-8
67
redcarpet:
78
extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]

‎_layouts/default.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
<html>
22
<head>
3+
<meta charset="utf-8">
34
<link rel='stylesheet' type='text/css' href='../../stylesheets/style.css' />
4-
55
<link rel='stylesheet' type='text/css' href='../../stylesheets/pygments.css' />
66
<link rel='stylesheet' type='text/css' href='../../stylesheets/github.css' />
7-
87
</head>
98
<body {% if page.body_id %} id="{{ page.body_id }}" {% endif %} }>
109
<div id="main">

‎general/setup/tutorial.pt.md‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
---
2+
layout: page
3+
title: Preparando o seu computador para o Codebar
4+
---
5+
6+
Você pode participar do Codebar usando o seu próprio computador, basta fazer alguns pequenos ajustes antes de correr para os tutoriais. Você pode fazer isto em casa e começar rapidinho os tutoriais no Codebar. Não se preocupe, se tiver problemas, o seu tutor poderá ajudá-lo!
7+
8+
9+
## Algum lugar para salvar os seus arquivos (obrigatório)
10+
11+
Projetos de programação são normalmente formados por vários arquivos relacionados, e nós esperamos que você volte ao Codebar muitas vezes! Você deve criar uma pasta no seu Hard Drive (HD) dedicada ao Codebar. Crie uma pasta nova dentro desta quando começar um tutorial novo.
12+
13+
14+
## Um editor de texto (obrigatório)
15+
16+
Programadores usam **editores de texto** para escrever seus códigos. Você pode usar [Notepad](https://pt.wikipedia.org/wiki/Bloco_de_Notas) (Windows) ou [Notes.app](https://en.wikipedia.org/wiki/Notes_%28application%29) (Mac) para escrever seus códigos, mas quase todos os programadores usam editores de texto com características específicas para programação:
17+
18+
- **Syntax highlighting** mostra seu código em cores diferentes. Isso ajuda a notar erros de digitação e entender a estrutura do seu código.
19+
- **Auto-indent** ajuda a manter seus códigos organizados.
20+
- **Project navigation and tabs** ajuda a se deslocar entre diferentes arquivos no seu projeto.
21+
- **Autocompletion** mostra possíveis palavras-chave que você pode usar para terminar o que está digitando, e assim você não precisa lembrar de todos os comandos possíveis.
22+
23+
Nós recomendamos usar **[Atom](https://atom.io/)** no Codebar. É de graça, tecnologia aberta e funciona no Windows, Mac e Linux. **[Sublime Text 2](http://www.sublimetext.com/)** é outra escolha popular. É de graça para baixar e você pode usar o quanto quiser (embora eles vão te encher a paciência para comprar o produto a cada vez que você salva o seu trabalho), e funciona tanto no Windows como no Mac.
24+
25+
26+
## Um navegador de internet (obrigatório)
27+
28+
Você já tem um desses! O Windows vem com o [Internet Explorer](http://windows.microsoft.com/pt-br/internet-explorer/), e o OS X vem com [Safari](https://www.apple.com/br/safari/). [Firefox](https://www.mozilla.org/pt-BR/firefox/new/) e [Chrome](https://www.google.com.br/intl/pt-BR/chrome/) são alternativas populares. Você pode começar com qualquer um que já use, mas quando você chegar nos últimos tutoriais, as ferramentas poderosas do Chrome e Firefox vão ser úteis. Seu tutor vai te mostrar como usá-las quando vocês estiverem trabalhando nestes tutoriais.
29+
30+
## Ferramenta de compactação (importante para Windows)
31+
32+
Muitos dos tutoriais tem links para baixar códigos do Gist em formato .tar.gz. Os Macs tem ferramentas de apoio já instaladas para extrair os arquivos deste formato para você. O Windows tem uma variedade de ferramentas disponíveis. Se você ainda não tem uma, [7-zip é de graça](http://www.7-zip.org/).
33+
34+
## Ruby (opcional)
35+
36+
Você não precisa instalar o Ruby se está trabalhando com CSS ou HTML, mas você precisará acessar o Ruby se for trabalhar nos tutoriais dele. Você pode usar [um serviço online gratuito chamado Nitrous](https://www.nitrous.io/) para começar. Você pode se inscrever depois do workshop para poupar tempo.
37+
38+
Se você tem um Mac, então já tem uma versão do Ruby instalada. O seu tutor pode te ajudar a começar com Ruby no Mac - pergunte a eles sobre `rbenv` (ou `rvm`) e `Homebrew`.
39+
40+
Você pode [baixar e executar o programa RubyInstaller](http://rubyinstaller.org/) para programar Ruby no Windows.
41+
42+
43+

‎html/lesson1/example-styled.pt.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Eu amo corujas</title>
6+
</head>
7+
<body style="font-family: Helvetica, Arial, sans-serif">
8+
<div><img src="images/logo.png"></div>
9+
<h1>Corujas...</h1>
10+
<h2>Porque nós gostamos tanto de corujas?</h2>
11+
<ul style="list-style-type:none">
12+
<li style="display: inline;"><img src="images/img1.jpg"></li>
13+
<li style="display: inline;"><img src="images/img2.jpg"></li>
14+
<li style="display: inline;"><img src="images/img3.jpg"></li>
15+
</ul>
16+
<ol style="margin-bottom: 20px">
17+
<li><b>elas são adoráveis</b></li>
18+
<li><b>e amáveis</b></li>
19+
<li><b>e apertáveis</b></li>
20+
</ol>
21+
<div style="display: inline;"><img src="images/img4.jpg"></div>
22+
<div style="display: inline;"><img src="images/img5.jpg"></div>
23+
<div style="margin-top: 20px">
24+
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
25+
</div>
26+
<h4>
27+
<i>&#34;Uma coruja sábia e anciã pousou em um carvalho; Quanto mais observava, menos falava; <br>
28+
Quanto menos falava, mais ouvia; Por que não somos como a coruja sábia e anciã?
29+
</i>
30+
</h4>
31+
<p><small>- poema infantil</small></p>
32+
<div style="width: 40%; float:left">
33+
<h3>Corujas:</h3>
34+
<p>
35+
A maioria das aves de rapina possui os olhos na parte lateral da cabeça<br/>
36+
mas a natureza estereoscópica dos<br/>
37+
<strong>olhos voltados para frente na coruja permite<br/>
38+
um melhor senso de percepção profunda</strong> necessária para a caça com pouca luz.<br>
39+
<br>
40+
<a href="http://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
41+
</p>
42+
</div>
43+
<div style="width: 30%; display: inline">
44+
<img src="images/img6.jpg">
45+
</div>
46+
<ul style="width: 20%; margin-top: -80px">
47+
<li>
48+
<a href="mailto:social@codebar.io?subject=Eu amo corujas :: Codebar">Mande um email</a>
49+
</li>
50+
<li>
51+
<a href="mailto:?subject=Eu amo corujas :: Codebar">Mande um email para seu amigo</a>
52+
</li>
53+
<li>
54+
<a href="https://twitter.com/codebar">Twitter</a>
55+
</li>
56+
</ul>
57+
</body>
58+
</html>

‎html/lesson1/example.pt.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Eu amo corujas</title>
6+
</head>
7+
<body>
8+
<div><img src="images/logo.png"></div>
9+
<h1>Corujas...</h1>
10+
<h2>Porque nós gostamos tanto de corujas?</h2>
11+
<ul>
12+
<li><img src="images/img1.jpg"></li>
13+
<li><img src="images/img2.jpg"></li>
14+
<li><img src="images/img3.jpg"></li>
15+
</ul>
16+
<ol>
17+
<li><b>elas são adoráveis</b></li>
18+
<li><b>e amáveis</b></li>
19+
<li><b>e apertáveis</b></li>
20+
<div><img src="images/img4.jpg"></div>
21+
<div><img src="images/img5.jpg"></div>
22+
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o vídeo</a>
23+
</ol>
24+
<h4>
25+
<i>&#34;Uma coruja sábia e anciã pousou em um carvalho; Quanto mais observava, menos falava; <br>
26+
Quanto menos falava, mais ouvia; Por que não somos como a coruja sábia e anciã?
27+
</i>
28+
</h4>
29+
<p><small>- poema infantil</small></p>
30+
<div>
31+
<h3>Corujas:</h3>
32+
<p>
33+
A maioria das aves de rapina possui os olhos na parte lateral da cabeça<br/>
34+
mas a natureza estereoscópica dos<br/>
35+
<strong>olhos voltados para frente na coruja permite<br/>
36+
um melhor senso de percepção profunda</strong> necessária para a caça com pouca luz.<br>
37+
<br>
38+
<a href="http://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
39+
</p>
40+
</div>
41+
<div>
42+
<img src="images/img6.jpg">
43+
</div>
44+
<ul>
45+
<li>
46+
<a href="mailto:social@codebar.io?subject=Eu amo corujas :: Codebar">Mande um email</a>
47+
</li>
48+
<li>
49+
<a href="mailto:?subject=Eu amo corujas :: Codebar">Mande um email para seu amigo</a>
50+
</li>
51+
<li>
52+
<a href="https://twitter.com/codebar">Twitter</a>
53+
</li>
54+
</ul>
55+
</body>
56+
</html>

0 commit comments

Comments
 (0)