Skip to content

Links úteis para desenvolvimento web, com foco em front-end

Notifications You must be signed in to change notification settings

milenayamamoto/links-uteis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 

Repository files navigation

Developer Roadmap:

O que estudar? Qual caminho seguir? Mapa completo de devs web (frontend, backend e devOps)

https://github.com/kamranahmedse/developer-roadmap

Desenvolvimento web roadmap


Qual tecnologias utilizar? Stacks das grandes empresas:

https://stackshare.io/

Stacks de empresas


Cursos Grátis:

[PT-BR] https://loiane.training/

[Inglês] https://www.theodinproject.com/

[Inglês] https://alison.com/

[Inglês] https://thegymnasium.com/

[Inglês com certificado] https://www.freecodecamp.org/

[Flexbox com gamificação] https://mastery.games/flexboxzombies/

[Flexbox com gamificação] https://flexboxfroggy.com/

[Flexbox com gamificação] http://www.flexboxdefense.com/

[Grid com gamificação] https://cssgridgarden.com/

[MIT - inglês] https://ocw.mit.edu/courses/intro-programming/


Se preparando para as vagas (entrevistas e exercícios)

[Perguntas Front-End] https://github.com/h5bp/Front-end-Developer-Interview-Questions

[Desafios Front-End] https://github.com/felipefialho/frontend-challenges

[Vários Links] https://github.com/gss-patricia/frontend-challenges

[Projetos Front-End] https://www.frontendmentor.io/

[Projetos Front-End] https://codier.io/

[Desafios com várias linguagens] https://www.codewars.com/

[Desafios com várias linguagens] https://edabit.com/

[Desafios com várias linguagens] https://www.hackerrank.com/

[Soluções Hacker Rank] https://github.com/RyanFehr/HackerRank

[Soluções Hacker Rank] https://github.com/RodneyShag/HackerRank_solutions

[Soluções Codility] https://gist.github.com/lalkmim/e04845eb9d1c5936622a


Portfólios de inspiração

https://portfolio.zxh.io/

https://jacekjeznach.com/wall/

http://www.rleonardi.com/interactive-resume/

[Referências de sites] https://www.csswinner.com/

[Referências de sites] https://www.awwwards.com/


Vagas BR

[Front-End] https://github.com/frontendbr/vagas/issues

[Back-End] https://github.com/backend-br/vagas

[UX] https://github.com/uxbrasil/vagas

[QA] https://github.com/qa-brasil/vagas


Utilitários

[Editor de códigos / Referência para códigos prontos] https://codepen.io/

[Animações CSS] https://animista.net/

[Gradientes CSS] https://uigradients.com/

[Neumorfism CSS] https://neumorphism.io/

[Glassmorfim CSS] https://glassmorphism.com/

[Tutoriais] https://tympanus.net/codrops/

[Logo Maker] https://logomakr.com/

[Melhores fontes] https://www.typewolf.com/google-fonts

[Pareamento de fontes] https://fontpair.co/

[Pareamento de fontes] https://fontjoy.com/

[Acessibilidade] https://www.getstark.co/

[Acessibilidade HTML5] https://www.html5accessibility.com/

[Autoridade Certificadora (AC) global] https://letsencrypt.org/pt-br/

[Tipagem de JSON] https://jvilk.com/MakeTypes/

[Formatos customizados de SVG] https://www.shapedivider.app/

[Teste de velocidade de sites] https://www.thinkwithgoogle.com/intl/pt-br/feature/testmysite/

[Inspirações de UI] https://codemyui.com/


Extensões para browser

[Medium Unlimited] https://github.com/manojVivek/medium-unlimited

[JSON Viewer] https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=pt-BR

[React DevTools] https://pt-br.reactjs.org/blog/2019/08/15/new-react-devtools.html

[Redux DevTools] https://github.com/reduxjs/redux-devtools

[Grid Ruler] https://chrome.google.com/webstore/detail/grid-ruler/joadogiaiabhmggdifljlpkclnpfncmj?hl=pt-BR

[Acessibilidade] https://chrome.google.com/webstore/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni


Ilustrações && Imagens && Ícones

[Ilustrações] https://undraw.co/

[Ilustrações] https://iconscout.com/paper-illustrations

[Ilustrações] https://icons8.com/illustrations

[Ilustrações] https://stubborn.fun/

[Ilustrações] https://www.humaaans.com/

[Ilustrações] https://www.drawkit.io/

[Ilustrações] https://stories.forpeople.studio/

[Ilustrações] https://absurd.design/

[Ilustrações] https://stories.freepik.com/

[Avatares] https://avataaars.com/

[Ícones] https://thenounproject.com/

[Imagens] https://unsplash.com/

[Imagens] https://pixabay.com/pt/


Design Systems

[O que é?] https://brasil.uxdesign.cc/entendendo-design-system-f375bbb6f704

[Repositório de design systems e bibliotecas de padrões] http://adele.uxpin.com/


Livros (em inglês)

[Atomic Design] https://github.com/bradfrost/atomic-design

[You Don't Know JS] https://github.com/cezaraugusto/You-Dont-Know-JS

[Eloquent] https://eloquentjavascript.net/

[Eloquent tradução PT-BR] https://github.com/braziljs/eloquente-javascript


Me adicionem no Linkedin:

LinkedIn https://www.linkedin.com/in/milenayamamoto/

About

Links úteis para desenvolvimento web, com foco em front-end

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published