GithubHelp home page GithubHelp logo

seja-um-bom-junior's Introduction

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.

seja-um-bom-junior's People

Contributors

lauraol avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.