Plano de estudos: desenvolvimento web 🚀👩‍💻

E ai júnior, suave? Quer se tornar desenvolvedor sênior em 4 meses? Que legal, mas não vai rolar.

Objetivo

O objetivo desse plano de estudos #SejaUmBomJunior é você mergulhar de cabeça na base do desenvolvimento web, um passo antes do hype dos frameworks e linguagens de programação novinhas.

Como uma pessoa que quis pular essa etapa inicial da vida de júnior e agora vem apanhando muito decidi criar esse plano de estudos para me engajar e motivar a realmente criar uma base sólida de conhecimento em desenvolvimento web (isso fará muita diferença no seu dia-a-dia, vai por mim).

E sabe aquela coisa de "se torne programador em 1 mês" bom, vamos com calma. Foco no feijão com arroz, isso será benéfico para seu inicio de carreira e sua saúde mental.

🚀Me acompanhe nessa jornada, e se você sentir vontade siga esse plano de estudos também, não tem data para você começar.

Cronograma

Esse plano de estudos irá durar 4 meses, parece muito tempo mas é só moscar que o tempo passa sem você perceber.

Mês 01

O primeiro mês da imersão será focado em desenvolvimento front-end 💖

O conteúdo para ser estudado:

• [x] HTML5 e benefícios de uma estrutura semântica
• [ ] CSS3 (flexbox, grid e etc)
• [ ] Javascript (foco em ES6+)
• [x] Acessibilidade na web

Mês 02

O segundo mês da imersão será focado em desenvolvimento back-end 😤

O conteúdo para ser estudado:

• [ ] POO - Programação Orientada a Objetos
• [ ] Banco de dados (vou focar em banco de dados relacional MySQL)
• [ ] Java

Mês 03

O terceiro mês da imersão será focado em DevOps. Pois, é um assunto que veio como um soco na minha cara e ter uma base sobre a metodologia e as ferramentas utilizadas será de suma importância para você não ser pego de surpresa ⚙️

O Conteúdo para ser estudado:

• [ ] O que é DevOps?
• [ ] Linux
• [ ] Docker
• [ ] Introdução sobre AWS

Mês 4

O último mês da imersão será focado na elaboração de um "grande" projeto para amarrar todo o conhecimento adquirido nesse período.

Requisitos do projeto:

• [ ] Realização de um front-end para a aplicação
• [ ] Realização de um back-end para a aplicação
• [ ] Realização de controle de versão do projeto, PROIBIDO COMMITAR NA MASTER DIRETO
• [ ] Realização do deploy da aplicação

Ao concluir essa imersão você junin terá conceitos bem mais consolidados e terá praticado bastante, e você que começou agora irá adquirir uma bela noção do ciclo de desenvolvimento de uma aplicação web. Mas, isso é a base e um pontapé, seguir na carreira de tecnologia é assinar um pacto de estudar a vida toda 👿. A partir desse ponto você pode escolher no que irá focar e se especializar.

Conteúdo de estudo do primeiro mês

Semana um:

O tema da primeira semana será HTML5 e CSS3, o foco é melhorar as minhas estruturas dos sites e deixá-las mais semânticas e com CSS utilizar menos gambiarras para atingir os resultados que eu quero, montar uma folha de estilos mais organizada e explorar mais as funcionalidades do CSS3.

Para isso será necessário realizar a leitura da documentação (eu sei, eu sei, não é muito interativo mas vai por mim a documentação será sua melhor amiga e te dará mais base para pesquisas futuras).

Material de estudo:

• HTML5
  • [x] Leitura da documentação sobre os elementos HTML: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element
• CSS
  • [x] Leitura sobre CSS (esse site é MARAVILHOSO): https://css-tricks.com/

Desafios:

Para os dias de prática dessa semana teremos dois desafios:

• [x] Para dar uma aquecida nos dedinhos: https://www.devchallenge.com.br/challenges/5f14fad2130a5d78f89d9642/details

O site DevChallenge fornece todas as instruções para que possamos realizar os desafios 🥰

Bom, você pode estar pensando que é pouco tempo para estudar HTML e CSS, mas não se preocupa porque iremos usá-los daqui em diante para fazer o front-end de todos os projetinhos. Então, você irá praticar bastante e essa semana servirá mais para aprimorar (ou conhecer) seus conhecimentos sobre o assunto.

🚀 Extra: Caso você esteja começando do zero creio que só a leitura da documentação apesar de muito importante não será suficiente. Então, o Guanabara lançou um curso atualizado sobre HTML5 e CSS3, para conferir é só clicar aqui:https://www.youtube.com/watch?v=Ejkb_YpuHWs&list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n

Semana dois:

O objetivo da semana dois será conhecer as diretrizes de acessibilidade e começar a colocar javascript nas nossas páginas estáticas e torná-las interativas hehehe.

Material de estudo:

• Acessibilidade
  • [x] Diretrizes de acessibilidade para conteúdo web: https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/
  • [x] Guia WCAG (consulta rápida): https://guia-wcag.com/
• JavaScript
  • [x] Guia JavaScript: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide

Desafios:

Para você praticar:

• [x] WiseGoat, gerador de conselhos e imagens de bodes: : https://www.devchallenge.com.br/challenges/5f14f8d5130a5d78f89d9640/details

  Vai pedir um conselho para o bodezinho: https://wisegoatconselhos.vercel.app/
  

Semana três:

Bom, na última semana deu para dar aquela lida básica no guia do JS e fazer alguns mini projetinhos. Então, essa semana o foco será totalmente em JS hehehe, iremos utilizar bastante HTML e CSS também mas o foco e deixar suas páginas dinâmicas agora.

Material de estudo:

• JavaScript (vídeo aulas)
• [x] Curso do anjo vulgo Guanabara: https://www.youtube.com/playlist?list=PLHz_AreHm4dlsK3Nr9GVvXCbpQyHQl1o1

Desafios:

Para você praticar:

• [ ] Music Library Page: https://www.devchallenge.com.br/detail/5eeed967c2cfb17d361a5a60

🚀 Extra: Para mergulhar ainda mais no JS a Rocketseat tem alguns conteúdos gratuitos:

JavaScript: https://app.rocketseat.com.br/node/curso-java-script

ES6: https://app.rocketseat.com.br/node/curso-java-script-es-6

Se você quiser também vale a pena fazer o cursinho de node (back-end), é só clicar aqui: https://app.rocketseat.com.br/node/curso-node-js

Conteúdo de estudo do segundo mês

PS: não será necessário criar um front para os projetos desse mês.

Semana um:

O foco da semana será no javão da massa. Iremos praticar alguns exercícios e fixar alguns conceitos, por enquanto sem estudar OO.

Overview sobre a linguagem caso seja seu primeiro contato: https://rockcontent.com/br/blog/o-que-e-java/

Material de estudo:

• Java
  • [ ] Curso da Loiane sobre java básico (Essa semana iremos só até o módulo 6, pois os próximos são sobre OO): https://loiane.training/curso/java-basico

Desafios:

Para você praticar teremos oito desafios:

• [ ] URI 1005: https://www.urionlinejudge.com.br/judge/pt/problems/view/1005
• [ ] URI 1006: https://www.urionlinejudge.com.br/judge/pt/problems/view/1006
• [ ] URI 1008: https://www.urionlinejudge.com.br/judge/pt/problems/view/1008
• [ ] URI 1009: https://www.urionlinejudge.com.br/judge/pt/problems/view/1009
• [ ] URI 1010: https://www.urionlinejudge.com.br/judge/pt/problems/view/1010
• [ ] URI 1014: https://www.urionlinejudge.com.br/judge/pt/problems/view/1014
• [ ] URI 1035: https://www.urionlinejudge.com.br/judge/pt/problems/view/1035
• [ ] URI 1020: https://www.urionlinejudge.com.br/judge/pt/problems/view/1020

PS: Crie sua conta no URI e envie sua resolução, e o site dirá se aceita ou não sua resposta.

Semana dois:

E ai, foi amor ou terror a primeira (ou a segunda rs) vista por java? Bom, essa semana iremos estudar a tão falada Orientação a Objetos.

Material de estudo:

• Java
  • [ ] Para começar a semana no pique da felicidade bora ler um artigo da Alura sobre programação orientada a objetos: https://www.alura.com.br/artigos/poo-programacao-orientada-a-objetos
  • [ ] Segunda parte do curso da Loiane, vamos continuar de onde paramos, o módulo será o: Orientação a Objetos e Java: https://loiane.training/curso/java-basico

Desafios:

Para você praticar teremos oito desafios:

• [ ] URI 1038: https://www.urionlinejudge.com.br/judge/pt/problems/view/1038
• [ ] URI 1040: https://www.urionlinejudge.com.br/judge/pt/problems/view/1040
• [ ] URI 1041: https://www.urionlinejudge.com.br/judge/pt/problems/view/1041
• [ ] URI 1042: https://www.urionlinejudge.com.br/judge/pt/problems/view/1042
• [ ] URI 1052: https://www.urionlinejudge.com.br/judge/pt/problems/view/1052
• [ ] URI 1048: https://www.urionlinejudge.com.br/judge/pt/problems/view/1048
• [ ] URI 1078: https://www.urionlinejudge.com.br/judge/pt/problems/view/1078
• [ ] URI 1176: https://www.urionlinejudge.com.br/judge/pt/problems/view/1176

PS: Criei sua conta no URI e enviei sua resolução, e o site dirá se aceita ou não sua resposta.

Semana três:

Essa semana vamos elevar um pouquinho mais o nível e começar na trilha de java intermediário.

• Java
  • [ ] Curso da Loiane, Java Intermediário: https://loiane.training/curso/java-intermediario

Desafios:

Para os dias de prática dessa semana teremos oito desafios:

• [ ] URI 1789: https://www.urionlinejudge.com.br/judge/pt/problems/view/1789
• [ ] URI 1848: https://www.urionlinejudge.com.br/judge/pt/problems/view/1848
• [ ] URI 1929: https://www.urionlinejudge.com.br/judge/pt/problems/view/1929
• [ ] URI 2143: https://www.urionlinejudge.com.br/judge/pt/problems/view/2143
• [ ] URI 2334: https://www.urionlinejudge.com.br/judge/pt/problems/view/2334
• [ ] URI 2533: https://www.urionlinejudge.com.br/judge/pt/problems/view/2533
• [ ] URI 2554: https://www.urionlinejudge.com.br/judge/pt/problems/view/2554
• [ ] URI 2670: https://www.urionlinejudge.com.br/judge/pt/problems/view/2670

PS: Crie sua conta no URI e envie sua resolução, e o site dirá se aceita ou não sua resposta.

Semana quatro:

Sabe aquele papo que dados valem ouro? Pois é, o foco dessa semana será banco de dados \o/.

Irei focar em estudar o banco de dados relacional MySQL, e para que essa imersão seja acessível para todes, bora de mais cursos grátis.

Material de estudos:

• Banco de dados MySQL
  • [ ] Banco de dados MySQL, mais um cursinho do Guana-anjo: https://www.youtube.com/watch?v=Ofktsne-utM&list=PLHz_AreHm4dkBs-795Dsgvau_ekxg8g1r

Desafios: Siga os desafios propostos no curso.

Conteúdo de estudo do terceiro mês

Parece que não, mas o tempo voa cara! :o

O terceiro mês da imersão será focado em uma introdução ao fantástico mundo do DevOps. Bom, DevOps é um assunto que dá MUITO pano pra manga galera, então não se desespere. Vamos começar com uma introdução e um pézinho em DevOps é o que te fará buscar conhecer mais afundo o assunto. Então, bora ver o que estudaremos essas semanas:

Semana um:

Material de estudos:

• DevOps
  • [ ] Dicionário do programador: https://www.youtube.com/watch?v=iwf6kcvxeD4
  • [ ] Conteúdo em texto: https://gaea.com.br/o-que-e-devops-conceito/
• Linux
  • [ ] O terminal será um belo amigo nessa jornada, curso do Guanabara sobre Linux: https://www.youtube.com/watch?v=6nN2EglOqCM&list=PLHz_AreHm4dlIXleu20uwPWFOSswqLYbV

Semana dois: Essa semana será exclusivamente para conhecermos o docker e praticar um pouquinho.

Material de estudos:

• Docker
  • [ ] Vamos começar com um vídeo introdutório e prático para dar aquela animada: https://www.youtube.com/watch?v=Kzcz-EVKBEQ&t=796s
  • [ ] Docker e Docker Compose: https://www.youtube.com/watch?v=yb2udL9GG2U&t=23s
  • [ ] Cursinho sobre docker: https://www.youtube.com/watch?v=c2y_yz9B6_M&list=PLg7nVxv7fa6dxsV1ftKI8FAm4YD6iZuI4
  • [ ] E não podia faltar, documentação: https://docs.docker.com/

Semanas três e quatro:

E chegou o assunto da vez, AWS, irei dedicar duas semanas em cima desse assunto pois AWS é um mundo basicamente (chegou a hora de gastar no inglês parça, mas não se desespere o translate é sempre um amigo nessas horas).

Material de estudo:

• AWS
  • [ ] Introdução sobre AWS: https://www.youtube.com/watch?v=S5xF09-wkJw
  • [ ] Curso oferecido pela AWS - AWS Cloud Practitioner Essentials: https://www.aws.training/Details/Curriculum?id=27076
  • [ ] Tutorial de deploy com AWS: https://www.youtube.com/watch?v=U3VSJhaC4kc
  • [ ] Documentação: https://docs.aws.amazon.com/

☁️💻 Repositório com resumos sobre AWS e seus componentes (vou atualizando a medida que vou estudando): https://github.com/lauraol/cabeca-nas-nuvens

Quarto mês - projeto final

E chegamos, último mês! Recapitulando os requisitos do projeto:

Requisitos do projeto:

• [ ] Realização de um front-end para a aplicação
• [ ] Realização de um back-end para a aplicação
• [ ] Realização de controle de versão do projeto, PROIBIDO COMMITAR NA MASTER DIRETO
• [ ] Realização do deploy da aplicação

Detalhes da aplicação:

Bom, você conhece o trello? Ou algum outro app de to do list? Ótimo, pois nessa aplicação será um to do list. Iremos seguir as especificações descritas aqui: https://github.com/florinpop17/app-ideas/blob/master/Projects/2-Intermediate/To-Do-App.md e além disso, a nossa aplicação também deverá ter:

• [ ] Cadastro
• [ ] Login/Logout
• [ ] Perfil do usuário
• [ ] Opção de editar perfil do usuário
• [ ] 4 campos: Backlog, To Do, Doing e Done
• [ ] Os cards deverão se mover de uma lista para a outra
• [ ] Os dados devem ficar salvo no banco

O design da aplicação fica a gosto do freguês, então pode colocar toda a sua criatividade para fora.

Com essa aplicação conseguiremos aplicar bastante todo o conhecimento visto durante a imersão, desde a manipulação de arrays até a persistência de dados em memória e deploy. Então, se joga e bora codar.

Tendo completado os temas acima, podemos avançar mais um passo e começar a usar alguns frameworks.