Los Tutoriales para uso de diseñadores Web

Los Tutoriales para uso de diseñadores Web

Los enlaces de esta página llevan a una gran pluralidad de tutoriales y material de capacitación. Tanto si estás en tus inicios, aprendiendo lo básico, como si eres un veterano en desarrollo web, aquí puedes localizar recursos que te asistan con las 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 y que dan o permiten traducciones mediante licencias de contenido abierto como Creative Commons.

Tutoriales de HTML

Nivel introductorio

Introducción a HTML (WebPlatform.org)

¿Qué es HTML, qué hace? Un resumen de su historia y el aspecto de la estructura de un documento HTML. Los artículos posteriores a este entran en más detalle en las diferentes partes de HTML.

Estructura básica de una Página Web (SitePoint)

Aprende de qué manera los elementos HTML encajan juntos en un enfoque más amplio.

Elementos esenciales de HTML (SitePoint)

Describe los distintos géneros de elementos que puedes emplear para redactar documentos HTML.

Tutorial de HTML para principiantes (HTML Dog)

Tutorial y ejercicios sobre los fundamentos.

Retos HTML (Wikiversity)

Acepta los desafíos para progresar tus conocimientos sobre HTML (por servirnos de un ejemplo, “¿Debería utilizar un factor

o un elemento ?”), y marca las contestaciones adecuadas.

Manual de referencia MDN de elementos HTML

Una extensa referencia de elementos HTML y de qué forma Firefox y otros navegadores los soportan.

Nivel avanzado

Consejos para crear páginas HTML que carguen de forma rápida

Optima páginas para dar una web acomodable a los visitantes y reducir 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 peculiaridades de HTML5, la versión más reciente de la especificación HTML.

Tutoriales de HTML5 (HTML5 Rocks)

Has una visita guiada por el código que usa las características de HTML5.

Semántica en HTML5 (A List Apart)

Aprende marcas con significado, extensibles y compatibles con versiones tanto anteriores como posteriores.

Tutorial sobre Canvas

Aprende cómo dibujar gráficos utilizando líneas de script y el factor canvas.

HTML5 Doctor

Artículos sobre cómo utilizar HTML5 ya.

La alegría del Audio en HTML5 (Elated)

Aprende a utilizar el factor audio en HTML para incluir sonidos en tus páginas de forma sencilla. Hay montones de códigos de ejemplos incluidos en este tutorial.

Tutoriales de JavaScript

Nivel propedéutico

 

Codecademy (Codecademy)

Codecademy es la forma más simple de aprender a programar en JavaScript. Es interactivo, divertido y puedes hacerlo con tus amigos.

Iniciar con JavaScript

¿Qué es JavaScript y de qué forma puede ayudarte?

Programar – Los fundamentos (WebPlatform.org)

Fundamentos de programación. Los próximos artículos te señalan lo que puedes hacer con JavaScript, las mejores prácticas para emplearlo y considerablemente más.

Las mejores prácticas en JavaScript (WebPlatform.org)

Aprende ciertas más evidentes (y no tan evidentes) mejores prácticas cuando escribas JavaScript.

Nivel intermedio

Una Re-introducción a JavaScript

Resumen del lenguaje de programación JavaScript enfocado a desarrolladores de nivel intermedio.

JavaScript fluido

Una guía completa para metodologías JavaScript medias 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 como es actualmente y de qué manera llegó a ser de esta forma.

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 Weblog)

Douglas Crockford explica el Modelo de Objeto de Documento (Document Object Model).

JavaScript avanzado (YUI Weblog)

Douglas Crockford estudia con detenimiento los patrones de código con los que los programadores de JavaScript pueden escoger al redactar sus aplicaciones.

JavaScript Garden

Documentación sobre las partes más extravagantes de JavaScript.

¿Qué framework de JavaScript? (Maestrosdelweb)

Consejos para elegir un framework de JavaScript.

Non-blocking JavaScript Downloads (YUI Blog)

Consejos para mejorar el desempeño de bajada de páginas que poseen JavaScript.

Guía JavaScript

Una guía de JavaScript completa y actualizada habitualmente para todos y cada uno de los niveles de aprendizaje, desde principiantes hasta avanzados.

Tutoriales CSS

Nivel introductorio

Iniciar con CSS

Este tutorial te introduce en las hojas de estilo (Cascading Style Sheets o CSS).Además te guiase por medio de las características básicas de CCS con ejemplos prácticos que vas a poder probar por ti en tu propio computador.

Fundamentos de CSS (WebPlatform.org)

¿Qué es CCS, como aplicarlo a HTML y sintaxis básica CCS?

Clases de selector CCS (Wikiversity)

¿cuáles son las clases en CSS?

Externas CSS (Wikiversity)

De qué forma emplear CSS desde una hoja de estilo externa.

Añadiendo un poco de estilo (W3C)

Guía breve para un principiante de estilo CSS con webs.

Preguntas frecuentes sobre CSS

Preguntas y respuestas usuales para principiantes.

Nivel Intermedio

 

Referencia CSS

Referencia completa para CCS con ayuda detallada por firefox y otros navegadores.

Retos CSS (Wikiversity)

Flexiona tus habilidades CCS y vas a poder observar en dónde necesitas más práctica.

Conceptos intermedios CSS (HTML.net)

Agrupación, seudo-clases y mucho más.

Posicionamiento ciento uno CSS (una lista aparte)

Utilizando posicionamiento con estándares complacientes, tabla de libre disposición.

Mejora progresivamente con CSS (una lista aparte)

Intégrate mejorando progresivamente en tus páginas con CCS.

Cuadrícula fluida (una lista aparte)

Diseño layouts que redimensiona fluidamente con la ventana del navegador, mientras prosigue usando una cuadrícula tipográfica.

Nivel avanzado

 

CSS3 en menos de 5 Minutos (Addy Osmani)

Una rápida introducción a ciertas peculiaridades fundamentales introducidas en CSS3.

Usando las Transformaciones CSS

Aplica rotación, inclinando escalando y traduce usando CCS.

Transiciones CSS

CSS transiciones, una 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 momento.

Entendiendo las Transiciones CSS3 (Una lista aparte)

Empieza utilizando CSS3 por transiciones escogiendo esmeradamente las situaciones para usarlos.

Guia rápida para implementar Web Fonts con @font-face (HTML5 Rocks)

La función @font-face de CSS3 te permite emplear tipografías personalizadas en la página web de una forma alcanzable, manipulable y adaptable.

Usando Media Queries

Como efectuar páginas web multiscreen con el empleo de CSS y su propiedad @media.

Modelo de cajas con flexBox

Permite distribuir el contenido de la página web de forma rapida.

Los Tutoriales para uso de diseñadores Web