Boa tarde, @João Pedro Amorim Magalhães! Tudo beleza?
Sou formado em Ciência da Computação pela UFRJ e estou terminando o mestrado em IA pelo PESC. Creio que posso te dar algum direcionamento.
Pelo que você descreveu, a área de TI mais alinhada aos seus objetivos é o desenvolvimento web.
O caminho mais lógico seria começar pelo front-end, aprender posteriormente o back-end e, com o tempo, tornar-se um desenvolvedor full stack.
Explicando de maneira simples:
Front-end é a parte visual do site: textos, imagens, cores, menus, botões e formulários.
Back-end é o que funciona por trás: cadastro de usuários, login, banco de dados, pagamentos, cálculos e regras do sistema.
Full stack é quem consegue trabalhar com as duas partes.
No seu caso, aprender desenvolvimento web permitiria criar:
seu site e portfólio profissional;
sistemas para, por exemplo, nutricionistas;
ferramentas de acompanhamento;
calculadoras e organizadores;
futuramente, um SaaS;
integrações com WhatsApp e inteligência artificial.
Sobre precisar ser bom em matemática
Para desenvolvimento web, você não precisa ser excelente em matemática.
Você precisará principalmente de raciocínio lógico, prática, paciência para encontrar erros e capacidade de dividir um problema grande em problemas menores.
Naturalmente, você usará alguns cálculos no desenvolvimento dos seus projetos, ainda mais por serem relacionados à Nutrição. Porém, não precisa dominar cálculo avançado, álgebra complexa ou outras áreas mais pesadas da matemática para criar sites e sistemas.
Matemática avançada costuma ser mais importante em determinadas áreas, como aprendizado de máquina, computação gráfica, criptografia, estatística e simulações.
Início da trilha de estudos
Eu seguiria esta ordem::
1. Lógica de programação
Nesse primeiro momento, você aprenderá variáveis, condições, repetições, operadores, funções e como transformar um problema em uma sequência de instruções. É uma playlist criada especificamente para quem está começando do absoluto zero. É um pouco antigo mas esse eu sei que é de qualidade.
2. Desenvolvimento front-end com HTML e CSS
Depois, continue pelos demais módulos do curso no canal.
O HTML será responsável pela estrutura e pelo conteúdo da página. O CSS será usado para definir cores, fontes, tamanhos, posicionamento e aparência. O curso possui exercícios, desafios e material de apoio e foi organizado para pessoas sem experiência anterior.
Ao terminar essa etapa, eu já tentaria criar a primeira versão do seu portfólio, mesmo que ela seja simples. Você poderia incluir sua apresentação, sua formação, seus certificados, seus interesses e uma forma de contato.
Não espere aprender tudo para começar um projeto. O projeto também faz parte do aprendizado.
3. Git e GitHub
Curso: Curso gratuito de Git e GitHub — Tiago Matos
Depois de aprender HTML e CSS, eu estudaria Git e GitHub. O Git é uma ferramenta de controle de versão, utilizada para registrar as alterações feitas nos arquivos de um projeto ao longo do tempo. Com ele, você poderá acompanhar a evolução do seu código, comparar modificações e recuperar versões anteriores caso alguma coisa dê errado.
O GitHub é uma plataforma na qual você poderá armazenar seus projetos, compartilhar seu código e começar a construir seu portfólio como desenvolvedor. Conceitos como repositórios, commits e branches farão parte da sua rotina durante os próximos projetos da trilha.
A partir dessa etapa, eu recomendaria que você utilizasse Git e GitHub em todos os projetos seguintes, inclusive durante os estudos de JavaScript, React e Node.js. Além de proteger e organizar o seu trabalho, isso fará com que você construa gradualmente um histórico público dos projetos desenvolvidos durante seu aprendizado.
4. Programação com JavaScript
O JavaScript fará o site deixar de ser apenas uma página estática. Com ele, você poderá criar botões funcionais, validação de formulários, cálculos, interações e atualizações de conteúdo.
Escolhi essa linguagem porque ela pode ser utilizada tanto no navegador quanto, posteriormente, no back-end com Node.js. A playlist é voltada para iniciantes e aborda os fundamentos necessários antes de avançar para outras tecnologias.
Aqui você poderia criar projetos pequenos, como um catálogo de alimentos, um formulário, um organizador de receitas ou uma ferramenta educacional de consulta nutricional.
5. Front-end moderno com React
Curso: Curso de React para Completos Iniciantes — Felipe Rocha
Só começaria React depois de entender razoavelmente HTML, CSS e JavaScript.
React é uma biblioteca para criar interfaces divididas em componentes reutilizáveis, sendo útil para aplicações maiores e sistemas que possuem várias telas e informações que mudam constantemente. A própria documentação oficial recomenda conhecer JavaScript e apresenta componentes, eventos, estados, listas e compartilhamento de dados como conceitos centrais.
O curso indicado possui centenas de milhares de visualizações e pertence a um canal focado em desenvolvimento web com React e Node.js.
6. Back-end com Node.js, APIs e banco de dados
Depois de aprender JavaScript, você poderá utilizar Node.js para executar JavaScript fora do navegador e criar a parte interna do sistema.
É aqui que você começará a entender servidor, rotas, requisições, APIs, autenticação e acesso ao banco de dados. A documentação oficial do Node.js também apresenta conteúdos sobre servidores HTTP, arquivos, programação assíncrona e aplicações web.
O curso indicado já ultrapassou 150 mil visualizações e registrava aproximadamente 7.900 curtidas nos dados encontrados na pesquisa.
Depois dele, recomendo este projeto complementar:
Uma API é justamente o que permitirá que o seu site, um aplicativo, o WhatsApp e um serviço de inteligência artificial troquem informações entre si. Esse projeto apresenta a criação do servidor, rotas e integração com banco de dados.
7. Integração com WhatsApp e inteligência artificial
Eu deixaria essa etapa para o final, depois de você compreender JavaScript, back-end, banco de dados e APIs.
O vídeo apresenta um agente utilizando automação e a API oficial da Meta. A plataforma oficial do WhatsApp permite enviar e receber mensagens programaticamente e utiliza webhooks para entregar as mensagens recebidas ao seu sistema.
Nesse ponto, você já entenderá que o agente não é apenas “uma inteligência artificial dentro do WhatsApp”. Na prática, haverá várias partes conectadas:
o usuário envia a mensagem pelo WhatsApp;
a API do WhatsApp envia a mensagem ao seu back-end;
o sistema interpreta o pedido;
consulta uma base de alimentos e nutrientes;
realiza os cálculos necessários;
pode utilizar uma API de inteligência artificial para interpretar ou organizar o texto;
envia a resposta novamente pelo WhatsApp.
O caminho completo ficaria assim
Lógica de programação → HTML e CSS →Git/GitHub→ JavaScript → React → Node.js → APIs e banco de dados → WhatsApp e inteligência artificial.
Eu escolheria JavaScript como linguagem principal porque você poderia utilizá-la no front-end, no back-end com Node.js e em diversas integrações. Isso evita que você precise aprender várias linguagens diferentes logo no começo.
Porém, mais importante do que assistir a muitos cursos é criar projetos. Depois de cada etapa, faça alguma coisa sozinho, mesmo que fique simples ou imperfeita.
Documentações confiáveis para consultar durante os estudos
Trilha de desenvolvimento web da MDN
Documentação oficial do React
Documentação oficial do Node.js
Documentação oficial da API do WhatsApp
Espero que ajude! Grande abraço!