
Un sitio web no está compuesto sólo de bonitas fotos y gran contenido, sino también de complejos guiones que ponen todo en su lugar y hacen que todo el sitio funcione.
El desarrollo de un sitio web no es una tarea fácil, y a veces es mucho más difícil que crear una aplicación independiente. Ser un desarrollador web no es sólo mover el esqueleto de un sitio, hay que estar constantemente al día con las últimas tecnologías y tendencias. Cuando eres un principiante es aún más difícil porque tienes que entender y aprender rápidamente los métodos y técnicas más utilizados.
Porque aprender requiere tiempo y hay que ser muy selectivo a la hora de decidir con qué empezar, hemos recopilado 20 tutoriales sobre el desarrollo web, muy útiles y vitales para cualquier principiante y no sólo.
Aprender sobre diseño web en la red es fácil. Convertirse en un experto no lo es. Hay innumerables referencias, videos de YouTube y guías, pero clasificar todo el material disponible para encontrar la información más útil puede ser abrumador. La mejor manera de aprender los trucos del diseño web es completando un tutorial o un curso en línea. Algunos de los tutoriales más completos y mejor valorados hoy en día son enfocados al diseño web responsivo.
Si acabas de empezar una carrera como desarrollador web o simplemente quieres aumentar tus habilidades con nuevas metodologías y herramientas de desarrollo web, echa un vistazo a algunos de los mejores tutoriales de diseño web para probar en 2020. A continuación se muestra una lista de varios tutoriales en línea para desarrolladores web de todos los niveles de habilidad.
- CareerFoundry
- Coursera
- FreeCodeCamp
- Codecademy
- Web Dev Simplified
- LearnCode.academy
- Codepip
- Web Documentation
- Google Chrome DevTools
- Web Design with HTML, CSS, JavaScript and jQuery Set
- Mozilla Developer Network
- GitHub for Beginners
- Non-Programmer’s Tutorial for Python 3
- Curriculum for N00bs
- Coding Pitfalls for Beginners
- Complete Web Developer Course 2.0
- Web Developer Bootcamp
- Become a Web Developer from Scratch
- Complete Fullstack Web Developer Course
- Ultimate Web Designer & Developer Course: Build 23 Projects!
- Python and Django Full Stack Web Developer Bootcamp!
- Advanced Web Developer Bootcamp
- Full Stack Web Development

Janeth Kent
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.
Artículos relacionados
Cómo enviar un correo electrónico desde un formulario de contacto HTML
En el artículo de hoy vamos a escribir sobre cómo hacer un formulario que funcione y que al pulsar ese botón de envío sea funcional y envíe el correo electrónico…
Búsqueda en la Dark Web: instrucciones
Hoy en día, las ciberamenazas vienen de todas partes, tanto de la superficie como de la web oscura. Muchas empresas se basan en la información recogida en las comunidades de…
Cómo hacer un sitio web multilingüe sin redireccionamiento
Hoy, vamos a hablar de cómo implementar un simple selector de idioma en el sitio web estático o básico, sin necesidad de ningún backend o llamadas a la base de…
Comenzando con Bootstrap-Vue paso a paso
Hoy te mostraremos cómo usar BootstrapVue, describiremos el proceso de instalación y mostraremos la funcionalidad básica. El proyecto está basado en el framework CSS más popular del mundo - Bootstrap, para…
Bootstrap 5 beta2. ¿Qué ofrece?
Dado que el lanzamiento de Bootstrap 4 es de tres años, en este artículo vamos a presentar lo que es nuevo en el marco más popular del mundo para la…
Guía: Como entrar en la DeepWeb y la Darknet
Queremos presentarte una guía que te permitirá entrar en las principales darknets que componen la Dark Web, conocida coloquialmente como la Deep Web, aunque este último término tiene otro significado.…
El diseño gráfico y su impacto en el desarrollo web
En el artículo de hoy explicaremos el concepto de diseño gráfico, sus fundamentos y lo que aporta al desarrollo web. El diseño gráfico se aplica a todo lo visual, lo…
Creación de un sencillo spinner-loader CSS
En el artículo de hoy mostraremos cómo animar un loader básico que gira cuando se define alguna acción predefinida, como cargar una imagen. Eso se puede utilizar en un sitio…
Validación de formularios HTML usando BULMA y vanilla JavaScript
Hoy vamos a escribir sobre los formularios de contacto y cómo validarlos usando JavaScript. El formulario de contacto parece ser una de las características principales de toda página web básica. Es…
Cómo usar el efecto Parallax.Js en tu sitio web
Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil…
Modo oscuro persistente con CSS y JS
Recientemente escribimos acerca de cómo hacer un modo de color o tema alternativo intercambiable, una característica muy útil y popular para los sitios web. El artículo de hoy tratará sobre…
Modo oscuro en el sitio web usando CSS y JavaScript
En el artículo de hoy vamos a aprender a construir más o menos estándar en estos días en las páginas web y que es el modo de color alternativo y…