Es/

From Web Education Community Group
Revision as of 20:14, 7 July 2012 by Nrojas2 (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

¡Bienvenido al Wiki del Web Education Community Group (Grupo comunitario de educación web)! Esta página tiene recursos que te ayudarán a enseñar o aprender desarrollo web moderno:

  • La primera sección — el Currículo de estándares web — es una serie de artículos tutoriales sobre conceptos de alto nivel de diseño y desarrollo web y tecnologías esenciales tales como HTML, CSS y JavaScript. Es ideal para principiantes que desean aprender el arte del diseño web o profesores que buscan material preciso para utilizarlo como base de su material didáctico.
  • La segunda sección — Referencias — está diseñada para hacer búsquedas de características del lenguaje HTML y CSS.
  • La tercera sección — Estructuras de currículo — es un conjunto completo de planes de estudio relacionados con el diseño web para que los profesores puedan usarlos al ensamblar cursos e incluyen tareas de muestra, preguntas de ejemplo, listas de lectura, criterios de evaluación y más.

Nota: Esto no es un sitio definitivo, sino un sitio de desarrollo para nuestro material. Será colocado en una plataforma de publicación dedicada en los próximos meses y se agregará mucho más material. Si le gustaría contribuir, ¡por favor únase al Web Education Community Group! (Inglés)

Tabla de contenido del Curriculo de estandares web

Introducción

La siguiente es una lista de todos los artículos del currículo de estándares web que le darán un conocimiento de base esencial en el Lenguaje de Etiquetado de Texto (HTML), Hojas de Estilo en Cascada (CSS), JavaScript, accesibilidad y los demás temas que necesita conocer para ser un desarrollador/diseñador web moderno. Leerlos en orden tiene el mayor sentido, pero están escritos para que funcionen de forma individual, de manera que pueda adentrarse o salirse según le convenga si sólo necesita perfeccionar habilidades particulares.

Nota: Este material fue publicado originalmente como parte del Currículo de estándares web de Opera, disponible como Material Introductorio (inglés), escrito por Chris Mills. Al igual que el original, está publicado bajo la licencia Reconocimiento-NoComercial-CompartirIgual 2.5 de Creative Commons.

Nota #2: Muchos de los siguientes enlaces apuntan actualmente a las versiones de dev.opera, pero los iremos cambiando a las versiones del W3C a medida que vayamos agregando más al sitio. Estamos muy contentos de añadirlos a las páginas del W3C para así lograr un público más amplio y mayor colaboración en su mantenimiento.

El comienzo

Introducción al currículo de estándares web

Introducción al mundo de los estándares web

  1. La historia de la Internet y la web y evolución de los estándares web
  2. ¿Cómo funciona la Internet?
  3. El modelo de estándares web: HTML, CSS y JavaScript

Conceptos de diseño web

Esta sección no entrará en detalles de código o etiquetado y actuará como una introducción al proceso de diseño antes de comenzar a crear las imágenes o el código, así como conceptos de diseño web, tales como IA, navegación, usabilidad, etc..

  1. Arquitectura de la Información: planificación de un sitio web
  2. ¿Qué necesita una buena página web?
  3. Teoría del color
  4. Construcción del esqueleto de una página web
  5. Combinaciones de color y modelos de diseño
  6. La tipografía en la web

Fundamentos del HTML

  1. Conceptos básicos del HTML
  2. Doctypes y estilos de etiquetado
  3. El elemento <head> del HTML
  4. Más información acerca del <head> del documento

El cuerpo principal del documento HTML

  1. Etiquetar contenido textual en HTML
  2. Listas HTML
  3. Imágenes en HTML
  4. Enlaces HTML: ¡construyamos una web!
  5. Tablas HTML
  6. Formularios HTML: conceptos básicos
  7. Elementos de formulario adicionales del HTML5
  8. Elementos estructurales del HTML
  9. Elementos semánticos menos conocidos
  10. Creación de múltiples páginas con menús de navegación
  11. Validar el HTML

Accesibilidad

  1. Conceptos básicos de accesibilidad
  2. Pruebas de accesibilidad

CSS

  1. Conceptos básicos de CSS
  2. Selectores avanzados de CSS
  3. Herencia y cascada
  4. Creación de estilos de texto con CSS - Parte 1
  5. El modelo de composición de CSS: cajas, bordes, márgenes, relleno
  6. Imágenes de fondo en CSS
  7. Estilos de listas y enlaces
  8. Estilos de tablas
  9. Estilos de formularios
  10. Elementos flotantes y refluido
  11. Posicionamiento estático y relativo con CSS
  12. Posicionamiento absoluto y fijo con CSS
  13. Depuración de CSS
  14. Referencia de notación abreviada de CSS

Conocimientos avanzados de CSS

  1. Encabezamientos, pies, columnas y plantillas

Habilidades fundamentales de JavaScript

  1. Una corta historia del JavaScript
  2. Programación: ¡Los conceptos básicos!
  3. Qué puede hacer con JavaScript
  4. Su primer vistazo a JavaScript
  5. Prácticas recomendadas de JavaScript
  6. Los principios del JavaScript imperceptible
  7. Funciones de JavaScript
  8. Objetos en JavaScript
  9. Recorrer el DOM
  10. Crear y modificar HTML
  11. Estilos dinámicos: manipular CSS con JavaScript
  12. Controlar eventos con JavaScript
  13. Animación con JavaScript
  14. Simplificación agradable versus enriquecimiento progresivo

SVG

Desarrollo web móvil

  1. Móvil 1: Introducción a la web móvil

Artículos complementarios

Actualizaciones y contenido adicional propuesto para el currículo de estándares web

Referencias

Estructuras curriculares

Conocimientos básicos y habilidades "generales"

Diseño web

Desarrollo web

Material didáctico

Cada página de esta sección incluye notas de enseñanza, ejemplos, slidedecks y otros materiales para que los profesores lo utilicen en la enseñanza práctica de las estructuras curriculares señaladas en la sección Estructuras curriculares.

Actividades del Proyecto

Esta sección contiene un registro de todas las actividades emprendidas en el pasado, presente o futuro por el Grupo comunitario de educación web dividido en proyectos.

IMPORTANTE: Por favor, no contamine estas páginas con asuntos al azar, si sólo desea tomar algunas notas o registrar pensamientos aleatorios, colóquelos en el Área de Juegos para Ideas.

Otros recursos disponibles son: