Translation to PT-BR

translations/pt_BR/2017.md

@@ -0,0 +1,21 @@
+# O que esperar em 2017...
+
+* A [Web Assembly](http://webassembly.org/) pode chegar ao seu auge.
+* `import` pode ser [utilizável](https://github.com/tc39/proposal-dynamic-import#example) na tag `<script></script>`
+* Soluções universais de JavaScript vão continuar a prestar homenagem aos dias de [front-ends entregues pelo servidor (por exemplo, HTML ao cliente)](https://github.com/zeit/next.js).
+* Programação reativa continuará a prosperar no mundo JavaScrip (veja MobX e RxJS).
+* React, em especial o conceito, irá dominar. O próprio React será completamente reescrito (veja [React Fiber](https://github.com/acdlite/react-fiber-architecture)) ou irá evoluir (veja [Inferno](https://github.com/infernojs/inferno)).
+* Angular encontrou o Versionamento Semântico (SEMVER), assim o Angular 4 (talvez 5) esteja a [caminho](https://www.youtube.com/watch?v=aJIMoLgqU_o&feature=youtu.be&t=6m12s) em 2017.
+* Pode acontecer o retorno dos sites simples, web 1.0 retrô, mas com a ajuda de ferramentas de 2017 (por exemplo, [geradores de site estáticos](https://github.com/vigetlabs/gulp-starter/tree/blendid)).
+* APIs JSON RESTful terão mais competição (veja [GraphQL](http://graphql.org/)).
+* Pode ser um grande ano para o [Vue.js](https://vuejs.org/).
+* Mais desenvolvedores irão abandonar as soluções CMS tradicionais por geradores de site estáticos e [ferramentas CMS de API](https://www.google.com/webhp?sourceid=chrome-instant&rlz=1C5CHFA_enUS712US713&ion=1&espv=2&ie=UTF-8#q=api%20cms).
+* Mais pessoas vão trocar o Sass pelo [PostCSS](http://postcss.org/) + cssnext.
+* Muito mais HTTP2 e HTTPS.
+* Web components vão continuar a espreita, esperando por um interesse significante da parte dos desenvolvedores, algo que talvez nunca aconteça.
+* A turma do framework-sem-framework vai ganhar energia (veja [Svelte](https://svelte.technology/blog/frameworks-without-the-framework/)).
+* O JavaScript vai estacionar, e com sorte, o CSS vai explodir e todo mundo vai chorar de cansaço até que ele se acalme.
+* O ódio em relação às lojas de aplicativos vai cescer, enquanto a web aberta não terá memória de erro algum.
+* Redux continuará a ganhar fortes competidores (veja [mobx](https://mobx.js.org/)).
+* YARN ganhará mais usuários.
+* A ideia de “aplicativos front-end”, “aplicativos Thick Client (Cliente Gordo)”, “aplicativos estáticos”, “aplicativos sem backend”, “SPAs”, “aplicativos Front-end driven” podem ser resumidos a um termo/conceito chamado ["JAM Stack"](https://jamstack.org/).

translations/pt_BR/README.md

@@ -0,0 +1,42 @@
+# Guia de bolso front-end 2017
+
+Escrito por [Cody Lindley](http://codylindley.com/), patrocinado por [Frontend Masters](https://frontendmasters.com/) e traduzido pela [comunidade](https://github.com/frontendbr/).
+
+Este é um guia que qualquer pessoa pode usar para aprender sobre desenvolvimento front-end. Também discute de forma geral sobre a parte de engenharia front-end: como aprender e quais ferramentas usar ao trabalhar com front-end em 2017.
+
+Este livro foi escrito com a intenção de ser um guia para futuros front-ends e para quem já atua na área, para que ganhem mais conhecimento com materias de aprendizado e ferramentas de desenvolvimento. De forma secundária, pode ser usado por gerentes, CTOs, instrutores e recrutadores para adquirir conhecimento sobre como é o trabalho de um front-end.
+
+O conteúdo deste livro foca em tecnologias web (HTML, CSS, DOM e Javascript) e soluções que são construídas através destas tecnologias. Os materiais referenciados e discutidos no livro são os mais recomendados e usados atualmente.
+
+Este livro não deve ser considerado uma enciclopédia com todos os recursos disponíveis para um front-end. O conteúdo deste livro é abordado de forma a não sobrecarregar o leitor com algum assunto específico.
+
+A intenção é atualizar este livro anualmente.
+
+Este guia é dividido em três partes.
+
+## Parte 1 - Front-End na Prática
+
+- Aborda a prática do Desenvolvimento Front-End
+
+## Parte 2 - Aprendendo Desenvolvimento Front-End
+
+- Mostra recursos de aprendizado para se tornar um Desenvolvedor Front-End
+
+## Parte 3 - Ferramentas de Desenvolvimento
+
+- Explica brevemente sobre ferramentas para desenvolvimento
+
+
+***
+
+**Download em .pdf, .epub ou .mobi**: 
+
+* [https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details](https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details)
+
+**Contribua com o conteúdo, sugira e corrija no GitHub**: 
+
+* [https://github.com/FrontendMasters/front-end-handbook-2017](https://github.com/FrontendMasters/front-end-handbook-2017)
+
+***
+
+<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br />O trabalho é licenciado sobre a<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</a>.

translations/pt_BR/SUMARIO.md

@@ -0,0 +1,102 @@
+# Sumário
+
+* [O que é um desenvolvedor Front-End?](o-que-e-um-FD.md)
+* [Resumo do desenvolvimento Front-End em 2016](recapitulando.md)
+* [O que esperar em 2017...](2017.md)
+* [Parte I: O Front-End na prática](pratica.md)
+	* [Cargos de Front-end](pratica/cargos-de-front-end.md)
+	* [Tecnologias normalmente empregadas](pratica/tecnologias-empregadas.md)
+	* [Habilidades de um Front-End](pratica/habilidades.md)
+	* [Front-Ends desenvolvem para...](pratica/desenvolvem-para.md)
+	* [Front-End em um time](pratica/time.md)
+	* [O mito do Full-Stack](pratica/mito.md)
+	* [Questões de entrevista para Front-End](pratica/questoes-entrevista.md)
+	* [Quadro de vagas para Front-End](pratica/quadro-vagas.md)
+	* [Salários de Front-End](pratica/salarios.md)
+	* [Como ser um Front-End?](pratica/virando-fd.md)
+* [Parte II: Aprendendo desenvolvimento Front-End](aprendendo.md)
+	* [Aprendizado Direcionado Autodidata](aprendendo/direcionado-autodidata.md)
+		* [Aprenda sobre Internet/Web](aprendendo/internet.md)
+		* [Aprenda sobre Navegadores Web](aprendendo/navegadores.md)
+		* [Aprenda sobre DNS](aprendendo/dns.md)
+		* [Aprenda sobre HTTP/Redes](aprendendo/http-redes.md)
+		* [Aprenda sobre Hospedagem Web](aprendendo/hospedagem.md)
+		* [Aprenda sobre Front-End de maneira geral](aprendendo/front-end.md)
+		* [Aprenda sobre UI/UX](aprendendo/padroes-ui.md)
+		* [Aprenda HTML e CSS](aprendendo/html-css.md)
+		* [Aprenda sobre SEO](aprendendo/seo.md)
+		* [Aprenda JavaScript](aprendendo/javascript.md)
+		* [Aprenda sobre Animação Web](aprendendo/animacao-web.md)
+		* [Aprenda DOM, BOM & jQuery](aprendendo/dom-bom-jquery.md)
+		* [Aprenda sobre Web Fonts](aprendendo/web-fonts.md)
+		* [Aprenda sobre Acessibilidade](aprendendo/acessibilidade.md)
+		* [Aprenda sobre APIs (Web/Browser)](aprendendo/web-api.md)
+		* [Aprenda JSON](aprendendo/json.md)
+		* [Aprenda JS Templates](aprendendo/templates.md)
+		* [Aprenda sobre Geradores de Sites Estáticos](aprendendo/estaticos.md)
+		* [Aprenda sobre Ciência da Computação com JS](aprendendo/cs.md)
+		* [Aprenda Arquitetura de Aplicações Front-End](aprendendo/front-end-apps.md)
+		* [Aprenda sobre Design de API de Dados (ex. JSON/REST)](aprendendo/api-dados.md)
+		* [Aprenda React & Redux](aprendendo/react-redux.md)
+		* [Aprenda sobre Aplicações Web Progressivas](aprendendo/pwa.md)
+		* [Aprenda Design de API em JS](aprendendo/js-api.md)
+		* [Aprenda sobre as Ferramentas de Desenvolvimento do Navegador](aprendendo/browser-dev-tools.md)
+		* [Aprenda sobre Linha de Comando](aprendendo/cli.md)
+		* [Aprenda Node.js](aprendendo/node.md)
+		* [Aprenda sobre Módulos em JavaScript](aprendendo/modulos-js.md)
+		* [Aprenda sobre Loaders/Bundlers de módulos JS](aprendendo/bundlers-loaders-modulos.md)
+		* [Aprenda sobre Gerenciadores de Pacotes](aprendendo/gerenciador-pacotes.md)
+		* [Aprenda sobre Controle de Versão](aprendendo/controle-versao.md)
+		* [Aprenda sobre Build & Automação de Tarefas](aprendendo/build.md)
+		* [Aprenda sobre Otimização de Performance de Site](aprendendo/performance.md)
+		* [Aprenda sobre Testes](aprendendo/testes.md)
+		* [Aprenda sobre Navegadores Headless](aprendendo/navegadores-headless.md)
+		* [Aprenda sobre Desenvolvimento Offline](aprendendo/offline.md)
+		* [Aprenda Segurança Web (Aplicações e Navegador)](aprendendo/seguranca.md)
+		* [Aprenda sobre Desenvolvimento Multi-Plataforma (ex. Responsividade)](aprendendo/multi-plataforma.md)
+	* [Aprendizado Direcionado](aprendendo/direcionado.md)
+		* [Escolas, cursos e Bootcamps de Front-End](aprendendo/cursos.md)
+	* [Desenvolvedores com quem aprender mais](aprendendo/aprenda-com.md)
+	* [Newsletters, Notícias, & Podcasts](aprendendo/noticias-podcasts.md)
+* [Parte III: Ferramentas de Desenvolvimento Front-End](ferramentas.md)
+	* [Ferramentas de Documentação de APIs](ferramentas/navegacao-docs.md)
+	* [Ferramentas de SEO](ferramentas/seo.md)
+	* [Ferramentas para Wireframe e Prototipação](ferramentas/prototipacao.md)
+	* [Ferramentas de Diagramação](ferramentas/diagramacao.md)
+	* [Ferramentas de Redes/HTTP](ferramentas/http.md)
+	* [Ferramentas para Edicão de Códigos](ferramentas/editor-codigos.md)
+	* [Ferramentas de Navegadores](ferramentas/navegadores.md)
+	* [Ferramentas para HTML](ferramentas/html.md)
+	* [Ferramentas para CSS](ferramentas/css.md)
+	* [Ferramentas para DOM](ferramentas/dom.md)
+	* [Ferramentas para JavaScript](ferramentas/js.md)
+	* [Ferramentas para Geradores de Sites Estáticos](ferramentas/estaticos.md)
+	* [Ferramentas para Desenvolvimento de Acessibilidade](ferramentas/acessibilidade.md)
+	* [Ferramentas para Frameworks (Mobile, Desktop, Web e etc.)](ferramentas/frameworks.md)
+	* [Ferramentas para Aplicação Web Progressiva](ferramentas/pwa.md)
+	* [Ferramentas para Scaffolding](ferramentas/scaffolding.md)
+	* [Ferramentas Gerais para Front-End](ferramentas/dev-tools.md)
+	* [Ferramentas para Templating/Data Binding](ferramentas/templates.md)
+	* [Pacotes de UI Widget & Componentes](ferramentas/ui.md)
+	* [Ferramentas para Visualização de Dados (ex. Gráficos)](ferramentas/visualizacao-dados.md)
+	* [Ferramentas Gráficas (ex. SVG, Canvas e etc.)](ferramentas/graficos.md)
+	* [Ferramentas de Animação](ferramentas/animação.md)
+	* [Ferramentas para JSON](ferramentas/json.md)
+	* [Ferramentas para Imagens/Textos Substitutos](ferramentas/placeholder.md)
+	* [Ferramentas para Testes](ferramentas/testes.md)
+	* [Ferramentas para Armazenamento Front-End](ferramentas/db.md)
+	* [Ferramentas para Carregamento de Módulos/Pacotes](ferramentas/loaders.md)
+	* [Ferramentas de Repositório de Módulos/Pacotes](ferramentas/repositorios.md)
+	* [Ferramentas de Hospedagem](ferramentas/hospedagem.md)
+	* [Gerenciamento de Projeto & Hospedagem de Códigos](ferramentas/projetos-hospedagem.md)
+	* [Ferramentas para Comunicação & Colaboração](ferramentas/comunicacao-colaboracao.md)
+	* [Ferramentas para CMS (Hospedada/APIs)](ferramentas/cms.md)
+	* [Ferramentas BaaS (Backend as a Service)](ferramentas/baas.md)
+	* [Ferramentas para Aplicação Offline](ferramentas/offline.md)
+	* [Ferramentas para Segurança](ferramentas/seguranca.md)
+	* [Ferramentas para Build](ferramentas/build.md)
+	* [Ferramentas para Deploy](ferramentas/deploy.md)
+	* [Ferramentas de Monitoramento](ferramentas/monitoramento.md)
+	* [Ferramentas de Monitoramento de Erros para JS](ferramentas/monitoramento-erro.md)
+	* [Ferramentas de Performance](ferramentas/performance.md)
+	* [Ferramentas para encontrar ferramentas](ferramentas/encontrar-ferramentas.md)

translations/pt_BR/aprendendo.md

@@ -0,0 +1,5 @@
+# Parte II: Aprendendo
+
+A parte dois apresenta recursos auto didatas (para estudar onde e quando quiser) e formais (aulas presenciais com dia e horas específicos) para aprender desenvolvimento front-end.
+
+Note que só por que uma fonte de aprendizado está listada, ou uma categoria de conhecimento está documentada, não significa que um desenvolvedor front-end deva aprender tudo. Isso seria absurdo. Escolha seu próprio nicho para se profissionalizar. Estou apenas mostrando uma relação do que você pode se especializar.

translations/pt_BR/aprendendo/acessibilidade.md

@@ -0,0 +1,28 @@
+# Aprenda sobre acessibilidade
+
+> Acessibilidade refere-se ao design de um produto, dispositivo, serviço ou ambiente para pessoas com deficiências. O conceito de design acessível garante tanto o "Acesso direto" (não assistido) quanto o "acesso indireto" significando compatibilidade com a tecnologia assistiva de uma pessoa (por exemplo, computadores com leitores de tela).
+>
+>Acessibilidade pode ser vista como a "capacidade de acesso" e benefícios de algum sistema ou indivíduo. O conceito foca em permitir o acesso de pessoas desabilitadas, com necessidades especiais, ou possibilitar o acesso por meio do uso de tecnologia assistiva. De qualquer forma, pesquisar e desenvolver acessibilidade traz benefícios para todos.
+>
+>Não confunda acessibilidade com usabilidade, que é amplitude com a qual um produto (tanto um dispositivo quanto um serviço ou um ambiente) poder ser utilizado pelo usuário, para que o mesmo possa alcançar o objetivo com eficácia, eficiência e satisfação em um contexto específico de uso.
+>
+>Acessibilidade está fortemente relacionada ao design universal, que é o processo de criar produtos que são acessíveis por pessoas com as mais variadas capacidades, dispositivo e nas mais variadas situações. E assim fazer as coisas acessíveis para todas as pessoas (tendo elas alguma deficiência ou não).
+
+><cite>&#8212; [Wikipedia](https://pt.wikipedia.org/wiki/Acessibilidade)</cite>
+
+##### Aprendizado geral:
+
+* [Foundations of UX: Accessibility (Fundamentos do UX: Acessibilidade)](http://www.lynda.com/Accessibility-tutorials/Foundations-UX-Accessibility/435008-2.html) :tv: :moneybag:
+* [How HTML elements are supported by screen readers (Como elementos HTML são suportados pelos leitores de tela)](http://thepaciellogroup.github.io/AT-browser-tests/?utm_source=html5weekly&utm_medium=email) :book:
+* [Introduction to Web Accessibility (Introdução a acessibilidade na Web)](https://webaccessibility.withgoogle.com/course) - Google Open Online Education :tv:
+* [Introduction to Web Accessibility (Introdução a acessibilidade na Web)](https://www.w3.org/WAI/intro/accessibility.php) - WAI :book:
+* [Universal Design for Web Applications: Web Applications That Reach Everyone (Design universal para aplicações web: Aplicações web que são acessíveis para todos)](http://www.amazon.com/Universal-Design-Web-Applications-Everyone/dp/0596518730/ref=sr_1_1) :book: :moneybag:
+* [Web Accessibility: Getting Started (Acessibilidade web: Começando)](http://www.pluralsight.com/courses/web-accessibility-getting-started) :tv: :moneybag:
+* [A Web for Everyone (Uma web para todos)](http://rosenfeldmedia.com/books/a-web-for-everyone/) :book: :moneybag:
+* [Web Accessibility (Acessibildiade web)](https://frontendmasters.com/workshops/accessibility/) :tv: :moneybag:
+
+##### Padrões/Especificações:
+
+* [Accessible Rich Internet Applications (WAI-ARIA) Current Status (Aplicações web ricas em acessibilidade)](http://www.w3.org/standards/techs/aria#w3c_all)
+* [Web Accessibility Initiative (WAI) (Iniciativa de Acessibilidade à Web)](http://www.w3.org/WAI/)
+* [Web Content Accessibility Guidelines (WCAG) Current Status (Diretrizes de Acessibilidade ao Conteúdo da Web)](http://www.w3.org/standards/techs/wcag#w3c_all)

translations/pt_BR/aprendendo/animacao-web.md

@@ -0,0 +1,18 @@
+# Aprendendo Animações Web
+
+##### Aprendizado Geral:
+
+* [Advanced SVG Animation (Animação avançadas com SVG)](https://frontendmasters.com/courses/svg-animation/) :tv: :moneybag:
+* [Adventures in Web Animations (Aventuras com animações web)](https://www.codeschool.com/courses/adventures-in-web-animations) :tv: :moneybag:
+* [Animating With Snap.svg (Animando com Snap.svg)](https://webdesign.tutsplus.com/courses/animating-with-snapsvg) :tv: :moneybag:
+* [Animation in CSS3 and HTML5 (Animação com CSS e HTML5)](https://frontendmasters.com/courses/animation-storytelling-html5-css3/) :tv: :moneybag:
+* [Create Animations in CSS (Criando Animações em CSS)](http://www.kirupa.com/css_animations/index.htm) :tv: :book:
+* [CSS Animation in the Real World (Animações CSS no mundo real)](https://webdesign.tutsplus.com/courses/css-animation-in-the-real-world) :tv: :moneybag:
+* [Foundation HTML5 Animation with JavaScript (Fundação animação HTML5 com JavaScript)](http://www.amazon.com/Foundation-HTML5-Animation-JavaScript-Lamberta/dp/1430236655/ref=sr_1_3) :book: :moneybag:
+* [Learn to Create Animations in JavaScript (Aprendendo a criar animações em JavaScript)](http://www.kirupa.com/javascript_animations/index.htm) :tv: :book:
+* [State of the Animation 2015 (Estado da animação em 2015)](https://air.mozilla.org/rachel-nabors-state-of-the-animation-2015/) :tv:
+* [Web Animation using JavaScript: Develop & Design (Develop and Design) (Animações web usando JavaScript: Desenvolvimento e Design)](http://www.amazon.com/Web-Animation-using-JavaScript-Develop-ebook/dp/B00UNKXVDU/ref=sr_1_1) :book: :moneybag:
+
+##### Padrões/Espeficações:
+
+* [Web Animations (Animações web)](https://w3c.github.io/web-animations/)

translations/pt_BR/aprendendo/api-dados.md

@@ -0,0 +1,6 @@
+# Aprenda sobre Design de API de Dados
+
+* [API Design in Node.js (using Express & Mongo) (Design de API em Node.js (Usando Express e Mongo))](https://frontendmasters.com/courses/api-design-nodejs/) [Assistir][$]
+* [Build APIs You Won't Hate (Constua APIs que Você Não Odiará)](http://apisyouwonthate.com/) [$][Ler]
+* [JSON API (API JSON)](http://jsonapi.org/) [Ler]
+* [RESTful Web API Design with Node.JS - Second Edition (Design de API RESTful de Web com Node.JS - Segunda Edição)](https://www.amazon.com/RESTful-Web-API-Design-Node-JS/dp/1786469138?&_encoding=UTF8&tag=frontend-handbook-20&linkCode=ur2&linkId=65822660966bb9c5339b4b411ef25d73&camp=1789&creative=9325) [$][Ler]

translations/pt_BR/aprendendo/aprenda-com.md

@@ -0,0 +1,3 @@
+# Desenvolvedores Front-End Com Quem Aprender
+
+A noção de que você deve seguir um indivíduo para aprender sobre desenvolvimento front-end está lentamente se tornando sem sentido. Os profissionais avançados de desenvolvimento front-end geram conteúdo o suficiente que você pode simplesmente seguir a comunidade/líderes, prestando atenção às "notícias" de front-end (via [Newsletters, News, & Podcasts (Boletins Informativos, Notícias e Podcasts)](https://frontendmasters.gitbooks.io/front-end-handbook-2017/content/learning/news-podcasts.html)).