diff --git a/1-js/01-getting-started/1-intro/article_pt.md b/1-js/01-getting-started/1-intro/article_pt.md index 1ddef949..6b4e8f12 100644 --- a/1-js/01-getting-started/1-intro/article_pt.md +++ b/1-js/01-getting-started/1-intro/article_pt.md @@ -1,121 +1,122 @@ -# Uma introdução ao JavaScript +# Uma introdução a JavaScript -Vamos ver o que é tão especial sobre o JavaScript, o que podemos conseguir com ele e quais outras tecnologias funcionam bem com ele. +Vamos ver o que é tão especial sobre JavaScript, o que podemos fazer com essa linguagem e quais outras tecnologias funcionam bem com ela. ## O que é o JavaScript? -* O JavaScript * foi inicialmente criado para * "tornar as páginas vivas" *. +*JavaScript* foi inicialmente criado para *"tornar as páginas vivas"*. -Os programas neste idioma são chamados * scripts *. Eles podem ser escritos diretamente no HTML e executar automaticamente à medida que a página é carregada. +Os programas nesta linguagem são chamados de *scripts*. Eles podem ser escritos diretamente no HTML e são executados automaticamente à medida que a página carrega. -Scripts são fornecidos e executados como um texto simples. Eles não precisam de uma preparação especial ou uma compilação para executar. +Scripts são fornecidos e executados como um texto simples. Eles não precisam de uma preparação especial ou uma compilação para rodar. -Neste aspecto, o JavaScript é muito diferente de outro idioma chamado [Java] (http://en.wikipedia.org/wiki/Java). +Neste aspecto, JavaScript é muito diferente de uma outra linguagem chamada [Java](http://pt.wikipedia.org/wiki/Java_(linguagem_de_programação)). -`` `smart header =" Por que Java Script? " -Quando o JavaScript foi criado, inicialmente tinha outro nome: "LiveScript". Mas a linguagem Java era muito popular naquela época, então decidiu-se que o posicionamento de um novo idioma como um "irmão mais novo" do Java ajudaria. +```smart header="Por que JavaScript?" +Quando JavaScript foi criado, inicialmente tinha outro nome: "LiveScript". Mas a linguagem Java era muito popular naquela época, então foi decidido que posicionar essa nova linguagem como um "irmão mais novo" de Java ajudaria. -Mas, à medida que evoluiu, o JavaScript tornou-se uma linguagem totalmente independente, com sua própria especificação chamada [ECMAScript] (http://en.wikipedia.org/wiki/ECMAScript), e agora não tem relação com o Java. -`` ` +Mas, à medida que evoluiu, JavaScript tornou-se uma linguagem totalmente independente, com sua própria especificação chamada [ECMAScript](https://pt.wikipedia.org/wiki/ECMAScript), e agora não tem relação alguma com Java. +``` -Atualmente, o JavaScript pode ser executado não só no navegador, mas também no servidor, ou mesmo em qualquer dispositivo onde exista um programa especial chamado [o mecanismo de JavaScript] (https://en.wikipedia.org/wiki/JavaScript_engine) . +Atualmente, JavaScript pode ser executado não somente no navegador, mas também no servidor, ou mesmo em qualquer dispositivo onde exista um programa especial chamado [Interpretador de JavaScript](https://pt.wikipedia.org/wiki/Interpretador_de_JavaScript). -O navegador possui um mecanismo incorporado, às vezes também é chamado de "máquina virtual JavaScript". +O navegador possui um interpretador incorporado, que às vezes é chamado de "máquina virtual JavaScript". -Diferentes motores têm diferentes "nomes de código", por exemplo: +Diferentes interpretadores têm diferentes "codinomes", por exemplo: -- [V8] (https://en.wikipedia.org/wiki/V8_ (JavaScript_engine)) - no Chrome e no Opera. -- [SpiderMonkey] (https://en.wikipedia.org/wiki/SpiderMonkey) - no Firefox. -- ... Existem outros nomes de código como "Trident", "Chakra" para diferentes versões do IE, "ChakraCore" para Microsoft Edge, "Nitro" e "SquirrelFish" para Safari etc. +- [V8](https://pt.wikipedia.org/wiki/V8_(JavaScript)) - no Chrome e no Opera. +- [SpiderMonkey](https://en.wikipedia.org/wiki/SpiderMonkey) - no Firefox. +- ... Existem outros codinomes como "Trident", "Chakra" para diferentes versões do IE, "ChakraCore" para Microsoft Edge, "Nitro" e "SquirrelFish" para Safari, etc. -Os termos acima são bons para lembrar, porque eles são usados ​​em artigos para desenvolvedores na internet. Nós também os usaremos. Por exemplo, se "um recurso X é suportado pelo V8", então provavelmente funciona no Chrome e no Opera. +É bom lembrar dos termos acima, porque eles são usados ​​em artigos de desenvolvedores na internet. Nós também os usaremos. Por exemplo, se "um recurso X é suportado pelo V8", então provavelmente funciona no Chrome e no Opera. -`` `smart header =" Como funcionam os motores? " +```smart header="Como funcionam os interpretadores?" -Os motores são complicados. Mas o básico é fácil. +Interpretadores são complicados. Mas o básico é fácil. -1. O motor (incorporado se for um navegador) lê ("analisa") o script. -2. Então ele converte ("compila") o script para o idioma da máquina. -3. E, em seguida, o código da máquina é executado, muito rápido. +1. O interpretador (incorporado, se for um navegador) lê ("analisa") o script. +2. Então ele converte ("compila") o script para a linguagem da máquina. +3. Em seguida, o código da máquina é rapidamente executado. -O motor aplica otimizações em todas as etapas do processo. Ele mesmo assiste ao script compilado conforme ele é executado, analisa os dados que o atravessam e aplica otimizações ao código da máquina com base nesse conhecimento. No final, os scripts são bastante rápidos. -`` ` +O interpretador aplica otimizações em todas as etapas do processo. Ele observa o script compilado conforme é executado, analisa os dados que passam por ele e aplica otimizações ao código da máquina com base nesse conhecimento. No final, os scripts são bastante rápidos. +``` ## O que o JavaScript do navegador pode fazer? O JavaScript moderno é uma linguagem de programação "segura". Não fornece acesso de baixo nível à memória ou à CPU, porque foi inicialmente criado para navegadores que não o exigem. -Os recursos dependem muito do ambiente que executa JavaScript. Por exemplo, [Node.JS] (https://wikipedia.org/wiki/Node.js) suporta funções que permitem JavaScript para ler / escrever arquivos arbitrários, executar solicitações de rede etc. +Os recursos dependem muito do ambiente que executa JavaScript. Por exemplo, [Node.JS](https://pt.wikipedia.org/wiki/Node.js) suporta funções que permitem que o JavaScript leia/escreva arquivos arbitrários, execute solicitações de rede, etc. -O JavaScript no navegador pode fazer tudo relacionado à manipulação da página, a interação com o usuário e o servidor web. +O JavaScript no navegador pode fazer tudo relacionado à manipulação da página, à interação com o usuário e ao servidor web. -Por exemplo, JavaScript no navegador é capaz de: +Por exemplo, o JavaScript no navegador é capaz de: - Adicionar novo HTML à página, alterar o conteúdo existente, modificar estilos. -- Reagir às ações do usuário, executar em cliques do mouse, movimentos de ponteiro, pressionar teclas. -- Enviar solicitações através da rede para servidores remotos, baixar e fazer upload de arquivos (o chamado [AJAX] (https://en.wikipedia.org/wiki/Ajax_ (programação)) e [COMET] (https: // pt). tecnologias wikipedia.org/wiki/Comet_(programming))). +- Reagir às ações do usuário, executar em cliques do mouse, movimentos de ponteiro, pressionamento de teclas. +- Enviar solicitações através da rede para servidores remotos, baixar e fazer upload de arquivos (as tecnologias chamadas [AJAX](https://pt.wikipedia.org/wiki/AJAX_(programação)) e [COMET](https://pt.wikipedia.org/wiki/Comet_(programação)). - Obter e definir cookies, fazer perguntas ao visitante, mostrar mensagens. -- Lembre-se dos dados no lado do cliente ("armazenamento local"). +- Lembrar dos dados no lado do cliente ("armazenamento local"). -## O que não pode fazer o JavaScript no navegador? +## O que o JavaScript no navegador NÃO pode fazer? As habilidades do JavaScript no navegador são limitadas por causa da segurança do usuário. O objetivo é evitar que uma página mal-intencionada acesse informações privadas ou prejudique os dados do usuário. Os exemplos de tais restrições são: -- O JavaScript em uma página da Web pode não ler / escrever arquivos arbitrários no disco rígido, copiá-los ou executar programas. Não possui acesso direto às funções do sistema operacional. +- O JavaScript em uma página da Web não pode ler/escrever arquivos arbitrários no disco rígido, copiá-los ou executar programas. Não possui acesso direto às funções do sistema operacional. Os navegadores modernos permitem que ele funcione com arquivos, mas o acesso é limitado e apenas fornecido se o usuário fizer determinadas ações, como "soltar" um arquivo em uma janela do navegador ou selecioná-lo através de uma tag ``. -Existem maneiras de interagir com câmera / microfone e outros dispositivos, mas eles exigem permissão explícita de um usuário. Portanto, uma página habilitada para JavaScript pode não habilmente ativar uma câmera web, observar os ambientes e enviar as informações para a [NSA] (https://en.wikipedia.org/wiki/National_Security_Agency). -- Diferentes separadores / janelas geralmente não sabem um sobre o outro. Às vezes, eles fazem, por exemplo, quando uma janela usa o JavaScript para abrir a outra. Mas, mesmo neste caso, o JavaScript de uma página pode não acessar o outro se eles vierem de sites diferentes (de um domínio, protocolo ou porta diferente). +Existem maneiras de interagir com câmera/microfone e outros dispositivos, mas eles exigem permissão explícita do usuário. Portanto, uma página habilitada para JavaScript não pode sorrateiramente ativar uma câmera web, observar o ambiente e enviar as informações para a [NSA](https://pt.wikipedia.org/wiki/Agência_de_Segurança_Nacional). +- Diferentes abas/janelas geralmente não sabem uma sobre a outra. Às vezes elas sabem, por exemplo quando uma janela usa o JavaScript para abrir a outra. Mas, mesmo neste caso, o JavaScript de uma página não pode acessar o outro se eles vierem de sites diferentes (de um domínio, protocolo ou porta diferente). -Isso é chamado de "A mesma Política de Origem". Para contornar isso, * ambas as páginas * devem conter um código JavaScript especial que lida com a troca de dados. +Isso é chamado de "Política de mesma origem". Para contornar isso, *ambas as páginas* devem conter um código JavaScript especial que lida com a troca de dados. -A limitação é novamente para a segurança do usuário. Uma página de `http: // anysite.com` que um usuário abriu não deve acessar outra guia do navegador com a URL` http: // gmail.com` e roubar informações a partir daí. -- O JavaScript pode se comunicar facilmente pela rede para o servidor do qual a página atual veio. Mas a capacidade de receber dados de outros sites / domínios é prejudicada. Embora possivel, requer um acordo explícito (expresso em cabeçalhos HTTP) do lado remoto. Mais uma vez, são limitações de segurança. +A limitação é novamente para a segurança do usuário. Uma página de `http://umsitequalquer.com.br` que um usuário abriu não deve poder acessar outra guia do navegador com a URL `http://gmail.com` e roubar informações a partir daí. -! [] (limits.png) +- O JavaScript pode se comunicar facilmente pela rede com o servidor do qual a página atual veio. Mas a capacidade de receber dados de outros sites/domínios é prejudicada. Embora possivel, requer um acordo explícito (expresso em cabeçalhos HTTP) do lado remoto. Mais uma vez, são limitações de segurança. -Esses limites não existem se o JavaScript for usado fora do navegador, por exemplo, em um servidor. Os navegadores modernos também permitem instalar o plugin / extensões que podem obter permissões estendidas. +![](limitations.png) -## O que torna o JavaScript único? +Esses limites não existem se o JavaScript for usado fora do navegador, como por exemplo em um servidor. Os navegadores modernos também permitem instalar plugins/extensões que podem obter permissões estendidas. -Existem pelo menos * três * coisas excelentes sobre o JavaScript: +## O que torna JavaScript único? -`` `comparar -+ Integração completa com HTML / CSS. -+ Simples coisas feitas simplesmente. +Existem pelo menos *três* coisas excelentes sobre JavaScript: + +```comparar ++ Integração completa com HTML/CSS. ++ Coisas simples feitas de maneira simples. + Suportado por todos os navegadores principais e habilitado por padrão. -`` ` +``` -Combinado, estas três coisas existem apenas em JavaScript e nenhuma outra tecnologia de navegador. +Combinadas, estas três coisas existem apenas em JavaScript e nenhuma outra tecnologia de navegador. -Isso é o que torna o JavaScript único. É por isso que é a ferramenta mais difundida para criar interfaces de navegador. +Isso é o que torna JavaScript único. É por isso que é a ferramenta mais difundida para criar interfaces de navegador. -Enquanto planeja aprender uma nova tecnologia, é benéfico verificar suas perspectivas. Então, vamos para as tendências modernas que incluem novos idiomas e habilidades do navegador. +Enquanto se planeja aprender uma nova tecnologia, é benéfico verificar suas perspectivas. Então, vamos partir para as tendências modernas que incluem novas linguagens e habilidades do navegador. -## Languages ​​"over" JavaScript +## Linguagens "em cima" de JavaScript -A sintaxe do JavaScript não é adequada às necessidades de todos. Pessoas diferentes querem características diferentes. +A sintaxe do JavaScript não se adequa às necessidades de todos. Pessoas diferentes querem características diferentes. Isso é de se esperar, porque projetos e requisitos são diferentes para todos. -Recentemente, surgiu uma infinidade de novos idiomas, que são * transpilaram * (convertido) para JavaScript antes de serem executados no navegador. +Recentemente, surgiu uma infinidade de novas linguagens, que são *transpiladas* (convertidas) para JavaScript antes de serem executadas no navegador. -As ferramentas modernas tornam a transpilação muito rápida e transparente, permitindo que os desenvolvedores se codificem em outro idioma e a conversão automática "sob o capô". +As ferramentas modernas tornam a transpilação muito rápida e transparente, permitindo que os desenvolvedores programem em outra linguagem e convertendo automaticamente "debaixo dos panos". Exemplos de tais linguagens: -- [CoffeeScript] (http://coffeescript.org/) é um "açúcar de sintaxe" para JavaScript, ele apresenta uma sintaxe mais curta, permitindo escrever código mais preciso e claro. Geralmente, os devedores Ruby gostam. -- [TypeScript] (http://www.typescriptlang.org/) concentra-se na adição de "digitação de dados rigorosa", para simplificar o desenvolvimento e suporte de sistemas complexos. É desenvolvido pela Microsoft. -- [Dart] (https://www.dartlang.org/) é um idioma autônomo que possui seu próprio mecanismo que é executado em ambientes que não são navegador (como aplicativos para dispositivos móveis). Inicialmente foi oferecido pelo Google como um substituto para o JavaScript, mas, a partir de agora, os navegadores exigem que ele seja transpilar para o JavaScript, assim como aqueles acima. +- [CoffeeScript](http://coffeescript.org/) é um "açúcar sintático" para JavaScript, ele apresenta uma sintaxe mais curta, permitindo escrever código mais preciso e claro. Geralmente, os desenvovedores Ruby gostam dele. +- [TypeScript](http://www.typescriptlang.org/) concentra-se na adição de "dados fortemente tipados", para simplificar o desenvolvimento e suporte a sistemas complexos. É desenvolvido pela Microsoft. +- [Dart](https://www.dartlang.org/) é uma linguagem autônoma que possui seu próprio interpretador que é executado em ambientes que não são navegadores (como aplicativos para dispositivos móveis). Inicialmente foi oferecido pelo Google como um substituto para JavaScript, mas, a partir de agora, os navegadores exigem que ele seja transpilado para o JavaScript, assim como os acima. -Há mais. Claro que, mesmo que usemos uma dessas línguas, também devemos saber o JavaScript, para realmente entender o que estamos fazendo. +E existem mais. Claro que, mesmo que usemos uma dessas linguagens, também devemos saber JavaScript para realmente entender o que estamos fazendo. ## Resumo -- O JavaScript foi inicialmente criado como um idioma apenas para o navegador, mas agora também é usado em muitos outros ambientes. -- Neste momento, o JavaScript tem uma posição única como o idioma de navegador mais amplamente adotado com integração total com HTML / CSS. -- Existem muitos idiomas que são "transpilados" para JavaScript e fornecem determinados recursos. Recomenda-se dar uma olhada neles, pelo menos brevemente, depois de dominar o JavaScript. +- JavaScript foi inicialmente criado como uma linguagem restrita ao navegador, mas agora também é usado em muitos outros ambientes. +- Neste momento, JavaScript está na posição única de linguagem de navegador mais amplamente adotada com integração total com HTML/CSS. +- Existem muitas linguagens que são "transpiladas" para JavaScript e fornecem certos recursos. Recomenda-se dar uma olhada nelas, pelo menos brevemente, depois de dominar o JavaScript. diff --git a/1-js/01-getting-started/2-code-editors/article_pt.md b/1-js/01-getting-started/2-code-editors/article_pt.md index 03b79ad3..de012b3c 100644 --- a/1-js/01-getting-started/2-code-editors/article_pt.md +++ b/1-js/01-getting-started/2-code-editors/article_pt.md @@ -1,62 +1,62 @@ # Editores de código -Um editor de código é o lugar onde um programador passa a maior parte do tempo. +O editor de código é onde os programadores passam a maior parte de seu tempo. -Existem dois arquétipos: IDE e editores leves. Muitas pessoas se sentem confortáveis ​​ao escolher uma ferramenta de cada tipo. +Existem dois arquétipos: IDE e editores leves. Muitas pessoas se sentem confortáveis ​​escolhendo uma ferramenta de cada tipo. -[cortar] +[cut] # IDE -O termo [IDE] (https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment) significa um editor poderoso com muitos recursos que geralmente operam em um "projeto inteiro". Como disse, não é apenas um editor, mas um "ambiente de desenvolvimento" em grande escala. +O termo [IDE](https://en.wikipedia.org/wiki/Integrated_development_environment) (Integrated Development Environment) denota um editor poderoso com muitos recursos que geralmente operam em um "projeto inteiro". Como dito, não é apenas um editor, mas um "ambiente de desenvolvimento" em grande escala. -Um IDE carrega o projeto (pode ser muitos arquivos) e, em seguida, permite a navegação entre arquivos, fornece autocompleção com base em todo o projeto, integra-se a um sistema de gerenciamento de versão (como [git] (https://git-scm.com/) ), um ambiente de teste e outras coisas de "nível de projeto". +Um IDE carrega o projeto (pode conter muitos arquivos) e também permite a navegação entre arquivos, fornece autocomplemento com base em todo o projeto, integra-se a um sistema de gerenciamento de versão (como [git](https://git-scm.com/)), um ambiente de teste e outras coisas de "nível de projeto". Se você ainda não considerou selecionar um IDE, veja as seguintes variantes: -- Editores IntelliJ: [WebStorm] (http://www.jetbrains.com/webstorm/) para o desenvolvimento frontend e [PHPStorm (PHP)] (http://www.jetbrains.com/phpstorm/), [IDEA (Java )] (http://www.jetbrains.com/idea/), [RubyMine (Ruby)] (http://www.jetbrains.com/ruby/) e outros se você precisar de outros idiomas. -- O Visual Studio está bem se você for um desenvolvedor .NET, e uma versão gratuita está disponível ([Comunidade Visual Studio] (https://www.visualstudio.com/vs/community/)) -- Produtos baseados em Eclipse, como [Aptana] (http://www.aptana.com/) e Zend Studio. -- [Komodo IDE] (http://www.activestate.com/komodo-ide) e sua versão gratuita leve [Komodo Edit] (http://www.activestate.com/komodo-edit). -- [Netbeans] (http://netbeans.org/). +- Editores IntelliJ: [WebStorm](http://www.jetbrains.com/webstorm/) para o desenvolvimento frontend e [PHPStorm (PHP)](http://www.jetbrains.com/phpstorm/), [IDEA (Java )](http://www.jetbrains.com/idea/), [RubyMine (Ruby)](http://www.jetbrains.com/ruby/) e outros se você precisar de outras linguagens. +- O Visual Studio é bom se você for um desenvolvedor .NET, e há uma versão gratuita disponível ([Comunidade Visual Studio](https://www.visualstudio.com/vs/community/)) +- Produtos baseados em Eclipse, como [Aptana](http://www.aptana.com/) e Zend Studio. +- [Komodo IDE](http://www.activestate.com/komodo-ide) e sua versão leve gratuita [Komodo Edit](http://www.activestate.com/komodo-edit). +- [Netbeans](http://netbeans.org/). -Todos os IDEs listados acima estão disponíveis no Windows e no Mac, e os IDEs que não o Visual Studio também estão disponíveis no Linux. +Todos os IDEs listados acima estão disponíveis no Windows e no Mac, e todos exceto o Visual Studio também estão disponíveis no Linux. -A maioria dos IDEs são pagos, mas tem um período de teste. Seu custo geralmente é insignificante em comparação com o salário de um desenvolvedor qualificado, então escolha o melhor para você. +A maioria dos IDEs são pagos, mas com um período de teste. Seu custo geralmente é insignificante em comparação ao salário de um desenvolvedor qualificado, então escolha o melhor para você. -## editores leves +## Editores leves Os "editores leves" não são tão poderosos quanto os IDEs, mas são rápidos, elegantes e simples. Eles são usados ​​principalmente para abrir e editar um arquivo instantaneamente. -A principal diferença entre um "editor leve" e um "IDE" é que um IDE funciona em um nível de projeto, por isso carrega muito mais dados no início, analisa a estrutura do projeto, se necessário e assim por diante. Um editor leve é ​​muito mais rápido se precisarmos apenas de um arquivo. +A principal diferença entre um "editor leve" e um "IDE" é que um IDE funciona a nível de projeto, por isso carrega muito mais dados no início, analisa a estrutura do projeto, se necessário, e assim por diante. Um editor leve é ​​muito mais rápido se precisarmos apenas de um arquivo. -Na prática, os editores leves podem ter muitos plugins, incluindo analisadores de sintaxe de nível de diretório e autocompletores, portanto, não há fronteira estrita entre um editor leve e um IDE. +Na prática, os editores leves podem ter muitos plugins, incluindo analisadores de sintaxe a nível de diretório e autocompletores, portanto, não há fronteira estrita entre um editor leve e um IDE. As seguintes opções merecem atenção: -- [Código Visual Studio] (https://code.visualstudio.com/) (plataforma cruzada, grátis). -- [Atom] (https://atom.io/) (plataforma cruzada, grátis). -- [Sublime Text] (http://www.sublimetext.com) (plataforma cruzada, shareware). -- [Notepad ++] (https://notepad-plus-plus.org/) (Windows, gratuito). +- [Código Visual Studio](https://code.visualstudio.com/) (plataforma cruzada, grátis). +- [Atom](https://atom.io/) (plataforma cruzada, grátis). +- [Sublime Text](http://www.sublimetext.com) (plataforma cruzada, shareware). +- [Notepad++](https://notepad-plus-plus.org/) (Windows, gratuito). - Vim e Emacs também são legais, se você sabe como usá-los. ## Meus favoritos -A preferência pessoal do autor é ter um IDE para projetos e um editor leve para uma rápida e fácil edição de arquivos. +A preferência pessoal do autor é ter um IDE para projetos e um editor leve para uma fácil e rápida edição de arquivos. -Estou a usar: +Estou usando: -- [WebStorm] (http://www.jetbrains.com/webstorm/) para JS, e se houver mais um idioma no projeto, então eu troco para outros editores do Jetbrains como [PHPStorm] (http: // www. jetbrains.com/phpstorm/) (PHP), [IDEA] (http://www.jetbrains.com/idea/) (Java), [RubyMine] (http://www.jetbrains.com/ruby/) ( Rubi). Existem editores para outras línguas também, mas não as usei. -- Como um editor leve - [Sublime Text] (http://www.sublimetext.com) ou [Atom] (https://atom.io/). +- [WebStorm](http://www.jetbrains.com/webstorm/) para JS, e caso haja mais uma linguagem no projeto, troco para outros editores do Jetbrains como [PHPStorm](http: // www. jetbrains.com/phpstorm/) (PHP), [IDEA](http://www.jetbrains.com/idea/) (Java), [RubyMine](http://www.jetbrains.com/ruby/) (Ruby). Existem editores para outras linguagens também, mas não as usei. +- Como um editor leve -- [Sublime Text](http://www.sublimetext.com) ou [Atom](https://atom.io/). -Se você não sabe o que escolher, você pode considerar estes. +Se você não sabe o que escolher, pode considerar estes. -Não vamos discutir +## Não vamos discutir -Os editores nas listas acima são aqueles que eu ou meus amigos que eu considero bons desenvolvedores têm usado há muito tempo e estão satisfeitos. +Os editores nas listas acima são aqueles que eu ou amigos que considero bons desenvolvedores têm usado há muito tempo e estão satisfeitos. -Existem outros grandes editores em nosso grande mundo. Escolha o que mais gosta. +Existem outros ótimos editores em nosso grande mundo. Escolha o que mais gosta. A escolha de um editor, como qualquer outra ferramenta, é individual e depende de seus projetos, hábitos e preferências pessoais. diff --git a/1-js/01-getting-started/3-devtools/article_pt.md b/1-js/01-getting-started/3-devtools/article_pt.md index 0f414a97..d2a9835f 100644 --- a/1-js/01-getting-started/3-devtools/article_pt.md +++ b/1-js/01-getting-started/3-devtools/article_pt.md @@ -1,60 +1,59 @@ # Console do desenvolvedor -O código é propenso a erros. É provável que cometa erros ... Ah, do que estou falando? Você é * absolutamente * vai fazer erros, pelo menos, se você é humano, não um [robô] (https://en.wikipedia.org/wiki/Bender_ (Futurama)). +Códigos são propensos a erros. É provável que você cometa erros... Ah, do que estou falando? Você *absolutamente* vai cometer erros, pelo menos se você é humano, não um [robô](https://en.wikipedia.org/wiki/Bender_(Futurama)). -Mas no navegador, um usuário não vê os erros por padrão. Então, se algo der errado no script, não veremos o que está quebrado e não conseguimos corrigi-lo. +Mas no navegador, um usuário não vê os erros por padrão. Então, se algo der errado no script, não veremos o que está quebrado e não conseguiremos corrigi-lo. Para ver erros e obter muitas outras informações úteis sobre scripts, os navegadores têm "ferramentas de desenvolvedor" incorporadas. -Na maioria das vezes, os desenvolvedores se inclinam para o Chrome ou o Firefox para o desenvolvimento, porque esses navegadores possuem as melhores ferramentas de desenvolvimento. Outros navegadores também fornecem ferramentas para desenvolvedores, às vezes com recursos especiais, mas geralmente são "catch-up" para o Chrome ou o Firefox. Então, a maioria das pessoas tem um navegador "favorito" e muda para outros se um problema for específico do navegador. +Na maioria das vezes, os desenvolvedores tendem a usar o Chrome ou o Firefox para desenvolvimento, porque esses navegadores possuem as melhores ferramentas. Outros navegadores também fornecem ferramentas para desenvolvedores, às vezes com recursos especiais, mas geralmente estão ainda tentando alcançar o Chrome ou o Firefox. Então, a maioria das pessoas tem um navegador "favorito" e muda para outros se um problema for específico do navegador. As ferramentas do desenvolvedor são realmente poderosas, existem muitos recursos. Para começar, aprenderemos como abri-los, ver erros e executar comandos JavaScript. -[cortar] ## Google Chrome -Abra a página [bug.html] (bug.html). +Abra a página [bug.html](bug.html). -Há um erro no código JavaScript nela. Está escondido dos olhos de um visitante regular, então vamos abrir as ferramentas do desenvolvedor para vê-lo. +Há um erro no código JavaScript dela. Está escondido dos olhos de um visitante regular, então vamos abrir as ferramentas do desenvolvedor para vê-lo. -Pressione `key: F12` ou, se você estiver no Mac, então a tecla ': Cmd + Opt + J`. +Pressione a tecla `key:F12` ou, se você estiver no Mac, pressione `key:Cmd+Opt+J`. As ferramentas do desenvolvedor serão abertas na guia Console por padrão. -Parece um pouco assim: +Parece um pouco com isso: -! [cromo] (chrome.png) +![cromo](chrome.png) -O aspecto exato das ferramentas do desenvolvedor depende da sua versão do Chrome. Ele muda de tempos em tempos, mas deve ser semelhante. +O aspecto exato das ferramentas do desenvolvedor depende da sua versão do Chrome. Ele muda de tempos em tempos, mas deve ser similar. -- Aqui podemos ver a mensagem de erro de cor vermelha. Neste caso, o script contém um comando desconhecido "lalala". -- À direita, existe um link clicável na fonte `bug.html: 12` com o número da linha onde o erro ocorreu. +- Aqui podemos ver a mensagem de erro de cor vermelha. Neste caso, o script contém um comando desconhecido chamado "lalala". +- À direita, existe um link clicável na fonte `bug.html:12` com o número da linha onde o erro ocorreu. -Abaixo da mensagem de erro, há um símbolo azul `` `` `` `''. Marca uma "linha de comando" onde podemos digitar comandos de JavaScript e pressionar a tecla 'Enter' para executá-los (`key: Shift + Enter` para inserir comandos de múltiplas linhas). +Abaixo da mensagem de erro, há um símbolo `>` azul. Ele marca uma "linha de comando" onde podemos digitar comandos de JavaScript e pressionar a tecla `key:Enter` para executá-los (`key:Shift+Enter` para inserir comandos de múltiplas linhas). -Agora podemos ver erros e isso é suficiente para o início. Voltarei às ferramentas do desenvolvedor mais tarde e cobrire a depuração mais aprofundada no capítulo . +Agora podemos ver erros e isso é o suficiente para o início. Voltaremos às ferramentas do desenvolvedor mais tarde e cobriremos uma depuração mais aprofundada no capítulo . ## Firefox, Edge e outros -A maioria dos outros navegadores usa `key: F12` para abrir as ferramentas do desenvolvedor. +A maioria dos outros navegadores usa `key:F12` para abrir as ferramentas do desenvolvedor. -A aparência deles é bem parecida. Uma vez que você sabe como usar um deles (você pode começar com o Chrome), você pode mudar facilmente para outro. +A aparência deles é bem parecida. Uma vez que você sabe como usar um deles (você pode começar com o Chrome), pode mudar facilmente para outro. ## Safari -O Safari (navegador Mac, não suportado pelo Windows / Linux) é um pouco especial aqui. Precisamos primeiro habilitar o "Develop menu". +O Safari (navegador Mac, não suportado pelo Windows/Linux) é um pouco especial aqui. Precisamos primeiro habilitar o "menu Desenvolvedor". Abra Preferências e vá para o painel "Avançado". Há uma caixa de seleção na parte inferior: -! [safari] (safari.png) +![safari](safari.png) -Agora `chave: Cmd + Opt + C` pode alternar o console. Observe também que o novo item do menu superior, "Desenvolvimento", apareceu. Tem muitos comandos e opções. +Agora `key:Cmd+Opt+C` pode alternar o console. Observe também que o novo item do menu superior, chamado "Desenvolvedor", apareceu. Ele tem muitos comandos e opções. ## Resumo - As ferramentas do desenvolvedor nos permitem ver erros, executar comandos, examinar variáveis ​​e muito mais. -- Eles podem ser abertos com `key: F12` para a maioria dos navegadores no Windows. O Chrome para Mac precisa de 'chave: Cmd + Opt + J`, Safari: `chave: Cmd + Opt + C` (precisa ativar primeiro). +- Elas podem ser abertas com `key:F12` para a maioria dos navegadores no Windows. O Chrome para Mac precisa de `key:Cmd+Opt+J`, e o Safari `key:Cmd+Opt+C` (precisa ser ativado antes). -Agora temos o ambiente pronto. Na próxima seção, chegaremos ao JavaScript. +Agora temos o ambiente pronto. Na próxima seção, nos concentraremos em JavaScript. diff --git a/1-js/01-getting-started/index_pt.md b/1-js/01-getting-started/index_pt.md index 0ca20a98..97f62190 100644 --- a/1-js/01-getting-started/index_pt.md +++ b/1-js/01-getting-started/index_pt.md @@ -1,3 +1,3 @@ # Uma introdução -Sobre o idioma JavaScript eo ambiente para desenvolver com ele. +Sobre a linguagem JavaScript e seu ambiente de desenvolvimento. diff --git a/1-js/index_pt.md b/1-js/index_pt.md index c27a8884..bfab187c 100644 --- a/1-js/index_pt.md +++ b/1-js/index_pt.md @@ -1,6 +1,5 @@ -# O idioma do JavaScript +# A linguagem JavaScript -Aqui, aprendemos JavaScript, começando do zero e avançamos para conceitos avançados, como o OOP. - -Nós nos concentramos na própria linguagem aqui, com o mínimo de notas específicas do meio ambiente. +Aqui aprenderemos JavaScript, começando do zero e adentrando em conceitos avançados, como POO. +Nós nos concentraremos na própria linguagem, com o mínimo de observações específicas sobre o ambiente de desenvolvimento.