-
Notifications
You must be signed in to change notification settings - Fork 0
Tutoriais
Ildefonso Braga Mury edited this page Mar 7, 2023
·
16 revisions
- 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 Executor 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 acessar o tutorial de como criar uma aplicação em React Native com o Expo, clique aqui.
- 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
- Firebase é um modelo de serviço que provê a infraestrutura e o backend de uma aplicação, um BaaS (Backend As A Service) pertencente à Google.
- Com o uso de um BaaS o foco é total na construção na parte front-end da aplicação, já que será disponibilizado grande parte dos recursos de forma automatizada.
- Para utilizar o Firebase de forma gratuita acesse o link
- O AWS Elastic Beanstalk é um serviço gerenciado que facilita a implantação, gerenciamento e escalabilidade de aplicativos da web e serviços da web. Com o Elastic Beanstalk, você pode se concentrar no desenvolvimento do seu aplicativo enquanto o AWS gerencia a infraestrutura subjacente.
- Neste tutorial, vamos passar pelos passos para implantar um aplicativo da web usando o AWS Elastic Beanstalk.