Lista completa de recursos gratuitos para el desarrollo web

La tecnología juega un papel fundamental en nuestra vida cotidiana. Nos rodea en los lugares más simples para realizar tareas ordinarias y dar cabida a grandes inventos. Todas las páginas web y el software que utilizamos para hacernos la vida más fácil están desarrollados por desarrolladores web.

En el proceso de desarrollo web, los desarrolladores crean páginas web y aplicaciones para la intranet, una red privada o Internet. El desarrollo web no se enfoca necesariamente en el diseño de un sitio web; más bien, se ocupa principalmente de la parte de programación y codificación, que es la razón principal del funcionamiento del sitio web.

Se refiere al desarrollo y mantenimiento de páginas web, incluidos fragmentos de conceptos como diseño web, programación web, la publicación y administración de bases de datos. Además, incluye varios tipos de herramientas y técnicas de desarrollo web, como editores de texto para codificar manualmente los sitios web, Dreamweaver para desarrollar una página web, usar un sitio web de blogs para actualizar blogs y más.

Desde sitios web básicos y simples hasta aplicaciones web complejas y plataformas de redes sociales y desde numerosas páginas web de compras en línea hasta incluso sistemas de administración de contenido (CMS), todas las herramientas y sitios web en línea que usamos regularmente son parte del desarrollo web. 

Además, todas estas herramientas y sitios web están construidos por desarrolladores web.

Esta claro que en el desarrollo web se necesitan distintas herramientas, y si no sabes por donde empezar o tienes tus dudas de cuales usar, en esta publicación te damos una lista completa de muchas herramientas que te serán de ayuda en el desarrollo web.

Plataformas de aprendizaje:

⧩ freecodecamp.org
⧩ codecademy.com
⧩ javascript30.com
⧩ frontendmentor.io
⧩ testautomationu.applitools.com
⧩ coursera.org
⧩ khanacademy.org
⧩ sololearn.com

Hosting Gratis:

⧩ netlify.com
⧩ firebase.google.com
⧩ aws.amazon.com
⧩ heroku.com
⧩ pages.github.com
⧩ vercel.com
⧩ surge.sh
⧩ render.com
⧩ docs.gitlab.com/ee/user/project/pages

Plataformas de pruebas de programación:

⧩ codewars.com
⧩ topcoder.com
⧩ codingame.com
⧩ hackerrank.com
⧩ projecteuler.net
⧩ coderbyte.com
⧩ codechef.com
⧩ exercism.io
⧩ leetcode.com
⧩ spoj.com

Freelancing:

📌 toptal.com
📌 upwork.com
📌 freelancer.com
📌 peopleperhour.com
📌 simplyhired.com
📌 envato.com
📌 guru.com
📌 fiverr.com
📌 hireable.com
📌 6nomads.com

Sitios web para encontrar trabajo remoto:

📌 flexjobs.com
📌 remote.co/remote-jobs
📌 justremote.co
📌 weworkremotely.com
📌 remoteok.io
📌 jobspresso.co
📌 europeremotely.com
📌 wfh.io

Fotos:

📷 unsplash.com
📷 pixabay.com
📷 pexels.com

Imagenes:

⧩ undraw.co/illustrations
⧩ drawkit.io
⧩ icons8.com/ouch
⧩ iradesign.io
⧩ interfacer.xyz
⧩ blush.design

Iconos:

⧩ fontawesome.com
⧩ flaticon.com
⧩ icons8.com
⧩ material.io/resources/icons
⧩ iconmonstr.com

Fuentes:

✍️ fonts.google.com
✍️ fontspace.com
✍️ 1001fonts.com
✍️ fontsquirrel.com

Canales de Youtube:

🔗 Traversy Media
🔗 FreeCodeCamp
🔗 The Net Ninja
🔗 Google Chrome Developers
🔗 The New Boston
🔗 Derek Banas
🔗 Academind

Podcasts:

🔗 Syntax
🔗 Fullstack radio
🔗 The Changelog
🔗 The Laracasts Snippet
🔗 Front End Happy Hour
🔗 JavaScript Jabber Archives
🔗 Commit Your Code!
🔗 Shop Talk
🔗 Ladybug Podcast
🔗 CodePen Radio
🔗 JAMStack Radio
🔗 Modern Web

Editores de codigo:

🚀 Visual Studio Code [VS Code]
🚀 Sublime Text
🚀 Atom
🚀 Brackets
🚀 Vim

Paletas de Colores:

🎨 coolors.co
🎨 colorhunt.co
🎨 paletton.com
🎨 color-hex.com
🎨 mycolor.space

UI:

⧩ uimovement.com
⧩ uigarage.net
⧩ collectui.com
⧩ httpster.net

Documentación:

🔥 developer.mozilla.org
🔥 w3schools.com
🔥 w3docs.com
🔥 devdocs.io
🔥 free-for.dev

Librerias para animaciones:

⧩ Animista
⧩ CSShake
⧩ Animate.css
⧩ AnimeJS
⧩ GreenSock (GSAP)
⧩ Magic Animations
⧩ Hover css
⧩ AniJS
⧩ Wicked CSS
⧩ Tuesday
⧩ Mo.js
⧩ Bounce.js
⧩ Snap.svg

Graficos/Visualizacion de datos:

📊 Chart.js
📊 D3.js
📊 three.js

Extensiones de Chrome:

🔖 Web Developer
🔖 CSSViewer
🔖 Wappalyzer
🔖 JSONView
🔖 Lorem Ipsum Generator

Herramientas de optimizacion de sitios web:

⚡ Google PageSpeed Insights
⚡ GTmetrix
⚡ WebPageTest
⚡ Yslow

Deja tus comentarios y sugerencias

Sobre Facialix

Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.