¿Quieres aprender a convertir cualquier diseño en una web? ¿Te gustaría aprender WordPress para poder empezar a hacer tus primeras páginas web profesionales? O quizá seas más de lo que lo quieren todo y quieres CSS, HTML o Java.
En cualquier caso, lo que está claro es que hoy en día no hay marca personal, negocio o empresa que no tenga una web. Únete a la evolución. ¡Te traemos los mejores cursos online para aprender desarrollo y diseño web desde cero!
¿Qué vas a encontrar en este artículo?
- 1 ¿Qué curso de desarrollo web estás buscando?
- 2 Los 3 mejores cursos online para aprender desarrollo web desde cero (nivel principiante)
- 3 Los 3 mejores cursos para ampliar tus conocimientos en desarrollo web (nivel intermedio)
- 4 Los 3 mejores cursos online para convertirte en un experto en desarrollo web (nivel avanzado)
- 5 No me decido, ¿hay algún curso de desarrollo web gratis?
- 6 ¿Qué debes saber antes de hacer un curso de desarrollo web online?
¿Qué curso de desarrollo web estás buscando?
Los 10 mejores cursos de Python online
Los 10 mejores cursos de HTML online
Los 10 mejores cursos de Javascript online
Los 10 mejores cursos de PHP online
Los 10 mejores cursos online de WordPress
Cursos online de Angular
Cursos online de CSS
Los 10 mejores cursos de React JS online
Cursos online de Node.js
Los 3 mejores cursos online para aprender desarrollo web desde cero (nivel principiante)
Si no sabes nada de nada, te recomendamos empezar por el nivel -2. ¿Qué queremos decir? Por definiciones y la instalación. Sí, acabarás con la web subida. Eso sí, como el mercado está lleno de opciones, te presentamos las dos más asequibles: WordPress (desde diferentes enfoques) o HTML con CSS. Infórmate y elige en qué método iniciarte.
1. WordPress: Diseña y desarrolla Páginas Web desde cero
El curso WordPress: Diseña y desarrolla Páginas Web desde cero de Marina Rodrigo en la plataforma Crehana está pensado para aquellas personas que quieren aprender a crear páginas webs con WordPress, la plataforma más popular en la actualidad y realmente sencilla si nos enseñan cómo utilizarla.
Es un curso muy completo que consta de 52 clases (4 horas de videoclases) y que parte desde lo más básico, por lo que no se requiere experiencia previa con WordPress. Empieza de nivel 0, explicando qué nombre elegir para el dominio o si seleccionar .com o .org. También nos indica la importancia de generar valor, y es que el diseño es importante, pero no lo más.
En cuanto a WordPress en sí, aprenderemos todo lo necesario: crear páginas, entradas, plantillas, menús, themes, y la configuración general. Un tema que nos explica de manera superficial, suficiente para un nivel 0 es el de los plugins, el complemento ideal para conseguir hacer prácticamente cualquier cosa en nuestra web.
Es un curso que no se centra únicamente en el diseño, sino que tiene como objetivo crear webs efectivas, que te ayuden a atraer clientes y aumentar los ingresos de tu negocio. Después de hacer este curso estarás preparado para crear webs con un aspecto profesional, que marquen la diferencia tanto para clientes como para ti mismo.
- Serás capaz de crear webs profesionales
- El curso parte desde cero
- Verás el proceso completo de creación de una web
- El curso no se queda solo en temas de diseño
- No incluye proyecto final
2. Creación de una web profesional con WordPress
El curso Creación de una web profesional con WordPress de Ignacio Cruz Moreno en la plataforma Domestika es uno de los más vendidos y mejor valorados del mercado, orientado también a la creación de webs con WordPress sin saber programar. Si, más worpress, pero es la manera más sencilla en la que lanzarnos.
Es un curso totalmente actualizado que te permitirá crear webs profesionales partiendo de lo más básico. No tenemos requisitos de partida, más allá de un ordenador y conexión a internet. Empezaremos por instalar el software necesario, conocer el panel de administración y realizar los ajustes básicos como la elección del tema, los diferentes tipos de entradas, menús, y por supuesto los plugins que nos faciliten la vida y el posicionamiento.
En cuanto a plugins, se extenderá las características avanzadas como estilos visuales, caché, compresión de imágenes, contenidos personalizados, seguridad y como decíamos posicionamiento. Esto es el SEO, o search engine optimization, o como colocarnos en los resultados de google, de los que nos explicará las bases. Acabaremos seleccionando nuestro hosting y subiendo la web.
Pierde el miedo a la tecnología y descubre lo que es un plugin, una plantilla, un widget o mil cosas más. Además, para rematar el curso, Ignacio te animará a aplicar todo lo aprendido con un proyecto real, que será una web de lo que tú quieras.
- Crea webs profesionales sin saber programar
- Curso perfecto para gente sin experiencia
- Uno de los más vendidos del mercado
- El proyecto final te obligará a crear una web real
- No menciona HTML o CSS
3. Introducción al Desarrollo Web front end: HTML y CSS desde cero
El curso Introducción al Desarrollo Web front end: HTML y CSS desde cero de Sergio Agamez en la plataforma Crehana es perfecto para todo aquel que quiera iniciarse en temas de diseño web, a través de HTML y CSS, para lo que nos explica las nociones básicas. Con 86 clases y más de 10 horas de vídeo, es un curso muy completo. No requiere conocimientos previos y podrás irlo haciendo en tus ratos libres cuando te vaya mejor.
Empezaremos por las definiciones de HTML y CSS, y por conocer cómo funcionan los navegadores. Una vez organizados los archivos, e instalados los programas comenzaremos con los diferentes tipos de etiquetas, para listas, textos, imágenes, tablas y por supuesto, títulos. Aprenderemos a realizar formularios web y a maquetar de forma básica, con más etiquetas de audio, video y descarga.
De ahí , pasamos a CSS y sus especificaciones como atributo, etiqueta o archivo externo, que aunque nos suene a chino ahora, acabaremos por interiorizar a la perfección. A través de CSS podremos establecer cajas, estilos de texto, sombreados, tipografías, y muchos otros patrones de diseño.
Además, para llevar todos los conocimientos al terreno práctico, el curso finaliza con un proyecto real que consiste en pasar de un diseño gráfico en PSD a una web desarrollada con código HTML y estilos CSS.Una vez hecho, Sergio lo evaluará y si todo está bien, podrás obtener tu certificado oficial de Crehana, que siempre suma para tener un mejor currículum.
- Curso ideal para principiantes sin experiencia
- Aprenderás a generar código HTML y CSS
- Creación de un proyecto (transformar un diseño en una web)
- Curso muy completo y extenso, lleno de recursos
- La calidad del audio en algunas lecciones podría ser mejor
Los 3 mejores cursos para ampliar tus conocimientos en desarrollo web (nivel intermedio)
¿Sabes programar? Si no sabes, no pasa nada, no es imprescindible. Tener algún conocimiento de HTML y CSS siempre vendrá bien para realizar cualquiera de estos cursos. Eso sí, ya no hablamos de WordPress si no de código, interacciones entre herramientas y siempre de modo responsivo.
4. Introducción al Desarrollo Web Responsive con HTML y CSS
El curso Introducción al Desarrollo Web Responsive con HTML y CSS de Javier Usobiaga en la plataforma Domestika es ideal para todas las personas que quieren aprender los fundamentos del diseño web con HTML y CSS que aprenderás a entender y escribir código por ti mismo para diseñar una web responsive (es decir, webs optimizadas para desktop y mobile) mediante las Media Queries.
Empezamos por la estructura de HTML con las etiquetas y atributos tanto de texto como de imagen. De ahí lo vinculamos con CSS y su sintaxis. Nos adentramos en estilos tipográficos, cajas, displays, aprendiendo todo lo que tiene que ver con imagen y decoración de nuestra web.
En cuanto a las técnicas responsive dedica un módulo entero, empezando por la diferencia entre el diseño responsive y el Mobile First. Aprenderemos las estructuras flexibles, para poder vincular archivos JavaScripts de modo responsive.
Además, el curso lleva todo al terreno práctico ya que incluye 16 ejercicios prácticos y al final de todo hay que desarrollar un proyecto real, que es la web de una cafetería.
- Ideal para iniciación
- Se sientan las bases de HTML y CSS desde cero
- Creación de un proyecto (web responsive de una cafetería)
- Javier explica con mucha claridad y de forma concisa
- Podría tener más ejercicios prácticos por unidad
- Es un curso breve, que va al grano
5. Master en CSS: responsive, SASS, Flexboc, Gris y Bootstrap
Los requisitos para empezar Máster en CSS: responsive, SASS, Flexboc, Gris y Bootstrap son muy bajos, y de hecho incluye un módulo opcional de HTML para conocer las bases, así como varios de CSS para las configuraciones de diseño.
El proyecto completo, empieza por la maquetación con HTML5 y CSS3 en modo responsive. Para ello nos centraremos en media queries y el funcionamiento con porcentajes. Aprenderemos a realizarlo para escritorio, tablet, pantallas medianas, smartphones y todos los dispositivos.
El siguiente paso es poder introducir todo el código que CSS no nos permite hacer, para lo que aprenderemos sobre anidación, bucles y operadores en CSS3 y LESS.
Como nos dice el título del curso, iniciaremos Grid Layout y Flexbox layout, ambos códigos CSS, el primero para diseños monodimensionales, y el segundo en modelos bidimensionales, osease en varias filas y columnas a la vez.
Por último integraremos Bootstrap, también diseño responsive, y crearemos tarjetas, botones, galerías, alertas, paginación y muchas otras herramientas. Si quieres no quedarte en una web estática, no es tu curso, aquí aprenderemos muchísimo sobre diseño, maquetación, efectos, animaciones y acabaremos con un nivel avanzado. De ahí las más de 20 horas de formación.
- Muy buen profesor con buenas explicaciones
- Aprenderemos todo lo necesario del diseño responsive
- Parece sencillo comprender Bootcamp
- Muy profundo en maquetación con diferentes técnicas
- No muestra correcciones de errores
6. Angular. De cero a experto (Legacy)
Vamos a hablar de otra forma de programación web, en este caso el curso incluye el nombre Angular, De cero a experto (Legacy), así que es fácil adivinar que se trata de Angular, el framework open source de Google de una sola página. Para iniciarnos deberemos conocer las bases de JavaScript y HTML.
Y pese a lo sencillo en la visualización final de las SPA, la creación no es tal, de ahí que necesitemos más de 35 horas para poder completar las 375 clases. Empezaremos por la introducción a Typescript, viendo demostraciones y aprendiendo a configurarlo nosotros mismos. También basado en Java, veremos ES6, con sus funciones. Ya solo nos queda insertarnos en la programación orientada a Objetos o POO.
Con las bases interiorizadas, podremos evaluar nuestro conocimientos en la formación y pasar a programar nuestra primera aplicación, Hola mundo, en Angular, donde añadiremos Bootstrap para darle un plus de diseño. Una vez hecha la primera, podremos ir evolucionando con las SPA, y aprender a crear Listas de deseos, Spot App o aplicaciones con autentificación.
Utilizaremos muchísimas herramientas durante este curso, y todas ellas son opensource,o gratuitas. Si decidimos quedarnos en las SPA, estupendo, si preferimos crear una BBDD estupendo también, ya que Fernando Herrera, gran programador, nos enseñará de primera mano.
- Incluye SPA y conexiones a BBDD
- Curso meramente práctico, con exámenes finales
- Clases paso a paso, preparadas y muy claras
- Centrado en Angular con muchas herramientas
- Alguna parte debería estar más actualizada
Los 3 mejores cursos online para convertirte en un experto en desarrollo web (nivel avanzado)
Si ya conoces los códigos de programación web y quieres dar el último paso, necesitarás aprender sobre Ajax, JavaScript, MySQL, jQuery y PHP, entre otros. O si por el contrario te has centrado en las SPA, y quieres llegar al modo avanzado necesitarás un curso profesional de Angular. Aquí dejamos nuestras recomendaciones.
7. Desarrollo Web Completo con HTML5, CSS3, JS AJAX PHP y MySQL
Este curso podría haber sido el primero, porque parte de un nivel básico, y acaba rematando con un pedazo de proyecto final. Desarrollo Web Completo con HTML5, CSS3, JS AJAX PHP y MySQL de es, sin lugar a dudas, una gran recomendación por lo completo que es. Estamos hablando de un curso que tiene decenas de miles de alumnos y que se compone de nada más y nada menos que 800 clases en caso 90 horas.
Como decíamos, si partimos de crear el sitio bien con HTML y CSS, y vamos insertando JavaScript, Dom, SASS y Gulp, todo de manera práctica mediante la creación de una web. Seguimos con las bases de datos SQL y empezaremos con las operaciones CRUD. ¿No hay suficiente? pues volvemos a empezar con PHP creando un proyecto con bienes raíces y añadiendo Java.
Con esto interiorizado, ya podemos pasar a POO, y todas las propiedades, en las que el profesor se detiene con detalles. Por cierto, Juan Pablo de la Torre fue creador de código, diseñador y programador durante más de 15 años, y hoy en día se dedica a la docencia en exclusiva. Seguimos, con MVC.
Es imposible reducir todas las clases y códigos incluidos en unos párrafos. Desde luego es super completo con casi 90 h de formación, y lo mejor de todo 100% práctico, donde aprenderemos a crear decenas de tipos de webs, desde informacionales, con bases de datos, dinámicas, agregando payal, con área de administración. De aquí, podemos pasar al mercado laboral como desarrollador junior sin ninguna duda.
- Curso profundo y completo
- Sienta las bases de HTML y CSS
- Se llega a tocar programación con Javascript y PHP
- Creación de un proyecto final brutal
- Sus 500 clases y 54h de duración quizás se te hagan un poco largas
8. Maquetación de sitios web dinámicos con Javascript y jQuery desde cero
Si ya conoces las bases de las web estáticas y quieres dar un paso más este curso de maquetación de sitios web dinámicos con Javascript y jQuery es otra de las opciones. Con más de 13 horas de formación el desarrollador web Sergio Agamez, nos enseñara a crear banners dinámicos, galerías, sliders y muchas otras funciones de aspecto profesional.
Empezaremos por JavaScript, en modo teórico, para comprender cómo funcionan las variables , operaciones, sentencias y funciones. Pasaremos a integrar DOM para añadir diferentes eventos,y formularios. Además aprenderemos a modificar los estilos de texto, caja y flujos desde Java.
Volvemos a empezar, en este caso con Jquery, y de nuevo por entender y comprender la utilidad de este código. Y no solo por si mismo, si no en la manipulación de DOM o CSS desde Jquery, para agregar, eliminar o modificar elementos.
Una vez aprendidos los códigos pasaremos a realizar nuestra página web con HTML y CSS. De forma práctica y visual en la que nos irán enseñando paso a paso cómo añadir una aplicación Java y todo lo aprendido. ¿Cómo resultado? tendremos una web dinámica, completa y 100% interactiva.
- Buenas explicaciones de lo simple a lo complejo
- Muy buen proyecto final
- Mejores y más completas explicaciones de Java
- No se salta ningún detalle o código.
- Faltan utilidades de algunos elementos en la web
9. Componentes en Angular – nivel Pro (Angular 2/4/5/6/7+)
Este curso tiene una duración de casi 3 horas y requisitos bastante altos, hemos de conocer Angular, TypeScript, ES6. HTML, CSS y GIT. Dicho esto podemos pasar al nivel profesional con el curso componentes en Angular – nivel Pro (Angular 2/4/5/6/7+).
Nos gusta mucho la estructura del curso en 3 módulos. El primero de nivel básico para crear los componentes, el decorador y el ciclo de vida OnInit, entre otros. En el nivel intermedio aprenderemos a emitir eventos, a detectar cambios onPush y a aplicar buenas prácticas de Getters en nuestro Angular.
El nivel avanzado es el que ocupa casi más del 50% del tiempo total, y con paciencia, nos metemos en todas las funciones profesionales de lista, renderizado, los elementos hijo y padre, y diferentes formas de crear y destruir los componentes dinámicos.
Con la formación finalizada podremos crear nuestros propios componentes de Angular con la misma calidad que los Ionic o Angular Material. Además aprenderemos paso a paso, todos los componentes que insertamos en nuestra aplicación, entendiendo el por qué.
- Explicaciones claras y concisas
- Detalla el funcionamiento de los componentes
- Se puede seguir incluso con la versión 12 de Angular
- Curso más práctico que teórico
- PRofesor habla muy rápido
No me decido, ¿hay algún curso de desarrollo web gratis?
Muchas de las fuentes de programación son opensource, es decir son libres, y las podemos modificar a nuestro gusto de forma gratuita. Eso sí, nos podemos perder entre toda la información que se ofrece en la red. Una de las más sencillas es CSS, por si te animas, y además en integrable en WordPress, la forma más fácil de crear nuestra web.
10. Curso online gratuito para crear páginas en WordPress
Y hemos hablado de WordPress para crear páginas de forma gratuita y super sencilla, así que en unión de precio cero recomendamos el curso online gratuito para crear páginas en WordPress. Sí, podemos encontrar muchísima información en los propios tutoriales, pero consideramos que es mejor adentrarse en un curso de un profesor que nos explique paso a paso, cómo hace Sergio Agamez, del que por cierto ya hemos hablado en HTML y CSS.
Volviendo al curso en sí, empezaremos por el dominio y el hosting (esto si de pago) y por instalar WordPress. Veremos la configuración, y aprenderemos a instalar el tema de nuestra elección y a personalizarlo al gusto.
Entrando en lo importante, crearemos páginas y artículos, ambos súper fáciles y sencillos, pero que merece la pena que nos expliquen con atención cómo funciona. Para finalizar aprenderemos a insertar cuadros de comentarios y de diferentes medios.
Acabaremos por instalar los plugins y finalizar la web dejándola subida y en vista pública. Un curso de 0 a 100 en poco más de 90 minutos, que podemos parar, rebobinar y repetir las veces que necesitemos.
- Ideal para empezar con páginas básicas
- Muy buen profesor super didáctico
- Explicaciones paso a paso escalables
- Gratuito y de calidad
- Podría ser más extenso
¿Qué debes saber antes de hacer un curso de desarrollo web online?
Lo primero que tienes que saber es que hay numerosas formas de crear una web. Podemos recurrir a WordPress, HTML, CSS, JAVA, Angular, PHP y muchos otros lenguajes o códigos. También podemos decidir unir diferentes códigos. La maquetación es una parte muy importante, así como el diseño y la dinamicidad de la misma; pero no debemos de olvidarnos de aportar el valor al usuario, y para eso no existe la formación.
Ventajas de realizar un curso de desarrollo web desde casa.
- Actualización: y es que cada día existen nuevas funcionalidades, códigos o plugins en el caso de WordPress. En las formaciones online, estos datos se suelen actualizar, y dado el acceso ilimitado a las formaciones dispondremos de ellas.
- Experiencia: los profesores que suben cursos certificados en la red tienen amplia experiencia en el lenguaje y código como desarrolladores y programadores. La mayoría cuenta con cientos o miles de alumnos, que unido a la experiencia personal les hace unos profesores estupendos.
- Gran Variedad: como decíamos podemos aprender el lenguaje que nos interese según la parte en la que queramos evolucionar, o lo que queramos realizar en nuestra web. Las soluciones a nuestras ideas pasan por aprender, ya sea crear una web afiliada, un e-commerce, una página informativa, basada en BBDD…las opciones son cientos.
- Práctica: podemos ver y repetir cuantas veces nos sea necesario una lección concreta o unidad al completo para adquirir e interiorizar los conocimientos. Si nos parece que el profesor habla rápido, o escribe rápido el código, o no nos da tiempo a verlo, no es conflicto con la formación a distancia.
¿Qué es y para qué sirve el desarrollo web?
Desarrollo web es el sinónimo de hacer webs. Escribir un texto de valor y calidad que llegue al lector es primordial y fundamental, pero también hacen falta muchos otros factores:
- Apariencia: la parte de maquetación, con colores agradables, que no cansen la vista, tipografías,
- Funcionamiento: referido a la velocidad de carga.
- Desempeño: que cumpla la intención de búsqueda
- Mantenimiento: una vez subida nuestra web, deberemos estar pendientes de las actualizaciones, indexar artículos nuevos, modificaciones, curación de contenidos, competencia, posicionamiento, y muchos otros factores.
¿Cuál es la diferencia entre desarrollo web y diseño web?
Empecemos por decir que sí, hay diferencias, y que ahora las explicamos, pero que lo más importante para que la página quede profesional es que ambos trabajen unidos. De hecho y en muchas ocasiones suele ser una única figura la que cubre las dos funciones.
Vamos a ver las diferencias, pero para eso tenemos que comprender dos (o tres) conceptos básicos:
Desarrollo front-end, back-end o web full-stack ¿son lo mismo?
No, no son lo mismo. El desarrollador de front-end es el encargado de programas tipografías, colores, movimientos, modo responsive, colores y todo lo que tenga que ver con cómo llega la información al usuario.
El back-end es todo lo que ocurre detrás, el modo de ejecución de cada una de las acciones de la web o el telar que mueve todos los hilos. A groso modo, podríamos decir que es la base de datos de la que tira la web, la seguridad de la misma y la caja fuerte de la información.
Y acabamos con el web full-stack, al que muchos nos dedicamos, es decir a todo. Juan Palomo, yo me lo guiso yo me lo como. Desarrollo, programo, edito, diseño, cargo y todo visualmente apetecible, dinámico y con un enlazado y coherencia para la mejor experiencia.
Desarrollo web y diseño web, las diferencias
Sabiendo lo anterior, y de nuevo a groso modo, el desarrollo web se dedica al back end, mientras el diseño del front. Y hemos de decir que cada día más, lo requerido para trabajar por cuenta ajena, o como autónomo por las empresas son más Juanes Palomo, osease web full-stack, que sean capaces de realizar todo el proceso completo.
¿Cuáles son los lenguajes más comunes de desarrollo web?
Como hemos visto hay diferentes lenguajes o código que se utilizan para crear nuestras webs. Aquí os vamos a explicar para qué sirven los 4 más importantes, empezando de lo más básico a lo más complejo.
- HTML: el lenguaje básico de creación de páginas web para creación de títulos, estructura del texto, contenido, saltos de línea, etc. El desarrollador escribe el código, que el navegador interpreta y muestra de forma clara.
- CSS: este lenguaje determina el aspecto con el que vemos el contenido de las páginas: colores, tipografías, cajas, imágenes… Suele ir combinado con HTML
- PHP: lenguaje gratuito ideal para iniciarse. Ideal para crear aplicaciones web dinámicas, o bases de datos. Es compatible con HTML y sirve de soporte a WordPress.
- Java: una de las aplicaciones que tendrás instalada en tu ordenador, para poder visitar otras web. Con casi 30 años de andadura este lenguaje si requiere de experiencia programando. Nos sirve para ejecutar un programa en varios sistemas operativos, ejecutar código en remoto de forma segura y es compatible con otros lenguajes.
- Python: si, sabemos que no hemos nombrado ningún curso de Python en esta sección, pero se pueden desarrollar webs con este lenguaje multiparadigma y multiplataforma, que está ganando desarrolladores año tras año. ¿Para qué más sirve? para gestionar Big data, analizar datos, automatizar operaciones, etc.