Bem-vindo ao Tutorial de Javascript moderno: JavaScript Stack from Scratch.
Você pode acessar o repositório original em inglês aqui: https://github.com/verekia/js-stack-from-scratch.
Este é um guia que vai direto ao ponto para a montagem de um projeto de JavaScript. Ele requer um conhecimento geral de programação e conceitos básicos do JavaScript. Foca em conectar as ferramentas e usa o exemplo mais simples possível para cada ferramenta. Você pode ver este tutorial como uma maneira de escrever o seu próprio boilerplate do zero. Como o objetivo deste tutorial é montar várias ferramentas, não entro em detalhes sobre como essas ferramentas funcionam individualmente. Consulte sua documentação ou encontre outros tutoriais se você quiser adquirir um conhecimento mais profundo neles.
Você não precisa usar esta lista inteira se quer construir uma página web simples com algumas interações JS, é claro (uma combinação de Browserify/Webpack + Babel + jQuery é suficiente para ser capaz de escrever código ES6 em arquivos diferentes), mas Se você quiser criar um aplicativo web que seja escalável e precisar de ajuda para configurar as coisas, este tutorial funcionará muito bem para você.
Um grande pedaço da lista descrita neste tutorial usa React. Se você está começando e só quer aprender React, create-react-app você começará a funcionar com um ambiente React muito rapidamente com uma configuração pré-feita. Gostaria derecomendar esta abordagem para alguém que chega em uma equipe que está usando React e precisa de ganhar aprendizagem. Neste tutorial você não usará uma configuração pré-feita, porque eu quero que você entenda tudo o que está acontecendo sob o capô.
Exemplos de código estão disponíveis para cada capítulo, e você pode executá-los todos com yarn && yarn start
. Eu recomendo escrever tudo a partir do zero sozinho, seguindo as ** instruções passo-a-passo **.
Código final disponível no JS-Stack-Boilerplate repository e nos releases. Existe uma live demo.
Funciona em Linux, macOS, and Windows.
02 - Babel, ES6, ESLint, Flow, Jest, Husky
06 - React Router, Server-Side Rendering, Helmet
09 - Travis, Coveralls, Heroku
Configurando seu editor (Atom), MongoDB, Progressive Web App, testes E2E.
Se você quiser adicionar sua tradução, leia as recomendações de tradução para começar!
Check out the ongoing translations.
- 中文 by @pd4d10
- Italiano by Fabrizio Bertone
- 日本語 by @takahashim
- Русский by React Theming
- ไทย by MicroBenz
Created by @verekia – verekia.com.
License: MIT