lauraol/seja-um-bom-junior lauraol/seja-um-bom-junior

  • Stars
    star
    246
  • Rank 164,726 (Top 4 %)
  • Language
    CSS
  • Created about 4 years ago
  • Updated about 3 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
lauraol/seja-um-bom-junior
github

lauraol

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Plano de estudos: desenvolvimento web 🚀👩‍💻

Eu depois de perceber que não ia virar sênior estudando três meses.

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 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 (em média) 3 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:

  • HTML5 e benefícios de uma estrutura semântica
  • CSS3 (flexbox, grid e etc)
  • Javascript (foco em ES6+)
  • 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 ú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

CSS3

Desafios:

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

  • Para dar uma aquecida nos dedinhos o primeiro desafio será fazer uma landing page para divulgar algum produto ou serviço.

Bom, você pode estar pensando que é pouco tempo para estudar HTML e CSS, mas não se preocupe 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 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

JavaScript

Desafios:

Para você praticar:

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)

Desafios:

Para você praticar:

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

https://app.rocketseat.com.br/discover

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:

Desafios:

Para você praticar teremos oito desafios:

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:

Desafios:

Para você praticar teremos oito desafios:

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.

Desafios:

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

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:

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:

último 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.

More Repositories

1

my-linktree

Linktree customizado criado para conseguir colocar todos os meus links de redes sociais em um só lugar.
CSS
23
star
2

cabeca-nas-nuvens

Repositório criado para registrar os meus estudos sobre AWS :)
8
star
3

crud-with-nodejs-and-express

Projetinho criado seguindo as aulas do módulo 03 de back-end da Blue EdTech. É um projetinho base para aprendizagem, fixação do modelo e notas por isso é todo comentado.
JavaScript
5
star
4

crud-codelab-C17-M3

JavaScript
4
star
5

looking-for-a-paw

HTML
2
star
6

looking-for-a-paw-server

JavaScript
2
star
7

gatsby-starter-default

CSS
1
star
8

revisao-html-css-C20

CSS
1
star
9

maratona-discover-devfinance

JavaScript
1
star
10

frontend-para-o-crud-codelab-C17-M3

1
star
11

revisao-modulo-2-blueedtech

HTML
1
star
12

lauraol

1
star
13

exemplo-deploy-express-render

JavaScript
1
star
14

rocketseat-ignite-reactjs

1
star
15

revisao-html-css-js-C20

1
star