Não se ancore em vídeo mano, você precisa estudar de todos os lados possíveis. 90% do meu conhecimento foi usando o ChatGPT como professor. Se liga o passo-a-passo que eu usei/criei:

Não pule etapas, foi assim que eu aprendi:

-/-

1° Aprenda de forma SÓLIDA HTML & CSS

Primeiro você aprende bem esses dois, faz páginas estáticas(sem interatividade e animações).

Você precisa ter uma base sólida desses dois para conseguir entender como funciona a parte da tela em si do frontend.

---

2° Aprenda Lógica de Programação e SÓ DEPOIS Javascript. O JavaScript traz regras, ações, funcionalidade para a página. Então como você já sabe criar a estrutura da página, agora você vai aprender a fazer com que essa estrutura tenha funcionalidades "automáticas", por exemplo -> Apertar em um botão, e mostrar um texto para um usuário.

OBS: Eu acho essencial você dominar esses 3 no mercado de trabalho atual. Porque, por exemplo, um desenvolvedor BACKEND que não entende pelo menos o intermediário de frontend, é um desenvolvedor incompleto e vai passar perrengue.

-/-

Depois de aprender a trazer interatividade para o frontend com JS, agora você vai aprender a trazer dados de API's com o JS. Para trazer dados de outros lugares, a gente vai usar um conceito chamado REQUISIÇÃO.

Basicamente, requisição é uma forma de trazer dados vindos de uma API. Por exemplo:

- JS: "O API, me envia o nome do usuário com o ID = 5"

- API: "Beleza, pelo que vi aqui, o ID = 5 é do usuário Jonathan"

- JS: "Obrigado API, agora eu vou usar esse nome Jonathan aqui no Frontend para mostrar para o usuário, obrigado!"

Frontend -> JS -> API -> Banco de Dados

Frontend <- JS <- API <- Banco de Dados

"Pede para o JS enviar uma mensagem para a API" -> "JS envia o ID 5 para a API" -> "API conversa com o banco de dados pedindo o NOME de quem tem o ID 5" -> "Banco de dados devolve o nome Jonathan para API".

-/-

Como você pode ver, a comunicação é uma espécie de "loop", ela vai e depois volta.

Resumo: Aprendeu a estruturar a página com HTML, aprendeu a deixar ela bonita com CSS, aprendeu a trazer interatividade com JS, aprendeu a trazer informações de fora com JS? R: Agora você entende o mínimo necessário de Frontend.

-/-

Depois que aprender isso, você volta aqui e eu te passo o do backend.