
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
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…
El concepto de Modelo-Vista-Controlador (MVC) explicado
En la ingeniería de software, usamos patrones de diseño como soluciones reutilizables para un problema común, un patrón es como una plantilla de cómo resolver un problema. El Modelo-Vista-Controlador (MVC) es…
Javascript: los operadores Spread y Rest
En el artículo de hoy vamos a hablar de una de las características de la versión ES6 (ECMAScript 2015) de JavaScript que es el operador Spreadasí como el operador Rest. Estas…
Introducción a RegExp - Expresiones regulares
Hoy vamos a escribir sobre las Expresiones Regulares conocidas como regex o regexp abreviado, un concepto muy útil de uso de patrones de búsqueda. Seguramente usted estaba en una situación en…
Cookies HTTP: cómo funcionan y cómo usarlas
Hoy vamos a escribir sobre la forma de almacenar datos en un navegador, por qué los sitios web utilizan cookies y cómo funcionan en detalle. Continúa leyendo para averiguar cómo implementarlas…
Cómo superponer múltiples imágenes usando CSS?
CSS significa Hoja de Estilo en Cascada. Es un lenguaje de hojas de estilo que define la presentación del documento en un lenguaje de marcado como HTML. La hoja de estilo…
Cómo usar el Masking en CSS
Cuando recortas un elemento usando la propiedad de clip-path, el área recortada se vuelve invisible. Si en cambio quieres hacer opaca una parte de la imagen o aplicarle algún otro…
Cómo escribir nuestra propia Política de Privacidad
En este artículo hablaremos de las declaraciones de la Política de Privacidad, de cómo puedes escribir una y ponerla en práctica en tu página. ¿Por qué apareció? Hoy en día, cuando navegamos…
El mejor software y aplicaciones gratuitos de streaming en directo para todas las plataformas
Estamos en una lenta transición hacia un mundo hecho de transmisiones en streaming. Ya sea que quieras transmitir en vivo o capturar contenido de la web, las opciones son ilimitadas.…