Aprendizaje InteractivoPrincipiante
Flexbox Froggy
Juego interactivo para aprender CSS Flexbox posicionando ranas
flexboxfroggy.comDev Tools
Recursos para Devs
Una colección curada de herramientas, cursos, plataformas y referencias que recomiendo para quien está comenzando en desarrollo. Todo gratuito o con versión free.
80 recursos encontrados
Aprendizaje InteractivoPrincipiante
CSS Grid Garden
Juego para aprender CSS Grid cuidando un jardín virtual
cssgridgarden.comAprendizaje InteractivoPrincipiante
Frontend Mentor
Desafíos frontend con diseños profesionales para practicar
www.frontendmentor.ioAprendizaje InteractivoPrincipiante
DevChallenge
Desafíos de desarrollo en portugués brasileño
devchallenge.com.brAprendizaje InteractivoPrincipiante
Exercism JavaScript
Ejercicios prácticos de JavaScript con mentoría comunitaria
exercism.orgAprendizaje InteractivoPrincipiante
Frontend Practice
Recrea sitios web famosos reales y aprende practicando
www.frontendpractice.comAprendizaje InteractivoPrincipiante
App Ideas Collection
Lista de ideas de proyectos organizada por nivel de dificultad
github.comAprendizaje InteractivoPrincipiante
1-Line Layouts
10 layouts CSS modernos en una sola línea de código
1linelayouts.glitch.meAprendizaje InteractivoPrincipiante
CSS Diner
Juego interactivo para aprender selectores CSS resolviendo puzzles
flukeout.github.ioAprendizaje InteractivoPrincipiante
CodeCombat
Aprende Python y JavaScript jugando un RPG de aventura
codecombat.comAprendizaje InteractivoPrincipiante
Codédex
Viaje gamificado de programación con XP, insignias y mundos
www.codedex.ioAprendizaje InteractivoIntermedio
CodinGame
Resuelve desafíos de programación jugando y creando bots de IA
www.codingame.comAprendizaje InteractivoPrincipiante
Codepip
Juegos de desarrollo web para aprender HTML, CSS y JS
codepip.comAprendizaje InteractivoIntermedio
CheckiO
Desafíos de programación colaborativos con amigos en formato de juego
checkio.orgCursos GratuitosPrincipiante
Lógica de Programação — DevAprender
Curso completo de lógica de programación con Python
www.youtube.comCursos GratuitosPrincipiante
Lógica com Python — Curso em Vídeo
Playlist completa de lógica con Python por Gustavo Guanabara
www.youtube.comCursos GratuitosPrincipiante
Lógica com JS — Gustavo Neitzke
Playlist de lógica de programación usando JavaScript
www.youtube.comCursos GratuitosPrincipiante
Front-End Completo — Vida FullStack
Curso completo de front-end desde cero hasta avanzado
www.youtube.comCursos GratuitosPrincipiante
HTML5 e CSS3 — Matheus Battisti
Curso de HTML5 y CSS3 con proyectos prácticos
www.youtube.comCursos GratuitosPrincipiante
HTML e CSS — Curso em Vídeo
Curso completo de HTML y CSS por Gustavo Guanabara
www.youtube.comCursos GratuitosPrincipiante
HTML Completo — Programação Web
Playlist completa de HTML por el canal Programação Web
www.youtube.comCursos GratuitosPrincipiante
JavaScript — Matheus Battisti
Curso completo de JavaScript con proyectos prácticos
www.youtube.comCursos GratuitosPrincipiante
JavaScript Completo — DevAprender
Curso completo de JavaScript en un solo video
www.youtube.comCursos GratuitosIntermedio
JS Moderno — Willian Justen
JavaScript moderno con ES6+, más avanzado
www.youtube.comCursos GratuitosPrincipiante
Figma do Zero — Cursae
Curso gratuito de Figma: desde cero hasta el prototipo final
www.cursae.com.brCursos GratuitosPrincipiante
Imersão CSS — Alura
Inmersión gratuita de CSS por Alura para crear tu página personal
www.alura.com.brPlataformas de EstudioPrincipiante
SoloLearn
Plataforma gamificada para aprender a programar en el celular
www.sololearn.comPlataformas de EstudioPrincipiante
Mimo
App de aprendizaje de programación con lecciones cortas y prácticas
mimo.orgPlataformas de EstudioPrincipiante
FGV Online
Cursos gratuitos de la Fundación Getúlio Vargas con certificado
educacao-executiva.fgv.brPlataformas de EstudioPrincipiante
Fundação Bradesco
Escuela virtual con cursos gratuitos de tecnología y certificado
www.ev.org.brPlataformas de EstudioPrincipiante
DIO
Plataforma de educación tech con bootcamps y comunidad activa
www.dio.mePlataformas de EstudioPrincipiante
W3Schools
Tutoriales y referencias de HTML, CSS, JS y más
www.w3schools.comPlataformas de EstudioPrincipiante
JavaScript.info
Tutorial completo y moderno de JavaScript, de básico a avanzado
javascript.infoPlataformas de EstudioPrincipiante
Origamid — Guia Flexbox
Guía completa y visual de CSS Flexbox en portugués
www.origamid.comPlataformas de EstudioPrincipiante
Aprenda Mais (MEC)
Plataforma oficial del MEC con cursos gratuitos y certificado
aprendamais.mec.gov.brPlataformas de EstudioPrincipiante
Oracle ONE
Programa 100% gratuito con 700h+ de contenido y certificado Oracle
www.oracle.comPlataformas de EstudioPrincipiante
Rocketseat Discover
Ruta gratuita de Rocketseat para comenzar en programación
www.rocketseat.com.brPlataformas de EstudioPrincipiante
The Odin Project
Currículo completo y gratuito de desarrollo web full stack
www.theodinproject.comPlataformas de EstudioPrincipiante
freeCodeCamp
Currículo completo con certificaciones gratuitas reconocidas mundialmente
www.freecodecamp.orgPlataformas de EstudioPrincipiante
Microsoft Learn
Cursos gratuitos de Microsoft con certificados y rutas guiadas
learn.microsoft.comPlataformas de EstudioPrincipiante
Roadmap.sh
Roadmaps interactivos de carrera para desarrolladores
roadmap.shHerramientas DevPrincipiante
StackBlitz
IDE en línea completa con soporte para frameworks modernos
stackblitz.comHerramientas DevPrincipiante
CodePen
Playground en línea para HTML, CSS y JS con opción de compartir
codepen.ioHerramientas DevPrincipiante
Can I Use
Verifica compatibilidad de recursos CSS/JS entre navegadores
caniuse.comHerramientas DevPrincipiante
W3C Validator
Validador oficial de HTML para verificar errores de marcación
validator.w3.orgHerramientas DevPrincipiante
Carbon
Crea capturas de pantalla bonitas de tu código para compartir
carbon.now.shHerramientas DevIntermedio
Regex101
Probador y explicador de expresiones regulares en tiempo real
regex101.comHerramientas DevPrincipiante
Keycode.info
Descubre keycodes de teclas en JavaScript presionando cualquier tecla
keycode.infoHerramientas DevPrincipiante
Hidden Tools
Colección curada de herramientas útiles y poco conocidas para devs
hiddentools.devHerramientas DevIntermedio
Relume
Biblioteca de componentes y sitemap builder con IA para wireframes rápidos
www.relume.ioHerramientas DevIntermedio
Sanity.io
CMS headless en tiempo real con estudio personalizable y API flexible
www.sanity.ioHerramientas DevIntermedio
Directus
Plataforma open-source de datos con dashboard visual y API REST/GraphQL
directus.ioHerramientas DevIntermedio
Strapi
CMS headless open-source con panel admin y API personalizable en Node.js
strapi.ioPlataformas de EstudioPrincipiante
DataCamp
Plataforma interactiva para aprender data science, Python, R, SQL e IA con ejercicios prácticos
www.datacamp.comCursos GratuitosPrincipiante
Coursera
Cursos y certificados de universidades como Stanford, Google e IBM — muchos gratuitos para auditar
www.coursera.orgDiseño & ColoresPrincipiante
Coolors
Generador de paletas de colores con exportación en varios formatos
coolors.coDiseño & ColoresPrincipiante
Unsplash
Banco de fotos gratuitas en alta resolución para proyectos
unsplash.comDiseño & ColoresPrincipiante
ManyPixels
Galería de ilustraciones gratuitas en SVG y PNG
www.manypixels.coDiseño & ColoresPrincipiante
Dribbble
Plataforma de inspiración de diseño con trabajos profesionales
dribbble.comDiseño & ColoresPrincipiante
Behance
Portafolios de diseño y proyectos creativos para inspiración
www.behance.netDiseño & ColoresIntermedio
LottieFiles
Animaciones ligeras en formato Lottie, listas para usar en la web
lottiefiles.comDiseño & ColoresPrincipiante
Loading.io
Generador de animaciones de carga personalizables (CSS/SVG/GIF)
loading.ioDiseño & ColoresIntermedio
Clippy
Generador visual de CSS clip-path para recortes de elementos
bennettfeely.comDiseño & ColoresPrincipiante
SVG Shape Generator
Generador de formas SVG orgánicas y abstractas
www.softr.ioDiseño & ColoresPrincipiante
AutoDraw
Herramienta de dibujo con IA de Google que sugiere formas
www.autodraw.comBibliotecas de ComponentesIntermedio
21st.dev
Componentes de UI modernos con IA, listos para copiar y usar
21st.devBibliotecas de ComponentesIntermedio
Aceternity UI
Componentes animados con Tailwind CSS y Framer Motion
ui.aceternity.comBibliotecas de ComponentesIntermedio
Magic UI
Componentes animados para landing pages e interfaces modernas
magicui.designBibliotecas de ComponentesIntermedio
Animate UI
Biblioteca de componentes con animaciones elegantes
animate-ui.comBibliotecas de ComponentesIntermedio
Inspira UI
Componentes de UI inspirados en diseños modernos (Vue)
inspira-ui.comBibliotecas de ComponentesIntermedio
Kibo UI
Biblioteca de componentes de UI minimalistas
www.kibo-ui.comBibliotecas de ComponentesIntermedio
Pace UI
Componentes de UI con enfoque en rendimiento
ui.paceui.comBibliotecas de ComponentesIntermedio
LangUI
Componentes listos para interfaces de apps con IA/LLM
www.langui.devReferencias & DocsIntermedio
RESTful API Guide
Guía completa sobre conceptos y buenas prácticas de APIs REST
restfulapi.netReferencias & DocsIntermedio
Defensive CSS
Consejos prácticos de CSS defensivo para evitar bugs visuales
defensivecss.devReferencias & DocsPrincipiante
21 Tools for Devs
Artículo curado con 21 herramientas esenciales para devs
dev.toReferencias & DocsPrincipiante
Wireframe.cc
Herramienta minimalista para crear wireframes rápidamente
wireframe.cc