We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Los enlaces de esta página llevan a una gran variedad de tutoriales y material de formación. Tanto si estás en tus comienzos, aprendiendo lo básico, como si eres un veterano en desarrollo web, aquí puedes encontrar recursos que te ayuden a lograr mejores prácticas. Estos recursos son creados por empresas innovadoras y desarrolladores web que han adoptado los estándares abiertos y las mejores prácticas para el desarrollo web proporcionando o permitiendo traducciones mediante licencias de contenido abierto como Creative Commons.

Para completos principiantes de la Web

Comenzando con la Web
Comenzado con la Web es una serie introductoria, que te presenta los aspectos prácticos del desarrollo web. Podrás configurar las herramientas que necesites para construir una página web sencilla y publicar tu propio código.

Tutoriales de HTML

Nivel introductorio

Introducción a HTML (WebPlatform.org)
¿Qué es HTML?, ¿Qué hace? Un resumen de su historia y el aspecto que debe tener la estructura de un documento HTML. Los artículos posteriores a éste entran en más detalle en las distintas partes de HTML.
Estructura básica de una Página Web (SitePoint)
Aprende cómo los elementos HTML encajan juntos con un enfoque más amplio.
Elementos fundamentales de HTML (SitePoint)
Describe los distintos tipos de elementos que puedes usar para escribir documentos HTML.
Tutorial de HTML para principiantes (HTML Dog)
Tutorial y ejercicios sobre los fundamentos.
Retos HTML (Wikiversity)
Acepta los retos para mejorar tus conocimientos sobre HTML (por ejemplo, "¿Debería usar un elemento <h2> o un elemento <strong>?") y marca las respuestas correctas. 
Manual de referencia MDN de elementos HTML
Una amplia referencia de elementos HTML, así como la forma en que Firefox y otros navegadores los soportan.

Nivel avanzado

Consejos para crear páginas HTML que carguen rápidamente
Optimiza páginas web para que sean adaptables a los visitantes, reduciendo la carga de tu servidor web y de tu conexión a Internet.
Sumérgete en HTML5 (Mark Pilgrim)
Aprende de una selección de características de HTML5, la versión más reciente de las especificaciones HTML.
Tutoriales de HTML5 (HTML5 Rocks)
Has una visita guiada por código que usa las características de HTML5.
Semántica en HTML5 (alistapart.com)
Aprende marcas con significado, extensibles y compatibles con versiones tanto anteriores como posteriores.
Tutorial sobre Canvas
Aprende cómo dibujar gráficos usando líneas de script y el elemento canvas.
HTML5 Doctor
Artículos sobre cómo usar HTML5 ahora mismo.
La alegría del Audio en HTML5 (Elated)
Aprende a utilizar el elemento audio en HTML para incluir sonidos en tus páginas web de forma sencilla. Hay montones de códigos de ejemplos incluidos en este tutorial.

Tutoriales de JavaScript

Nivel introductorio

Codecademy (Codecademy)
Codecademy es la forma más fácil de aprender a programar en JavaScript. Es interactivo, divertido y puedes compartir o hacer código con tus amigos.
Comenzar con JavaScript
¿Qué es JavaScript y cómo puede ayudarte en el desarrollo web?
Programar – Los fundamentos (WebPlatform.org)
Fundamentos de programación. Los artículos te indican lo que puedes hacer con JavaScript, las mejores prácticas para utilizarlo y mucho más.
Las mejores prácticas en JavaScript (WebPlatform.org)
Aprende algunas de las más evidentes (y no tan evidentes) mejores prácticas cuando escribes en JavaScript.

Nivel intermedio

Una re-introducción a JavaScript
Resumen del lenguaje de programación JavaScript enfocado a desarrolladores de nivel intermedio.
JavaScript fluído
Una guía completa para metodologías JavaScript intermedias y avanzadas.
Fundamentos de patrones de diseño en JavaScript (Addy Osmani)
Una introducción a las bases del diseño de patrones en JavaScript.
El lenguaje de programación JavaScript (YUI Blog)
Douglas Crockford explora el lenguaje tal y como es hoy en día y cómo llegó a ser así.
Introducción a JavaScript Orientado a Objetos
Aprende sobre el modelo de objetos en JavaScript.

Nivel avanzado

Aprender JavaScript avanzado (John Resig)
La guía de John Resig para JavaScript avanzado.
Introducción a DOM en JavaScript (Elated)
¿Qué es el Modelo de Objeto de Documento (Document Object Model) y para qué es útil? Este artículo te dará una buena introducción a esta característica de JavaScript.
Una API Inconveniente: la teoría de DOM (YUI Blog)
Douglas Crockford explica el Modelo de Objeto de Documento (Document Object Model).
JavaScript avanzado (YUI Blog)
Douglas Crockford estudia con detenimiento los patrones de código con los que los programadores de JavaScript pueden elegir al escribir sus aplicaciones.
JavaScript Garden
Documentación sobre las partes más extravagantes de JavaScript.
¿Qué framework de JavaScript? (Maestrosdelweb)
Consejos para escoger un framework de JavaScript.
Carga de JavaScript sin bloqueos (YUI Blog)
Consejos para mejorar el rendimiento de bajada de páginas que contienen JavaScript.
Guía de JavaScript
Una guía de JavaScript completa y actualizada frecuentemente para todos los niveles de aprendizaje, desde principiante hasta avanzado.

Tutoriales CSS

Nivel introductorio

Lo básico en CSS
Este tutorial te introduce en las hojas de estilo (Cascading Style Sheets o CSS). Además, te guiara a través de las características básicas de CCS con ejemplos prácticos que podrás probar por ti mismo en tu propio computador.
Introducción a CSS
Este módulo profundiza en el funcionamiento de CSS, incluidos selectores y propiedades, redacción de reglas CSS, aplicación de CSS a HTML, cómo especificar longitud, color y otras unidades en CSS; cascada y herencia; conceptos básicos de caja y depuración de CSS.
Estilizando cajas
A continuación, analizamos las cajas de diseño, uno de los pasos fundamentales para diseñar una página web. En este módulo recapitulamos el modelo de caja y luego observamos los diseños de caja de control estableciendo relleno, bordes y márgenes, estableciendo colores de fondo personalizados, imágenes y otras características, y características extravagantes como sombras y filtros en cajas.
Hojas externas de CSS (Wikiversity)
Aquí aprenderás cómo usar CSS, en html, desde una hoja de estilo externa (en Inglés).
Texto con estilo
En esta sección, repasaremos los fundamentos del estilo de texto, que incluyen la configuración de fuente, negrita e itálicas, el espaciado de líneas y letras, sombras paralelas y otras características de texto. Completaremos el módulo observando la aplicación de fuentes personalizadas en tú página y el diseño de listas y enlaces.
Preguntas frecuentes sobre CSS
Preguntas y respuestas frecuentes  para principiantes.

Nivel Intermedio

Referencia CSS
Referencia completa para CCS  con ayuda detallada por firefox y otros navegadores.
Desafíos CSS  (Wikiversity)
Reta tus habilidades en CCS, con lo que podrás observar aquello que necesita mejorar.
Conceptos intermedios CSS (HTML.net)
Agrupación, seudo-clases y mucho más.
Posicionamiento 101 CSS  (alistapart.com)
Usando posicionamiento con estándares complacientes y tablas de libre disposición.
Mejora progresivamente con CSS (alistapart.com)
Intégrate mejorando progresivamente dentro de tus páginas web con CCS.
Cuadrícula fluida (alistapart.com)
Diseño layouts que redimensiona fluidamente con la ventana del navegador, mientras sigue utilizando una cuadrícula tipográfica. 

Nivel avanzado

CSS3 en menos de 5 Minutos (Addy Osmani)
Una rápida introducción a algunas de las características fundamentales introducidas en CSS3.
Usando las Transformaciones CSS
Aplica rotación, inclinando escalando y traduce usando CCS.
Transiciones CSS
CSS transiciones, parte del proyecto de la especificación CSS3, proporciona un modo para animar los cambios en las propiedades CSS, en lugar de que los cambios surtan efecto al instante.
Entendiendo las Transiciones CSS3 (alistapart.com)
Comienza usando CSS3 por transiciones eligiendo cuidadosamente las situaciones  para utilizarlos.
Guia rápida para implementar Web Fonts con @font-face (HTML5 Rocks)
La función @font-face de CSS3 te permite utilizar tipografías personalizadas en la web de una forma accesible, manipulable y adaptable.
Usando Media Queries
Como realizar páginas web multiscreen con el uso de CSS y su propiedad @media.
Modelo de cajas con flexBox
Permite distribuir el contenido de la web de forma sencilla y adaptable.
 

Desarrollo de extensiones

      Extensiones Web      

Estensiones Web es un sistema de navegación cruzada para desarrollar complementos del buscador. El sistema es en gran medida compatible con la API (Interfaz de Programación de Aplicaciones) respaldada por Google Chrome y Opera. En la mayoría de los casos, las extensiones escritas para estos buscadores pueden funcionar en Firefox o Microsoft Edge con solo algunos cambios. La API es compatible también con el multiprocesador de Firefox.

 

Etiquetas y colaboradores del documento

Última actualización por: VlixesItaca,