README.md

🚀 GUIA DE ESTUDOS

OBS. Em cada sessão os primeiros links são do Código Fonte TV, explicando cada tecnologia, bom para quem está iniciando e nunca teve contato com tecnologia.

DOCUMENTAÇÃO MDN (HTML, CSS, JS e etc)

→ https://developer.mozilla.org/en-US/

Roadmap

Guia para se tornar um Dev Front, Back, React

Frontend → https://roadmap.sh/frontend

Backend → https://roadmap.sh/backend

React → https://roadmap.sh/react

---

Plataformas com vários cursos

• Programa voltado para as MULHERES (Muito top essa iniciativa)

  → https://www.reprograma.com.br/index.html

• Programa para iniciantes (Rocketseat)

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

• Plataforma com vários artigos, videos, guias e etc (HTML, CSS, JS e muito mais)

  → https://css-tricks.com/

• Cursos com diversas linguagens (INGLÊS)

  → https://www.sololearn.com/

• WesBos alguns são gratuitos (INGLÊS)

  → https://wesbos.com/courses

• Lista com exercícios em várias linguagens (INGLÊS)

  → https://exercism.io/

• Vários Mini-Cursos (INGLÊS)

  → https://scrimba.com/allcourses?price=free

• Projeto parecido com a Hiring Coders (INGLÊS)

  → https://www.theodinproject.com/home

• Curso de HTML, CSS, JS, GIT, Python e SQL (INGLÊS)

  → https://bento.io/

• Um dos portais mais reconhecidos no Mundo Gratuito (INGLÊS)

  → https://www.freecodecamp.org/learn/

• Plataforma de Cursos e Bootcamps Gratuitos

  → https://digitalinnovation.one/

• Plataforma do Curso em Video (Formou muitos Devs)

  → https://www.cursoemvideo.com/

---

HTML & CSS

• HTML (Código Fonte TV)

  → https://www.youtube.com/watch?v=4dQtz1PpY9A

• CSS (Código Fonte TV)

  → https://www.youtube.com/watch?v=229xfk3EEM8

• Curso HTML e CSS (INGLÊS)

  → https://www.internetingishard.com/

• Curso B7 Web Gratuito

  → https://b7web.com.br/html5-e-css3-gratis/

• Comandos e Tags HTML

  → https://www.devmedia.com.br/comandos-e-tags-html5/23618

• Curso Gratuito de Flexbox (Origamid)

  → https://www.origamid.com/curso/css-flexbox/

• Guia de Flexbox e Grid Layout (Origamid)

  → https://origamid.com/projetos/flexbox-guia-completo/

  → https://www.origamid.com/projetos/css-grid-layout-guia-completo/

• Jogo para analisar suas habilidades com Flexbox

  → http://flexboxfroggy.com/

• Jogo para analisar suas habilidades com Grid Layout

  → https://cssgridgarden.com/

---

JS

• Canal do youtube com varios videos de JS - Roger Melo

  → https://www.youtube.com/c/RogerMelo/videos

• Listas de questões sobre JS

  → https://github.com/lydiahallie/javascript-questions/blob/master/pt-BR/README_pt_BR.md

• Algoritmos em JS

  → https://github.com/trekhleb/javascript-algorithms

• Do básico ao avançado (INGLÊS)

  → https://javascript.info/

• Livro Gratuito (You Dont Know JS) em português

  → https://github.com/cezaraugusto/You-Dont-Know-JS

• Livro Gratuito (EloquenteJS) em português

  → https://github.com/braziljs/eloquente-javascript

• Playlist Programador a Bordo (Tem outros temas bacanas)

  → https://www.youtube.com/watch?v=vrSEt5J4q2Y&list=PLbA-jMwv0cuWbas947cygrzfzHIc7esmp

• PLaylist Rodrigo Branas (Manja muito de JS)

  → https://www.youtube.com/watch?v=093dIOCNeIc&list=PLQCmSnNFVYnT1-oeDOSBnt164802rkegc

---

React

• React (Código Fonte TV)

  → https://www.youtube.com/watch?v=NhUr8cwDiiM

• Site Aprenda React

  → https://www.aprendareact.com.br/

• Ebook Gratuito React Hooks (Mateus Silva)

---

TypeScript

• TypeScript (Código Fonte TV)

  → https://www.youtube.com/watch?v=gmupEp468lY

• Curso do Willian Justen (Youtube)

  → https://www.youtube.com/watch?v=mRixno_uE2o&list=PLlAbYrWSYTiPanrzauGa7vMuve7_vnXG_

• Masterclass (Rocketseat)

  → https://www.youtube.com/watch?v=0mYq5LrQN1s

• Curso da Glaucia Lemos

  → https://www.youtube.com/watch?v=u7K1sdnCv5Y&list=PLb2HQ45KP0Wsk-p_0c6ImqBAEFEY-LU9H

---

NodeJS

• Node.JS (Código Fonte TV)

  → https://www.youtube.com/watch?v=vYekSMBCCiM

• Curso NodeJS (Erick Wendel)

  → https://erickwendel.teachable.com/p/node-js-para-iniciantes-nodebr

---

Git e Github

• Git e Github

  → https://www.youtube.com/watch?v=za5KWZ5pRag

  → https://www.youtube.com/watch?v=myQuetgSEsY

• Curso de Git e Github (Gratuito)

  → https://www.udemy.com/course/git-e-github-para-iniciantes/

• Dicionário do Programador falando um pouco sobre GITHUB

  → https://www.youtube.com/watch?v=myQuetgSEsY

• Listas com alguns dos comandos mais usados

  → https://wethefoss.github.io/Git-Commands/

• Github Guides

  → https://guides.github.com/

• Playlist no canal do Rodrigo Branas

  → https://www.youtube.com/playlist?list=PLQCmSnNFVYnRdgxOC_ufH58NxlmM6VYd1

• Como fazer um bom README para o Github (Rocketseat)

  → https://blog.rocketseat.com.br/como-fazer-um-bom-readme/

• Aulas oferecidas pela MICROSOFT

  → https://docs.microsoft.com/pt-br/learn/paths/intro-to-vc-git/

• Curso de 2 horas e meia (Bonieky Lacerda)

  → https://www.youtube.com/watch?v=OuOb1_qADBQ&t=8005s

---

Bônus

• Lista com algumas ideias para estudos

  → https://github.com/florinpop17/app-ideas

• Desafios de Frontend (INGLÊS)

  → https://www.frontendmentor.io/challenges

• Desafios de Frontend (Testes de empresas reais)

  → https://github.com/felipefialho/frontend-challenges

• Desafios de Backend (Testes de empresas reais)

  → https://github.com/CollabCodeTech/backend-challenges

• Desafios de Responsive Design, Frontend e Fullstack (INGLÊS)

  → https://devchallenges.io/