Meu Guia de estudos (javascript)
Sempre que alguém me pergunta como começar a estudar programação me vem uma série de perguntas
O que tu já sabe?
Sabe a área que tu quer seguir?
Sabe quais áreas tem dentro de programação?
Já criou uma base sólida do básico?
Todas essas perguntas (e muitas outras) são essenciais pra começar a criar uma lista do que estudar
Maaaas...
Acredito que uma pessoa que se interessou a te fazer essa pergunta e mostra interesse no assunto, pode ser uma oportunidade de tu apresentar a ela a nova carreira e fazer essa de uma forma menos penosa
Então...
Vou começar me apresentando rápidamente.
Me chamo Guilherme, começei no meu primeiro emprego como dev em 2019 e sou desenvolvedor full-stack pleno, com foco em desenvolvimento front-end (2020). Posso contar mais sobre mim em outro post, o foco aqui é em novos devs.
Acredito que o que vou passar aqui pode servir pra qualquer um em início de carreira (dev JS), então vamos lá
O que eu acho que seria o ideal pra tu estudar
Vou dividir esse post por tema e uns locais que tu pode aprender (pagos e gratuitos).
Por favor, leiam até o final e não usem isso como a única verdade absoluta, tem um monte de conteúdo na internet e provavelmente muita gente que mandariam outros links
Um abraço e bons estudos
Obs.: Não ouve qualquer patrocínio dos cursos pagos aqui listados os coloquei por gostar bastante da plaaforma e metodos de ensino. Vale procurar por outros reviews antes de tomarem a decisão de compra-los, não me responsabilizo por nada.
A Base
HTML5/CSS3, semântica e acessibilidade
Curso em vídeo - HTML5 - gratuito
Alura - pago
Metodologias CSS (BEM, RSCSS, ITCSS)
Post Maujor - Metodologia BEM - gratuito
Post William Justen - Falando sobre RSCSS - gratuito
Post William Justen - Organizando seu CSS com ITCSS- gratuito
Lógica de programação/Algoritmos
Curso em vídeo - Algoritmo - gratuito
Alura - Lógica de programação - pago
JavaScript
Alura - Javascript - pago
Curso em vídeo - Javascript - gratuito
Programador a bordo - playlist JS conceitos básicos - gratuito
Canal Roger Melo - focado em JS puro - gratuito
Documentação oficial da Mozilla - gratuito
Git/GitHub
Curso em vídeo - Git/Github - gratuito
Rocketseat - Git/Github - gratuito
Professor José de Assis - Curso GIT e GITHUB - gratuito
Alura - controle de versão - pago
Alura - Estratégias de ramificação, Conflitos e Pull Requests - pago
Frameworks e ferramentas
Agora vamos partir pros frameworks, mas atenção não é porque tem esse monte de conteúdo aí em cima que tu só pode iniciar um framework quando finalizar eles, programação é um estudo constante e nunca deixe de estudar a base.
Vamos lá!
Existem muitos frameworks e libs no mercado e eu vou apresentar alguns
- Front-end: ReactJS, VueJS, Angular
- Back-end: ExpressJS, AdonisJS
Esse é um assunto bem vasto e eu quero aprofundar em alguns posts específicos daqui pra frente, por isso eu vou deixar alguns conteúdos de consulta e início da sua busca por mais conhecimento (até alguma libs úteis de React no final)
Pra começar... documentações oficiais
Sério, nunca subestime a doc oficial de uma lib/framework
Afinal de contas, ela é a oficial e foi criada pela galera que criou a parada. Você verá que apenas linkando a documentação oficial já terá uma enorme quantidade de conteúdo para estudo.
Irei listar as docs oficiais e logo abaixo uma série de criadores de conteúdo que falam sobre eles e outros assuntos.
JavaScript
- É runtime que permite executar JS fora de um navegador web. (a grosso modo)
- Um superset que adiciona tipagem ao JavaScript, é extremamente poderoso e torna suas aplicações ainda mais escaláveis, merece estar no seu radar.
Gerenciadores de pacotes
- Gerenciadores de pacotes nos permitem adicionar novas dependencias ao nosso projeto que já foram criadas por outros devs e nos poupam muito tempo, além disso, elas gerenciam as versões dos pacotes para que atendam as mais diversas libs que utilizem diversas versões
Front-end
- Uma das maiores(se não a maior) bibliotecas para criação de SPA(single page aplication[en]/aplicação de página única[ptBR]) e desenvolvimento front-end.
- Framework JavaScript mais recente a ganhar fama e ser amplamente utilizado pelo mercado de desenvolvimento front-end.
- Um dos maiores e mais completos Frameworks para desenvolvimento front-end do mercado, já está a muitos anos sendo usado e está bem consolidado na sua proposta.
- Lib para adicionar superpoderes ao CSS (sloghan deles mesmos haha), resolve alguns problemas antigos do CSS puro e melhora a sintaxe.
- Lib pra te ajudar a unir os poderes de CSS e JS, conhecido por CSS-in-JS.
Back-end
- Framework back-end em Node leve e simples de ser usado.
- Framework back-end com mais 'opinião' e que lhe tras mais ferramentas e confiabilidade em seus projetos.
- ORM são ferramentas que auxiliam noi tratamento e gerenciamento de SQL aos bancos de dados
- É uma plataforma open-source cuja finalidade é criar ambientes isolados para aplicações e serviços
Patterns ou princípios
Padrões e princípios são muito antigos em programação e são as coisas que menos mudam. Existem muitos padrões na área de programação (muitos mesmo)
Vou adicionar aqui alguns que eu gosto bastante e que me ajudam muito a resolver problemas e escolher soluções no dia-a-dia
S.O.L.I.D - wikipedia
Factory - wikipedia
- [Factory Method](https://refactoring.guru/pt-br/design-patterns/factory-method}
KISS - wikipedia
DRY - wikipedia
Teste! Teste tudo, TU-DO!
Existem vááárias libs de testes, mas vou deixar duas muito difundidas e uma delas com um canal focado e completíssimo
Dicas:
Seguir alguns blogs
william Justen, William Oliveira, Felipe Fialho, Gabs Ferreira
Acompanhar devs pela Twitch
Quem sabe eu não serei o próximo rsrs
Marco Bruno, Código Falado, Glaucia Lemos, Toramaru08
Acompanhar devs pelo YouTube
Alura, BrazilJS, CollabCode, Codigo Fonte TV, Dev Ed (en), DevPleno, AkitaOnRails, FilipeDeschamps, Glaucia Lemos, Google Webmasters (en), Programador a Bordo, ProgramadorBR, Rocketseat, Training Center
Github! Nele tu pode ver os projetos opensource das pessoas e controlar as versões dos seus próprios, também serve como uma rede social
Nesse link tu já consegue ver muitos livros gratuitos: Free programming books pt_BR
Nesse link tem guia de outra pessoa que ta bem legal e é gratuito: Carreira front-end o guia
Esse também é legal: Guia de estudos desenvolvedor front-end iniciante
E esse: Do zero a heroi do front-end parte 1
E esse: Do zero a heroi do front-end parte 2
Esse também: Guia front-end
Esse roadmap também é bem daora: front-end
Pra finalizar, tem uns livros que eu comprei e gostei bastante, tu pode achar eles aqui
https://www.casadocodigo.com.br
O universo da programação: Um guia de carreira em desenvolvimento de software
Conselhos que eu gostaria de ter recebido no início da carreira
Finalizando
Muitos dos conteúdos que eu reuní durante o passar dos tempos foi de front-end, pois esse é meu foco, mas acredito que tenha deixado bons conceitos e bases para qualquer um que queria iniciar no desenvolvimento web
Um abraço
Críticas construtivas são muitíssimo bem vindas e adições serão mais ainda
I'm sorry about my Portuguese
Flws!
Top comments (1)
Parabéns pelo post, ótimas dicas.