Como Aprender a Programar pelo Celular - do Zero ao Node e React
Sumário
- Introdução
- Como aprender lógica de programação
- HTML e CSS pelo celular
- Javascript pelo celular
- Terminal no celular
- Como instalar Node no celular
- Como usar React pelo celular
- Banco de dados MongoDB e Postgres
- GIT
- Considerações finais
- Contato
Introdução
No Brasil vivemos em uma situação em que ter um computador, mesmo que bem simples, é considerado um luxo. Então como fazer para incluir pessoas que não tem condição, mas tem vontade, de ingressar na área de tecnologia, que é a que mais cresce no mundo?
Sempre achei programação algo bem interessante, ouvindo sobre sua função no desenvolvimento de jogos, sites, robótica, e do crescimento imenso da área da tecnologia. Não tinha computador, mas tive vontade de assistir aulas básicas para entender como tudo funcionava.
Para não ter muita enrolação vou dar um resumo: Comecei a estudar e buscar formas de aprender mesmo com minha limitação de ferramentas, driblando incompatibilidades e adaptando conteúdos. Dessa forma consegui desenvolver não apenas com Html, css e javascript, mas também ReactJS, Node.js e até mesmo React Native, utilizando MongoDB e Postgres, tudo com um Moto G2, já ultrapassado e com bem pouca memória performance.
Caso você seja da área talvez não ache isso inteessante ou difícil, mas imagina alguém que nunca utilizou essas tecnologias ter que descobrir tudo sozinho...
Passo 1 - Lógica de Programação
Caso não saiba nada sobre programação, seu primeiro passo é entender a lógica, e para isso recomendo o curso de lógica de programação do canal Curso em vídeo com o profressor Gustavo Guanabara.
E para praticar você precisa instalar um desses aplicativos disponiveis na play store:
- Pseudocode, Visualg Algoritmos
- Portugol Mobile
Link: Lógica de Programação
Passo 2 - HTML e CSS
Aqui é o momento onde você aprende a base de como é feito o visual de um site, como os textos são estruturados e como as páginas são estilizadas.
Para acompanhar recomendo instalar o aplicativo:
- Spck Code Editor
Link: Curso HTML
Link: Curso CSS
Pratique muito, além desses cursos veja mais aulas e faça seus próprios testes!
Como você está utilizando o celular não será possível ver como seu projeto ficaria em telas maiores, ainda assim você terá a visão de como seria para telas menores, podendo estudar e ficar tecnicamente preparado, desenvolvendo e adaptando as proporções de forma que se encaixem em seu dispositivo.
Passo 3 - Javascript
Chegou finalmente a hora de falarmos de uma linguagem de programação, e aqui vamos falar de como aprender javascript pelo celular.
Já temos o Spck code editor instalado, e vamos continuar a usa-lo, unindo Javascript aos nossos novos conhecimentos de HTML e CSS.
Para isso recomendo o curso do nosso já conhecido e querido professor Gustavo Guanabara.
Link: Curso Javascript
Passo 4 - Terminal no celular
Na vivência na área de desenvolvimento é essencial o conhecimento básico de uso do terminal, e agora vou passar como você vai fazer isso pelo celular, primeiro instalando o terminal e então aprendendo os principais comandos.
- instale o aplicativo Termux disponível na play store.
- Abra o aplicativo e rode os seguintes comandos:
pkg upgrade
, e depoisapt upgrade
- durante o processo de instalação será necessario em alguns momentos confirmar que deseja fazer instalações dos pacotes. Quando isso acontecer você só precisa digitar a letra 'y' e dar enter.
Principais comandos do terminal
- mkdir: cria uma pasta (também chamada de diretório)
- touch: cria um arquivo
- ls: mostra todos arquivos e pastas que existem dentro da pasta em que você está
- cd: entra ou sai de pastas
- cp: copia arquivos
- rm: deleta arquivos
- rm -r: deleta pastas
- mv: move arquivos e pastas, ou os renomeia.
Exemplo:
mkdir teste (cria pasta teste)
cd teste (entra na pasta teste)
touch main.js (cria arquivo main.js)
ls (mostra a existencia do arquivo main.js)
mv main.js index.js (muda o nome de main.js para index.js)
rm index.js (deleta o arquivo index.js)
ls (vazio, pois não há mais nada detro desta pasta)
cd .. (retorna para a pasta que estava antes de entrar na pasta teste)
ls (mostra a pasta teste)
rm -r teste (deleta a pasta teste)
Caso tenha duvidas, pesquise sobre como utilizar o terminal linux.
Passo 5 - ReactJS e Node.js
NÃO SE APRESSE, É MUITO IMPORTANTE QUE ESTUDE MUITO OS PASSOS ANTERIORES ANTES DE CHEGAR AQUI, PULAR ETAPAS VAI TE ATRASAR MUITO NESSA JORNADA DE APRENDIZADO
Instalando um editor
Para editar os arquivos criados no terminal precisaremos de um editor que acesse os arquivos do Termux, e para isso instale aplicativos como:
- Editor de codigos
- QuickEdit
- Ou qualquer outro que tenha a opção de navegar entre pastas Saf
Como instalar node pelo celular
- Entre no Termux e instale o Node com o comando
pkg install nodejs-lts -y
Instale o Aplicativo Restler disponível na play store, para testar api's (Funciona como insomnia)
Criando um projeto ReactJS
- Entre no Termux com o node instalado, e rode o comando
npm create vite@latest
- Escolha o nome de seu projeto
- Selecione a opção React, (preferivel usar javascript pela falta de autocomplete no celular)
- Entre na pasta que foi criada e rode
npm install
Pronto! um ambiente React pronto para ser utilizado!
Passo 6 - Bancos de dados
MongoDB
Para utilizar o MongoDB você pode seguir aulas que ensinam a como utilizar o banco com o mongoose. Crie uma conta no MongoDB Atlas e utilize o banco de dados na nuvem.
Postgres
Também utilizaremos o Postgres na nuvem, com o serviço ElephantSQL do postgres. Não consegui utilizar nem o prisma e nem o TypeORM pelo celular, então aprenda e use Postgres com sequelize
Aprenda Git
Link: Aula de Git
Aprenda Git e utilize em todos seus projetos!!
Considerações finais
Quando for estudar lembre-se sempre de praticar muito tudo que estuda, crie seus próprios projetos e experimente, pesquise e tente implementar coisas novas, encontre e resolva problemas!
caso tenha alguma duvida ou precise de uma mãozinha, pode me chamar que ajudo no que for possível!