Learn web development for free with these unmissable resources

Technology plays an essential role in our daily lives, surrounding us in every activity and enabling great advancements.

Behind every website and application that facilitates our lives, there are web developers, experts in the creation and programming of these sites.

In the field of web development, professionals are responsible for creating pages and applications for the Internet, intranets, and private networks. Their main focus is on programming and coding, ensuring the proper functioning of websites.

Web development encompasses various areas, such as web design, programming, database management, and content publishing.

Developers use a wide variety of tools and techniques to carry out their work, from text editors for manual coding to specialized platforms for web development.

From simple websites to complex applications and social media platforms, web development encompasses everything we use online on a regular basis. Thanks to web developers, we can enjoy a wide range of tools and websites.

If you are interested in venturing into the world of web development or looking to expand your knowledge, you’re in luck.

We have compiled a comprehensive list of free resources that will be of great help to you on your journey:

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