Uma trilha de estudo 100% grátis para você aprender Angular
Um ponto altamente positivo dos dias de hoje é de que o conteúdo está cada vez mais democrático. Embora exista plataformas de ensino pagas muito boas, também tem muito conteúdo grátis por aí disponibilizado que, poxa, dá sim para aprender muuuuita coisa na internet sem gastar um tostão.
Vira e mexe alguém me dá um salve e pede uma recomendação de curso na Udemy ou Alura para começar a aprender Angular e adentrar nesse mundo do front-end. E eu sempre faço a mesma coisa: não indico nenhum curso e envio uma série de links para servir de trilha de estudo e parece que tem dado até certo.
Faço assim, pois foi assim que aprendi. Pesquisando muito na internet, assistindo muito vídeos no Youtube e vendo muito conteúdo em outros sites. Com o tempo, acabei montando essa trilha e sempre passo para quem pede. Sendo assim, resolvi compilar tudo e criar esse artigo para tentar ajudar alguém.
Bora ao conteúdo e pré-requisitos
É muito visível e claro a importância da tríade HTML, CSS e JavaScript para conseguir se desenvolver no framework Angular, portanto começaremos lá destes conteúdos.
Nessa trilha, terá muito conteúdo da Digital Innovation One, que sério — que trabalho incrível deles. Então por favor, crie sua conta lá para conseguir acessar os links dos cursos deles aqui disponibilizados. Parabéns aos envolvidos!
Além disso, também teremos bastante conteúdo da FreeCodeCamp, que é outra plataforma sensacional. Crie sua conta lá, também, por favor para conseguir acessar os links disponibilizados. Mais uma vez, parabéns também aos envolvidos!
Para acessar o conteúdo, basta nos clicar nos títulos para serem redirecionados ao link.
HTML e CSS
Design responsivo para a web (FreeCodeCamp)
Introdução a criação de websites com HTML5 e CSS3 (Digital Innovation One)
Construindo páginas para internet com Bootstrap (Digital Innovation One)
Desafio 1: Copiar a interface de alguma dessas opções — Spotify, Twitter ou Netflix
Desafio 2: Desenvolver seu currículo utilizando HTML e CSS (solte sua criatividade)
Sites para referência de documentação
Bônus
JavaScript
Algoritmos e estrutura de dados em JavaScript (FreeCodeCamp)
JavaScript ES6 essencial (Digital Innovation One)
Desenvolvimento avançado com JavaScript ES6 (Digital Innovation One)
Desafio 1: Criar uma calculadora com JS, HTML e CSS (faça uma bonitinha)
Desafio 2: Criar um conversor de moeda (Euro, Libra, Real e Dólar) (mais uma vez, pense no layout)
Sites para referência de documentação
Bônus
Angular
Agora começa a brincadeira…
Introdução ao Angular 8 (Digital Innovation One)
Desafio 1: Criar um aplicação que mostre a previsão do tempo de uma cidade informada, consumindo uma API de tempo/clima
Desafio 2: Faça uma interface para a API da Marvel, listando os heróis e permitindo a visualização de cada um também
Sites para referência de documentação
Bônus
Angular — Criando a Primeira aplicação (Medium)
Criando um app Angular 7 e consumindo uma API REST (Medium)
Git and GitHub Tutorial — Version Control for Beginners (FreeCodeCamp)
Considerações finais
Uma dica que sempre dou é: aproveite do Google! Não entendeu uma parada muito bem, tem uma dúvida, quer saber como faz uma coisa ou tem alguma curiosidade? Joga no Google! Com certeza você achará e aprenderá muito dessa forma também. Navegue na internet!
Pois bem, essa trilha tinha por objetivo te ajudar a iniciar nesse mundo do front-end. Acredito e espero que de fato esse objetivo tenha sido cumprido e tenha te ajudado em algo.
Muito obrigado por ter chegado até aqui, tamo junto! Se ajudou, manda pro coleguinha do lado que também quer aprender um pouquinho de Angular.
Se você curtiu, considere comprar um café como um sinal de agradecimento.
