20 lugares donde puedes aprender a codificar gratis

Por lo tanto, desea aprender a codificar, pero no tiene el tiempo, el dinero o la paciencia para inscribirse en un curso formal?


Sin preocupaciones.

Hay toneladas de recursos gratuitos en línea donde puede aprender a codificar en su propio horario, a su propio ritmo y con el tipo de contenido que coincida con su estilo de aprendizaje..

A continuación, encontrarás 20 de los mejores recursos gratuitos para enseñarte a codificar. Aquí encontrará una buena combinación de contenido, desde tutoriales escritos y en video hasta codificar patios de juegos que refuerzan todas las nuevas habilidades que ha adquirido..

20 lugares donde puedes aprender a codificar gratis

Hay recursos en línea para cada nivel de un codificador, ya sea que:

  • Propietario de un negocio autónomo o profesional independiente que quiera crear su propio sitio web.
  • Un desarrollador web experimentado que quiere agregar una nueva habilidad o lenguaje de programación a su repertorio.
  • Un diseñador web que quiere fortalecer su comprensión del código y convertirse en una potencia de diseño / desarrollo.
  • Un aficionado que quiere aprender a codificar en su tiempo libre.
  • Un estudiante de ciencias de la computación que quiere complementar su trabajo del curso con tutoriales prácticos de codificación.

No importa quién es usted ni cuál es su objetivo al aprender a codificar con recursos gratuitos. Hay algo para todos.

1. BitDegree (principiante a avanzado)

BitDegreeSi está buscando más que tutoriales paso a paso, BitDegree es una buena elección.

Con BitDegree, los usuarios ciertamente aprenderán a codificar, desde fundamentos como HTML y CSS hasta lenguajes de programación avanzados como Bootstrap y Python.

Mientras trabajas en las lecciones, se te animará a “probarlo en vivo” en el editor de BitDegree:

BitDegree Live Editor

Lo bueno de esto es que no podrás practicar con el idioma que estás aprendiendo. Todos los demás bloques de construcción de lenguaje estarán allí, como en el ejemplo CSS anterior que incluye HTML y CSS.

Además de las lecciones de codificación, los usuarios reciben una introducción a las herramientas clave que usan los desarrolladores web, como Chrome DevTools y Github.

Si está buscando una educación integral, es importante aprender a usar las herramientas que hacen su vida más fácil como desarrollador.

2. Trucos CSS (avanzado)

CSS-TricksCuando entras por primera vez CSS-Tricks sitio web, será recibido por su blog. Si bien se puede aprender mucho de los artículos sobre codificación (en particular, CSS), la mayoría de estas son lecciones para desarrolladores avanzados.

Dicho esto, CSS-Tricks tiene una sección dedicada de guías para principiantes. Aquí hay menos de 20 tutoriales CSS, pero ejecutarlos le dará a cualquier usuario una base sólida para CSS (y algo de HTML).

Para los usuarios que desean más que tutoriales de introducción, miren la página Fragmentos.

Fragmentos de CSS-Tricks

Los fragmentos de código son útiles por varias razones. Para empezar, ayudan a los desarrolladores a implementar rápidamente nuevas funciones o correcciones sin tener que escribir el código por su cuenta..

En segundo lugar, los fragmentos de código son útiles para conocer mejor la sintaxis de un idioma. A medida que use más y más fragmentos de código, conocerá los patrones del lenguaje y, como resultado, se sentirá más cómodo manipulándolo..

3. Derek Banas en YouTube (intermedio a avanzado)

Derek Banas YouTubePágina de YouTube de Derek Banas es una visita obligada si estás interesado en aprender desarrollo web avanzado y técnicas de diseño.

En su mayor parte, los tutoriales de codificación de Derek son los más populares, aunque definitivamente vale la pena echar un vistazo a las diversas colecciones de videos que ha creado a lo largo de los años..

Organización de video de Derek Banas

Cada uno de los tutoriales está bien organizado y cubrirá un tema completo, generalmente en menos de una hora. Es una excelente opción para cualquiera que aprende mejor observando a alguien haciendo la habilidad en tiempo real.

Otra cosa que vale la pena señalar es que Derek crea dos nuevos tutoriales cada semana. Además, invita a los espectadores / suscriptores a realizar solicitudes, por lo que si hay algo urgente que necesita aprender y no puede encontrarlo en otro lugar, puede obtenerlo aquí.

4. freeCodeCamp (Principiante a Intermedio)

freeCodeCamp

freeCodeCamp es un recurso sólido para desarrolladores web principiantes o intermedios que desean subir de nivel rápidamente sus habilidades y obtener recompensas por ello.

Una vez que cree una cuenta, freeCodeCamp lo ayudará a comenzar su entrenamiento:

Lecciones freeCodeCamp

No solo eso, las lecciones se agrupan lógicamente para que pueda aumentar gradualmente su conocimiento de codificación. Al final, obtendrás una certificación y una cartera más grande que puedes mostrar a los posibles clientes..

Aunque este sitio web está calificado como un recurso educativo para desarrolladores, no hay nada que impida que otros entusiastas de la codificación se registren. No hay tarifa para unirse y las lecciones no están escritas en algún discurso secreto del desarrollador.

Entonces, si te gusta el estilo del sitio y cómo se presentan las lecciones (junto con las estimaciones de cuánto tiempo duran todas), pruébalo.

También obtendrá acceso a los foros donde puede compartir sus ganancias, hacer preguntas y ayudar a otros estudiantes a avanzar en las lecciones. Es una buena ventaja si prefiere un entorno de aprendizaje colaborativo..

5. Glitch (Principiante a Avanzado)

FallaPensar en Falla como un patio de juegos de codificación. Dicho esto, no es solo un lugar para escribir líneas de código experimental, aunque le da espacio para hacerlo junto con algunos consejos sobre cómo comenzar.

Los usuarios pueden aprovechar aplicaciones web prefabricadas, desde Glitch o herramientas como Github, para desbloquear los conceptos básicos y aprender nuevas habilidades mediante ingeniería inversa del código existente.

Aquí hay un ejemplo de lo que sucede cuando un usuario elige “Remixar” una aplicación que otra persona creó:

Glitch Remix

Los usuarios obtienen acceso a todos los archivos y activos que, cuando se combinan, crean la aplicación web resultante. A medida que se realizan cambios en el contenido de los archivos utilizando el editor, la vista previa refleja esos cambios.

Aunque Glitch se ocupa de “aplicaciones”, se aplican las mismas prácticas al codificar una página web con HTML, CSS y JavaScript.

Además, esté atento a las plantillas “iniciales” de Glitch, como esta:

Glitch HTML Starter

Se parece a otros proyectos de aplicaciones en Glitch. Sin embargo, hay una lección contenida dentro de la muestra sobre cómo comenzar a codificar con HTML. También encontrará otros aquí para JavaScript, Node y Bootstrap..

6. Desarrolladores de Google (intermedio a avanzado)

Desarrolladores de Google

Desarrolladores de Google es un recurso gratuito para cualquiera que quiera aprender a codificar mejor experiencias web.

La palabra clave aquí es “mejor” porque los usuarios no van a encontrar mucho sobre lo básico. De hecho, debe venir a este sitio con un conocimiento práctico de HTML, CSS y JavaScript (que puede obtener de muchos de los otros recursos en esta lista).

Con Google hiper-enfocado en construir una primera web móvil, este sitio es el mejor para desarrolladores que desean aprender a codificar aplicaciones web progresivas (PWA).

Si va a la pestaña Code Labs, busque el tutorial llamado “Su primera aplicación web progresiva”.

Este es un tutorial completo pero fácil de seguir que enseña a los usuarios qué es un PWA y cómo construir uno en menos de 30 minutos..

Su primera aplicación web progresiva: aprenda a codificar

En cuanto a usar el resto del sitio como un recurso de codificación, ciertamente puede usarlo si necesita realizar mejoras en la capacidad de respuesta, la velocidad o incluso la seguridad de su sitio web o aplicación web.

Las “Guías” de Google son un buen lugar para obtener estos fragmentos de código de optimización. Y puede explorar “Muestras” para aprender técnicas de codificación más especializadas con CSS y JavaScript.

7. HTML Dog (Principiante)

Perro HTMLPerro HTML es un excelente recurso gratuito para dominar los conceptos básicos de codificación: HTML, CSS y JavaScript.

Hay nueve tutoriales en total disponibles en el sitio, que van desde principiante hasta avanzado, en cada uno de los idiomas de codificación..

Cada lección detalla cuidadosamente todo lo que necesita saber sobre cada uno de los idiomas. Y con ejemplos claros de código incluidos en el camino, así como consejos sobre cómo reproducirlos en su extremo, esta es una excelente manera de familiarizarse con la codificación si es nuevo en esto..

Sin embargo, HTML Dog no es solo un recurso para tutoriales de codificación para principiantes.

La página de Técnicas, por ejemplo, enseña a los usuarios cómo hacer más para diseñar una página web de lo que permiten los tutoriales básicos..

La página de ejemplos, por otro lado, proporciona ejemplos de fragmentos de código para todos los elementos esenciales que manipularía en un sitio web:

  • Texto
  • Colores
  • Enlaces
  • Formas
  • Liza
  • Imágenes
  • Y más

Ejemplos de perros HTML

La página de referencias también es útil si desea comprender la sintaxis real de los idiomas de codificación que está utilizando. Cuanto más comprenda cómo los diversos valores contribuyen a lo que aparece en la interfaz, más fuerte se convertirá en un codificador.

8. JavaScript.com por Pluralsight (Principiante)

JavaScript Pluralsight

Vista plural es un sitio web premium de aprendizaje electrónico para codificadores avanzados.

Sin embargo, Pluralsight vio la necesidad de dar a los principiantes una introducción a JavaScript, uno de los fundamentos de la web. Como tal, el tutorial proporcionado en JavaScript.com es de libre acceso.

En cuanto un usuario ingresa al sitio web, comienza el aprendizaje:

Tutorial de JavaScript

Es un tutorial tan simple, pero la explicación detallada de cada paso y la implementación práctica del código ayudarán en gran medida a aprender a usar JavaScript para la codificación..

Una vez que los usuarios pasan por los cursos, hay una práctica guía de referencia en la página Aprender.

Aquí los usuarios aprenderán más sobre la sintaxis de JavaScript y cómo cada una de sus piezas contribuye a todo el lenguaje..

9. Khan Academy (Principiante)

academia Khan

academia Khan es un recurso educativo gratuito en línea para usuarios de todas las edades..

La mayoría de las clases ofrecidas por la academia son para estudiantes de primaria. Sin embargo, hay una pequeña sección dedicada a “Computación”, que es donde debe prestar atención a:

Cursos de la Academia Khan

Hay varias secciones en Computación, pero a la que debe prestar atención es a la Programación de computadoras.

Aquí, aprenderá cómo crear sitios web utilizando HTML, CSS y JavaScript. Cada lección se entrega con una mezcla de contenido..

  • Lecciones en video (que vienen con transcripciones, así como subtítulos cerrados multilingües)
  • Consejos rápidos
  • Desafíos de codificación

Son fáciles de trabajar y muy atractivos..

10. Aprenda a codificar HTML y CSS (principiante a intermedio)

Aprenda a codificar HTML CSSMe gusta JavaScript.com, Aprende a codificar HTML y CSS es un recurso gratuito que enseña a los usuarios a codificar con los lenguajes de codificación fundamentales. El enfoque aquí está en HTML y CSS.

Cada lección se presenta cuidadosamente y hace más que solo presentar a los usuarios fragmentos de código.

Todo se explica por completo, desde para qué se utiliza cada idioma hasta cómo funciona cada componente del idioma. También hay dos trayectorias de lecciones..

Una vez que termine la introducción a HTML y CSS, puede pasar a las lecciones avanzadas.

HTML avanzado CSS

Es aquí donde aprenderá estrategias de codificación que no solo agregan funcionalidades avanzadas a su sitio web, sino que también producen código de mejor calidad. Con un gran énfasis en cosas como páginas de carga rápida y diseño receptivo móvil, el curso avanzado será realmente útil.

Al final de cada curso, encontrará una lista de recursos recomendados. Vale la pena tomarse el tiempo de explorar estos otros recursos si desea aprender tanto como pueda sobre cada tema..

11. LearnCode.academy en YouTube (Principiante a Avanzado)

Academia LearnCodeLa página de YouTube de LearnCode.academy es más que un recurso de capacitación mientras aprende a codificar.

LearnCode.academy tiene una muy buena mezcla de contenido.

Videos de LearnCode

Hay resúmenes de video sobre las herramientas imprescindibles para desarrolladores web. Hay tutoriales de diseño web. Y, por supuesto, hay tutoriales que se centran en dominar nuevos lenguajes de programación..

Una cosa a tener en cuenta con este recurso es que realmente solo debería servir como complemento de otros tipos de capacitación que está realizando.

El contenido aquí es de primera categoría. Sin embargo, los nuevos tutoriales no se producen de forma regular, por lo que pasará la mayor parte de su tiempo trabajando en un trabajo atrasado más antiguo que puede ponerlo en riesgo de aprender técnicas de codificación más antiguas si retrocede demasiado.

12. Aprenda [Language] .org por DataCamp (Principiante a Avanzado)

Aprender PythonDataCamp es un sitio web de aprendizaje electrónico que se especializa en cursos de ciencia de datos (básicamente, aprender a extraer y manipular información de big data).

Su serie de Sitios web de “Aprendizaje”, sin embargo, son recursos gratuitos para cualquiera que quiera aprender a codificar. Cubren una amplia gama de idiomas para codificadores principiantes y avanzados como:

  • HTML
  • JavaScript
  • PHP
  • SQL
  • Pitón
  • Rubí

Cada idioma tiene una serie dedicada de tutoriales que vienen con él..

Lo bueno de este sitio web es que no solo proporciona un desglose de cada idioma con código de muestra, sino que también proporciona un espacio en la parte inferior para que los usuarios trabajen:

Ejercicio LearnJS

Al hacer clic en “Iniciar ejercicio”, se proporcionan instrucciones sobre cómo manipular el código existente y crear una salida válida. Si desea practicar lo que está aprendiendo en tiempo real sin tener que salir del sitio, esta es una buena opción.

13. MarkSheet (Principiante)

MarkSheetMarkSheet es un curso gratuito de HTML y CSS para principiantes.

Además de enseñar los conceptos básicos de la codificación, el curso también repasa la información importante que necesita saber antes de crear algo en la web..

Por ejemplo, la Introducción cubre temas relacionados con la web en su conjunto. Al igual que las tres partes de un nombre de dominio, cómo aparece un sitio web en los navegadores de otras personas y editores de texto comunes que puede usar para escribir y editar código.

Aprender a codificar un sitio web es una cosa, pero comprender cómo funciona todo detrás de escena llevará su educación a un nivel completamente diferente..

Al tomar este curso, puede obtener el tiempo suficiente (al menos una hora) para completarlo una vez o dividirlo entre los tres capítulos:

  • HTML
  • CSS
  • Hablar con descaro a

Sass no es en realidad un idioma como los otros dos. En ese capítulo, los usuarios aprenden cómo el preprocesador (así como Less) ahorra tiempo al codificar CSS desde cero.

Fragmento de código de MarkSheet

Aunque no hay ejercicios en este sitio web, los ejemplos de código son bastante robustos y le darán mucho para jugar en el editor de código que elija.

14. Desarrollador de Mozilla (principiante a intermedio)

Desarrollador MozillaHay mucho que aprender de Desarrollador Mozilla sitio web. Sin embargo, al comenzar, centre su atención en ejecutar los diversos tutoriales de tecnologías web:

Aprenderá todos los elementos esenciales para la codificación con HTML, CSS y JavaScript aquí..

Si bien no tendrá un lugar para experimentar con los fragmentos de código proporcionados, Mozilla ha compartido todas sus muestras en GitHub y proporcionó detalles sobre cómo acceder y usarlos.

Ejemplos de código de Mozilla

Entonces, antes de trabajar en cualquiera de las lecciones en el sitio, asegúrese de estar configurado con Github para que pueda practicar a medida que avanza.

Si es desarrollador web o intenta comenzar su carrera como desarrollador, hay recursos adicionales para usar en este sitio.

Por un lado, no detengas tu educación en el dominio de los idiomas. Mozilla también ofrece lecciones sobre cosas como:

  • Accesibilidad web
  • Lenguajes de script del lado del servidor
  • Prueba de navegador

También hay una sección dedicada para aplicaciones web progresivas. No solo obtendrá una introducción sólida a los PWA, sino que también obtendrá fragmentos de código para ayudarlo a crear su propio.

15. The Net Ninja en YouTube (principiante a avanzado)

The Net Ninja

La página de YouTube de Net Ninja se dedica a desglosar los conceptos más complejos de codificación en tutoriales en video fáciles de seguir.

Lo bueno de la estructura y organización de los tutoriales es que muchos de ellos están orientados a principiantes, ya sea un principiante de codificación o un desarrollador novato.

The Net Ninja Video Tutorials

Sin embargo, el objetivo es siempre el mismo: ayudar a los espectadores / suscriptores a aumentar rápidamente sus habilidades de codificación para que puedan hacer algo significativo con ellos.

Los tutoriales y las listas de reproducción que encontrará en este canal son en realidad muy similares a muchos de los recursos escritos en esta lista.

No solo obtienes una lección sobre cómo usar el código o dominar un nuevo idioma, sino que obtienes una introducción al principio que explica por qué todo importa.

16. El Proyecto Odin (Principiante)

El proyecto OdinEl proyecto Odin es un proyecto de código abierto destinado a equipar a los desarrolladores web con las habilidades necesarias para crear sitios web de alta calidad.

Con cada lección, recibirás:

  • Una introducción a por qué la lección es importante..
  • Un resumen de los resultados del aprendizaje..
  • Una tarea con enlaces a la lección..
  • Recursos adicionales para avanzar aún más sus habilidades y comprensión en el área.

Lo que notará a medida que avance en las lecciones es que algunas de ellas se superponen con otros recursos en esta lista. Por ejemplo, la lección de HTML Basics lo enviará al sitio web Learn to Code HTML & CSS.

No se trata solo de lecciones sobre la codificación que obtienen los usuarios. Hay una lección llamada “Ser contratado”:

El proyecto Odin siendo contratado

Para los nuevos desarrolladores, puede ser difícil conseguir clientes. Sin embargo, al completar estos cursos, los desarrolladores tendrán la oportunidad de crear nuevos sitios web y publicarlos en Github como muestra de trabajo. Luego, al completar este curso de contratación, recibirán consejos sobre cómo hacerse contratables en el futuro.

17. SitePoint (intermedio a avanzado)

SitePointlos SitePoint El sitio web es una combinación de ebooks premium de diseño y desarrollo web y contenido de blog gratuito sobre temas específicos.

Para ser claros, SitePoint no es realmente un sitio web para programadores principiantes. Encontrarás “introducción a” publicaciones si las buscas, pero no es realmente donde brilla este sitio.

SitePoint es un buen recurso para los codificadores que están listos para ir más allá de lo básico “escribir esta línea de código para obtener este resultado”. Aquí aprenderá a ser creativo con el conocimiento de codificación que ya tiene.

Además, el blog está lleno de resúmenes útiles:

Resumen de blogs de SitePoint

Encontrará recomendaciones para bibliotecas JavaScript, marcos CSS y otras herramientas que puede usar para mejorar sus flujos de trabajo de codificación y hacer más cosas más rápidamente.

18. SoloLearn (principiante a avanzado)

SoloAprendeSoloAprende es el único dispositivo móvil (y aplicación web) en esta lista, por lo que si está buscando algo que pueda usar para aprender sobre la marcha, este es.

Con SoloLearn, los usuarios aprenden a codificar con HTML y CSS, así como con lenguajes de programación avanzados..

Esto es lo que verá cuando ingrese a la aplicación SoloLearn (en el escritorio):

Aplicación SoloLearn

Es un programa bien estructurado que comienza con la sintaxis básica y funciona a través de los diversos componentes del lenguaje. Al final, recibirás un certificado de finalización.

Algunas partes de los cursos están estructurados como cuestionarios. Para continuar, debe responder cada pregunta correctamente.

Otras partes del curso están estructuradas como tutoriales básicos con fragmentos de código:

Tutorial de SoloLearn

Si prefiere aprender, probar y recibir validación a medida que avanza, la combinación de curso / cuestionario / patio de juegos aquí es potente..

19. W3Schools (Principiante a Avanzado)

W3SchoolsW3Schools se ha denominado a sí mismo “El sitio de desarrolladores web más grande del mundo” y en realidad es una descripción bastante precisa.

Ya sea si es la primera vez que ve un código o si es un programador experimentado, aquí hay algo para todos..

Aquí se explica cualquier lenguaje de codificación que le interese aprender. Incluso puede tomar tutoriales sobre cómo codificar componentes del sitio web como iconos, gráficos, colores y más.

Aunque los usuarios reciben un resumen rápido de para qué sirve cada idioma, el enfoque principal es comenzar la lección práctica.

Por lo tanto, antes de comenzar a trabajar en cualquiera de los tutoriales en este sitio, asegúrese de saber en qué idiomas debe enfocarse. No desea comenzar a aprender algo como React si está tratando de dominar los conceptos básicos, por ejemplo.

Independientemente de los idiomas que trabaje, asegúrese de utilizar tanto las referencias como los ejercicios al mismo tiempo..

Referencias de W3Schools

Estos están destinados a ser material de referencia complementario que fortalezca sus lecciones. Definitivamente aproveche de ellos si quiere aprovechar al máximo este sitio.

20. WebsiteSetup.org (Principiante a Avanzado)

Configuración del sitio web

WebsiteSetup.org está repleto de recursos educativos útiles para cualquiera que intente aprender a codificar gratis.

Si bien muchas de las guías en WebsiteSetup le muestran cómo crear y personalizar sitios web con WordPress, evitando la necesidad de codificar desde cero, eso no es todo lo que hay aquí..

Por ejemplo, hay un conjunto creciente de tutoriales, guías y trucos de desarrollo de sitios web disponibles:

Tutoriales de desarrollo web de WebsiteSetup

Lo bueno de estas guías es que no solo brindan a los usuarios los fundamentos de la codificación, sino que a menudo también existe un fuerte vínculo con WordPress. De esa manera, no tiene que elegir uno u otro: código o WordPress. Puede aprovechar al máximo la creación de un sitio web aprendiendo las mejores prácticas para ambos.

Otra cosa que obtendrá de WebsiteSetup que no encontrará en los cursos de codificación tradicionales es cómo usar el código para depurar y corregir su sitio web. Como este ejemplo de cómo solucionar errores en WordPress.

De esta manera, obtendrá una educación más completa sobre cómo codificar, desde usarlo para construir un sitio web hasta luego mejorarlo o repararlo.

Envolver

Como puede ver, los recursos anteriores proporcionan muchas maneras diferentes de aprender y fortalecer sus habilidades de codificación:

  • Tutoriales escritos
  • Video cursos
  • Cuestionarios
  • Fragmentos de código
  • Codificación de parques infantiles
  • Resumen de herramientas y estrategias de desarrollo
  • Y más

Ese no es el único beneficio de elegir uno de estos recursos gratuitos para aprender a codificar o mejorar su conjunto de habilidades existente.

Ya sea que sea un principiante verdaderamente azul o que haya estado codificando durante años, tiene un control completo sobre su educación. Puede aprender a codificar en su propio horario, a su propio ritmo, y por nada más que el costo del tiempo que le dedica..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me