🖥️ Links para todo front-end

Este repositório reúne uma coleção de links para desenvolvedores front-end, incluindo links para cursos, repositórios, ferramentas e mais.

✍️ Cursos

• Rocketseat - Discover
• Freecodecamp
• Curso Em Video
• Digital Innovation One
• REACT - Professor Edu P Sousa - IFSP
• Studio Code
• Origamid
• W3Schools

🚀 Desafios front

• Codewell
• Frontendmentor
• Css Battle
• Dev Challenges
• JavaScript 30
• Awesome JavaScript Projects
• 30 Seconds of Code
• ReactChallenges
• React Goals
• React.js Challenges
• React Bootcamp
• React Practical Projects
• React Testing Library
• Wes Bos' React Projects
• Project Euler
• CSS Diner
• Flexbox Froggy
• Grid Garden
• JavaScript30

🔮 Sites para treinar lógica de programação

• Beecrowd
• FreeCodeCamp
• Codewars
• Codepen Challenges
• HackerRank
• LeetCode

🖊️ Editores de código online

• CodePen
• JSFiddle
• JS Bin
• CodeSandbox
• StackBlitz

🖥️ UX/UI Design - Estudos e melhores práticas

• Checklist Design
• Laws of UX
• Modularscale
• Type Scale
• Ui Patterns
• Deceptive Design
• Material Design

📝 Acessibilidade e desempenho

• Who Can Use
• Can I use
• Colorable
• Google Lighthouse
• WAVE Web Accessibility Evaluation Tool
• A11Y Project
• Deque Systems aXe
• WebAIM Contrast Checker

📸 Compressores de imagens

• TinyPNG
• Compressor.io

📈 Mapas mentais, wireframes e sitemap

• Wireframe.cc
• Octopus.do
• Whimsical

📢 Geradores de código CSS

• UI.Glass
• Hype4 Academy Glassmorphism Generator
• Blobmaker
• Get Waves
• Flexbox Malven
• Neumorphism.io
• 9 Elements Fancy Border Radius
• Button Generator
• Gradient Buttons Colorion

🎆 Animações CSS

• Animate.css
• AOS - Animate on Scroll Library
• Magic Animations
• LottieFiles
• Anime.js
• Three.js
• GSAP - GreenSock Animation Platform
• P5.js
• Popmotion
• Vivus.js
• Bounce.js
• Dynamics.js
• Mo.js
• SVG.js
• Velocity.js
• Snap.svg
• TweenMax
• ScrollTrigger
• Particles.js
• Keyframes.app
• Image Hover
• Use Animations
• Hover.css
• Magic Animations

👩‍💻 Javascript

Lista com links de livros, tutoriais e outros repositórios sobre a linguagem.

📁 Vagas e entrevistas

• JavaScript Questions
• Vagas de Front-End

📕 Livros sobre javascript e programação

Em português:

• Livro do JavaScript
• Desvendando a Web
• Introdução à Programação com JavaScript
• Guia JavaScript
• JavaScript na Prática
• Manual do JavaScript Moderno
• Curso JavaScript
• Vue.js Guia Prático
• React na Prática
• React.js Guia Prático

Em Inglês:

• Eloquent JavaScript
• You Don't Know JS
• Clean Code JavaScript
• FreeCodeCamp Guide
• JSbooks - Open Source Books
• The Algorithm Design Manual
• Awesome Algorithms
• Open Data Structures
• Design Patterns for Humans
• System Design Primer
• MDN Web Docs - JavaScript
• JavaScript Info
• WTFJS
• Node Best Practices
• Airbnb JavaScript Style Guide
• Awesome JavaScript
• JavaScript Algorithms

🎨 Úteis - Materiais para Design

Banco de imagens para utilizar em seus projetos, ícones, paleta de cores e outros elementos de design.

🧵 Icones

• Font Awesome
• Feather Icons
• Modulz Icons
• Google Icons
• CSS.GG
• Flaticon
• Tabler Icons
• Icon Bros
• Streamline Icons
• Ikonate

📷 Imagens

• Gratisography
• Unsplash
• Pexels
• Foodies Feed
• Pixabay
• Kaboom Pics
• Pxhere
• Shopify
• Stocksnap

🃏 Ilustrações e vetores

• Icons8
• The Noun Project
• Openclipart
• SvgRepo
• FreePik
• Reshot
• Iconfinder

⌨️ Editores online

• Figma
• Veed Video Editor
• Canva
• Remove.bg

💡 Inspirações

• Muz.li Search
• Behance
• Call to Idea
• Dribbble
• Design Notes
• NavNav
• Land Book
• Land Book

💅 Gradientes

• CSS Gradient
• Web Gradients
• Awwwards

🎨 Paleta de cores

• Coolors.co
• Adobe Color
• My Color Space
• Color Hub
• Shadowlord
• Scheme Color
• Happy Hues

👑 Mockups

• Mockuuups Studio
• Smartmockups
• MockUphone
• Shotsnapp
• Screely
• Cleanmock
• LS Graphics

💄 Plugins Figma

• LottieFiles
• Similayer
• Typescales
• Breakpoints
• Figit - A massive library of UI Elements
• Overlay (Figma components to React, Vue, HTML)
• Stark
• UI Faces
• Data Populator
• Figma To Code
• UI Faces
• Stick to Top
• UI Gradients
• Duotone
• Content Reel
• Blush
• Storyset by Freepik
• Typeout
• Redlines
• Pixel Perfect
• Shadow Picker
• A11y Color Contrast Checker
• Brandfetch
• Iconify
• Unsplash
• Blobs
• Mapsicle
• Stark
• Autoflow
• Isometric
• Figma 3D by Vectary
• Calendar - Auto Layout
• Memoji

👩‍💻

Flavia Braz