Tutoriais

Ferramentas Utilizadas

O Visual Studio Code ou popularmente chamado VS Code é uma ferramenta multiuso para qualquer programador atual. Uma ferramenta de edição de código desenvolvida pela microsoft para Windows, Linux e macOS.
Ele inclui uma série de funcionalidades como suporte para depuração, controle de versionamento e gerenciamento Git, suporte para linguagens como Java, Python, Javascript, C++, além de uma várias extensões que podem ser acopladas para ajudar no desenvolvimento de seus códigos.
Para fazer o download para Windows, Linux ou Mac acesse o link.

O Node pode ser definido como um ambiente de execução Javascript server-side. Apesar de recente, o Node.js já é utilizado por grandes empresas no mercado de tecnologia, como Netflix, Uber e LinkedIn.
O principal motivo de sua adoção é a sua alta capacidade de escala. Além disso, sua arquitetura, flexibilidade e baixo custo, o tornam uma boa escolha para implementação de Microserviços e componentes da arquitetura Serverless Inclusive, os principais fornecedores de produtos e serviços Cloud já têm suporte para desenvolvimento de soluções escaláveis utilizando o Node.js.
Para o download do ambiente Node acesse o link. Recomendamos a versão LTS para maior estabilidade de execução do ambiente node.

O React é uma biblioteca front-end e tem como um de seus objetivos facilitar a conexão entre diferentes partes de uma página, portanto seu funcionamento acontece através do que chamamos de componentes.
Para usar o React é necessário ter instalado o Node.js. Com o Node.js instalado podemos iniciar a instalação do React.
Para instalar necessário abrir o prompt de comando no Windows, em seguida acessar o diretório que pretende criar o projeto com React. Após acessar o diretório utilizar o comando npx create-react-app my-app.
O comando o "npx" é o Gerenciador de Pacotes do Node, o comando "create-react-app" indica qual pacote deve ser instalado, e o "my-app" indica o nome do projeto que pretende criar.
Após instalar necessário acessar o diretório, sendo o nome do projeto, no exemplo acima "my-app". Para acessar colocar o comando "cd", em seguida o nome do projeto "my-app" cd my-app.
Após acessar o diretório no qual foi instalado o React, para rodar o React utiliza o comando npm start.
Após rodar o comando acima será aberto o projeto no navegador padrão definido no seu sistema operacional. Será aberto o endereço: http://localhost:3000/. Depois é só editar o seu código no editor de código de sua preferência.

Expo é uma estrutura e uma plataforma para aplicações React universais. É um conjunto de ferramentas e serviços criados em torno do React Native e plataformas nativas que ajudam você a desenvolver, criar, implantar e iterar rapidamente em aplicativos iOS, Android e Web a partir da mesma base de código JavaScript/TypeScript.
Para instalar e configurar o React Native é necessário ter o Expo instalado. Podemos fazer isso através do comando npm install --global expo-cli .

O React Native é um framework de Javascript utilizado para a criação de aplicativos nativos para mobile.
O React Native, por sua vez, utiliza o React JS para renderizar aplicações para Android e iOS. Todo código gerado nesse framework é transformado em linguagem nativa dos próprios sistemas operacionais.
Devemos iniciar a estrutura expo com o comando na pasta do projeto expo init my_project com o nome da sua aplicação. Esse nome será usado para criar a pasta onde seu projeto estará. Claro, tudo isso tendo uma conta no site da Expo.
Em seguida é seguir os passos com suas preferências de configuração e futuramente usar o comando yarn start pois que possível abrir IOS, android ou web a partir dele.

O Figma é um editor gráfico de vetor e prototipagem de projetos de design baseado principalmente no navegador web, com ferramentas offline adicionais para aplicações desktop para GNU/Linux, macOS e Windows.
Você pode acessar o Figma e utilizado pela web através do site Figma ou pode instalá-lo no seu computador ou celular pelo link
Como criar estruturas e modelos no Figma, tanto para desktop como para Android ou IOS link.

O Django é um framework web full stack open source (código aberto) baseado em Python, gratuito e de alto nível.
De modo geral, um projeto desenvolvido com o Django costuma ser dividido em pequenas aplicações compostas por um pacote Python que, por sua vez, resolve porções específicas de requisições relativas àquela aplicação.
Configurando ambiente de desenvolvimento Django