Cursos Gratis de Desarrollo Web impartidos por la W3C

La W3C ha lanzado hasta 7 cursos diferentes relacionados con las tecnologías web más importantes de Internet. Los cursos se encargan de impartir formación en las tecnologías web de HTML5, CSS y Javascript, basándose en los estándares.

Además, se incluyen 2 cursos sobre autentificación y los estándares de accesibilidad web. Por ahora, todos los cursos son en inglés.

Antes de nada, veamos un resumen sobre que es W3C y porque es importante que existan los estándares.

¿Qué significa W3C?

W3C significa World Wide Web Consortium, que es la organización de estándares reconocida para la World Wide Web.

Esta organización fue fundada por Tim Berners-Lee y está dirigida por personal de tiempo completo para continuar desarrollando y manteniendo los estándares web.

¿Para qué sirven los estándares web?

Estos estándares se utilizan para ayudar a guiar a los desarrolladores web y navegadores a desarrollar código que cumpla con ciertos estándares.

En pocas palabras, escriben el libro de reglas que ayuda a definir si nuestro código está bien o mal escrito.

Así es como sabemos si nuestro marcado (código) es asombroso o no tan asombroso.Ahora sí, veamos más sobre los cursos gratis que nos ofrece la W3C.

¿Qué cursos para desarrolladores web ofrece gratis la W3C?

1. Conceptos básicos de HTML5 y CSS

Aprende los componentes básicos del diseño y estilo web (HTML5 y CSS) para darle a su sitio una apariencia profesional. Le guiamos paso a paso sobre cómo utilizar los últimos estándares web para crear un sitio del que estar orgulloso.

Al final del curso, debe comprender todos los elementos fundamentales, desde encabezados y enlaces hasta imágenes y barras laterales, y dejar de haber construido un marco básico para su propio sitio web.

Este curso fue desarrollado inicialmente por Dale A. Schouten, Anusha Muthiah y Christopher Perkins, como parte de una asociación entre W3C e Intel®.

¡ÚNETE AL CURSO !

Lo que aprenderás en este curso

• Cómo escribir una página web
• Conceptos de un lenguaje de marcado
• Conceptos básicos de HTML5 y CSS
• Diseño y estilo web
• Diseño de página y caja flexible

Plan de estudios

Módulo 1: Mi primera página web

• Los tres grandes: HTML5, CSS y JavaScript
• Elementos, etiquetas y atributos
• Codificación de caracteres
• Mejores prácticas

Módulo 2: Atributos, imágenes y enlaces

• Atributos
• Significado semántico
• Imágenes
• Hipervínculos

Módulo 3: Agregar estilo con CSS

• Sintaxis básica de CSS
• Propiedades de CSS – Listas y selectores

Módulo 4: Corrección y depuración

• Herramientas de depuración y HTML5
• Depuración y modelo de caja CSS
• Depuración de precedencia CSS

Módulo 5: Más HTML5 y CSS

• Tablas
• Multimedia
• Incorporación de contenido
• Trucos CSS

Módulo 6: Conceptos básicos del diseño de página

• Conceptos
• CSS Flexbox
• CSS Grid
• Proyecto de receta

¡ÚNETE AL CURSO !

2. Conceptos básicos y prácticas recomendadas de codificación HTML5

HTML5 es el lenguaje estándar de la Web, desarrollado por W3C. Para los desarrolladores de aplicaciones y la industria, HTML5 representa un conjunto de características en las que las personas pueden confiar durante los próximos años.

HTML5 es compatible con una amplia variedad de dispositivos, lo que reduce el costo de crear aplicaciones enriquecidas para llegar a los usuarios en todas partes.

Independientemente de los teléfonos móviles, objetos conectados, consolas de juegos, tableros de automóviles y dispositivos que aún no se hayan considerado, HTML5 ayuda a escribir una vez y a implementar en cualquier lugar.

En este curso, aprenderá todas las funciones de HTML5 para ayudarlo a crear excelentes sitios web y aplicaciones de una manera simplificada pero poderosa. HTML5 proporciona soporte nativo para video y audio sin complementos, brinda soporte para aplicaciones fuera de línea, para juegos con animaciones interactivas fluidas y mucho más.

¡ÚNETE AL CURSO !

Lo que aprenderás en este curso

• Conozca los elementos HTML5 simplificados
• Juega con los elementos de audio y video.
• Dibuja y anima divertidos gráficos web
• Descubra las características de los formularios HTML5
• Pruebe las API básicas, como el almacenamiento web y la geolocalización.
• Y, sobre todo, practica técnicas de codificación gracias a múltiples ejemplos interactivos.
• De HTML1.0 a HTML5
• Elementos estructurales

Semana 2: multimedia HTML5

• Transmisión de contenido multimedia: los elementos de video y audio
• Subtítulos y subtítulos ocultos
• Cámara web, micrófono: la API getUserMedia

Semana 3: gráficos HTML5

• Conceptos básicos del lienzo HTML5
• Modo de dibujo inmediato: rectángulos, texto, imágenes, etc.
• Modo de dibujo de ruta: líneas, círculos, arcos, curvas, etc.
• Colores, degradados, patrones, sombras, etc.

Semana 4: animaciones HTML5

• Técnicas básicas de animación
• Lienzo e interacción con el usuario

Semana 5: formularios HTML5

• Introducción a los formularios HTML5
• Formas accesibles
• Tipos de entrada, atributos de formularios
• API de validación de formularios

Semana 6: API básicas de HTML5

• Introducción a las API de HTML5
• La API de almacenamiento web
• La API de archivos
• La API de geolocalización

¡ÚNETE AL CURSO !

3. Aplicaciones y juegos HTML5

¿Quiere aprender técnicas y consejos avanzados de HTML5? ¡Este es el curso para ti! Obtenga más información sobre las potentes funciones web que lo ayudarán a crear contenido y aplicaciones excelentes.

Este curso es un seguimiento natural de HTML5 Coding Essentials and Good Practices . En este curso, continuamos la exploración de las API basadas en HTML5, pero también presentamos algunas características avanzadas relacionadas con HTML5, como componentes web, multimedia avanzada, audio para música y juegos, etc.

Como en el primer curso, aprenderás haciendo, estudiarás los ejemplos interactivos y te divertirás con los proyectos de desarrollo propuestos. Uno de ellos será crear un juego HTML5, ¡así que participa y aprende mucho!

¡ÚNETE AL CURSO !

Lo que aprenderás en este curso

• Funciones multimedia avanzadas con las API Track y WebAudio
• Técnicas de juegos HTML5
• Más API, incluidos Web Workers y Service Workers
• Técnicas de persistencia para el almacenamiento de datos que incluyen IndexedDB, API del sistema de archivos y arrastrar y soltar

Plan de estudios

Semana 1: Multimedia HTML5 avanzado

• La API de seguimiento de texto cronometrado
• Funciones avanzadas para reproductores de audio y video
• Crear pistas sobre la marcha, sincronizar contenido HTML con un video
• La API de Web Audio

Semana 2: Programación de juegos con HTML5

• Conceptos básicos del desarrollo de juegos HTML5
• Un marco de juego simple
• Animación basada en el tiempo
• Animación de múltiples objetos, detección de colisiones.
• Animación basada en sprites
• Estados del juego

Semana 3: Carga y descarga de archivos HTML5

• Solicitudes de API de archivos y Ajax / XHR2
• Arrastrar y soltar: conceptos básicos
• Arrastrar y soltar: trabajar con archivos
• Formularios y archivos
• IndexedDB
• Conclusión sobre la persistencia del lado del cliente

Semana 4: HTML5 Multimedia

• Componentes Web
• Trabajadores web
• Las API de orientación y movimiento del dispositivo
  ¡ÚNETE AL CURSO !

4. Conceptos básicos de CSS

¿Acaba de comenzar su viaje hacia el desarrollo web? Este curso le presenta los conceptos básicos del diseño web y le enseña cómo diseñar su sitio web para lograr una apariencia profesional.

En este curso, lo guiamos paso a paso en el uso de los últimos estándares web para estructurar su contenido y presentación como un profesional.

Explorará numerosas funciones de CSS para ayudarlo a controlar la apariencia de su sitio, como los colores, las fuentes y el diseño. Al final del curso, debe comprender todos los elementos fundamentales de CSS y cómo usarlos de manera efectiva.

Se recomienda que esté al menos un poco familiarizado con HTML antes de tomar este curso, pero le proporcionaremos el código HTML cuando sea necesario.

¡ÚNETE AL CURSO !

Lo que aprenderás en este curso

• Selección básica de propiedades CSS
• Selectores CSS fundamentales
• Diseñar el diseño de la página a través del posicionamiento relativo con CSS
• Mejores prácticas en diseño web

Plan de estudios

Módulo 1: Empezando con CSS

• ¿Qué es CSS?
• ¿Por qué es importante CSS?

Módulo 2: Creación de reglas CSS

• Revisión de HTML
• Construyendo una regla CSS
• Adjuntar CSS a HTML usando selectores
• Aplicar estilos usando propiedades CSS

Módulo 3: Orientación HTML específica con selectores CSS

• Usar clases e ID de HTML
• Pseudoclases CSS
• Combinando selectores

Módulo 4: Diseño y posicionamiento

• Los fundamentos del diseño
• Elementos flotantes
• Posicionamiento relativo

Módulo 5: Diseño de su sitio web para su audiencia

• Los fundamentos del diseño
• Diseñando para tu audiencia
• Por qué la accesibilidad es importante
• Por qué la internacionalización es importante
• Tendencias históricas de diseño web
• Tendencias actuales en diseño web
  ¡ÚNETE AL CURSO !

5. Introducción a JavaScript

JavaScript le permite agregar funciones interactivas a sus sitios web, incluido contenido actualizado dinámicamente, multimedia controlada, imágenes animadas y mucho más.

Desarrollado en colaboración entre el W3C y la Universidad Côte d’Azur, este curso introductorio ha sido diseñado para ayudar a los desarrolladores web a comprender los conceptos básicos del idioma.

Presentamos las mejores prácticas de JavaScript por medio de muchos ejemplos interactivos, algunos de los cuales se demuestran en videos de codificación en vivo.
Usamos JavaScript en el navegador web. Por qué JavaScript vale la pena:

• HTML5, CSS y JavaScript son los “tres clásicos” para desarrolladores y diseñadores;
• Agrega interactividad a sus sitios web;
• Es potente, fácil de aprender y rápido de escribir;
• Tiene excelentes herramientas (editores, tiempos de ejecución, herramientas de lint, navegadores y bibliotecas de terceros), así como un excelente soporte en línea a través de muchas comunidades activas de código abierto.

Al final del curso, esperamos que pueda leer el código fuente de cualquier ejemplo de JavaScript que se encuentre en la Web, aprender de él, modificarlo e incluso, ¿por qué no? – empezar a contribuir a proyectos de JavaScript de código abierto.

¡ÚNETE AL CURSO !

Lo que aprenderás en este curso

• Cómo agregar código JavaScript en su sitio web / aplicación web y cómo depurarlo
• Cómo hacer sitios web interactivos a través de la API DOM
• Cómo cambiar los estilos CSS de elementos HTML5 desde JavaScript
• Cómo lidiar con formularios HTML5
• Cómo hacer gráficos y animaciones básicos usando el lienzo HTML5

Plan de estudios

Módulo 1: Introducción a JavaScript

• JavaScript, HTML y CSS
• Descripción general de JavaScript
• Tu primera página HTML / CSS / JS
• Variables, valores, funciones, operadores y expresiones
• Ejemplos sencillos de JavaScript para jugar

Módulo 2: Agregar interactividad a HTML

• Declaraciones condicionales, bucles y operadores lógicos
• Funciones y devoluciones de llamada
• Manejo de eventos
• La API DOM
• Escribamos un pequeño juego

Módulo 3: Jugando con HTML5

• Matrices e iteradores
• API HTML5 multimedia y JavaScript
• Visualización de un mapa con la API de geolocalización
• Reproducción de muestras de sonido y música

Módulo 4: Estructuración de datos

• Objetos, propiedades y métodos
• Creando múltiples objetos
• Mejorando el juego pequeño con clases

Módulo 5: Trabajar con formularios

• Objetos JavaScript integrados
• Campos de entrada, formularios y tablas HTML5
• La notación JSON
• Creemos una pequeña aplicación

¡ÚNETE AL CURSO !

6. Introducción a la accesibilidad web

La accesibilidad es esencial para las personas y organizaciones que desean crear sitios web y aplicaciones de alta calidad, y no excluir a las personas del uso de sus productos y servicios. Este curso le brinda la base en accesibilidad que necesita para sobresalir en las profesiones digitales. Está diseñado para:

• desarrolladores
• diseñadores
• autores de contenido
• gerentes de proyecto
• gente con discapacidades

El material opcional lo ayuda a aprender más sobre los temas que más le interesan.

En este curso, aprenderá sobre los estándares internacionales para la accesibilidad web del W3C, incluidas las Pautas de accesibilidad al contenido web (WCAG) y WAI-ARIA para aplicaciones de Internet enriquecidas y accesibles, y los primeros pasos para aplicarlos.

También aprenderá el amplio alcance de la accesibilidad web, cómo las personas con discapacidades utilizan diferentes tecnologías de asistencia y estrategias de adaptación, los beneficios comerciales de la accesibilidad web y dónde encontrar los recursos del W3C para implementar la accesibilidad.

¡ÚNETE AL CURSO !

Lo que aprenderás en este curso

• Qué significa accesibilidad y cómo es esencial para algunas personas y útil para todos
• El alcance de la accesibilidad web y cómo se aplica a una amplia gama de personas y situaciones
• El caso de negocios, incluyendo cómo la accesibilidad puede expandir el alcance del mercado, demostrar social responsabilidad, impulsar la innovación y minimizar el riesgo legal
• Las Pautas de Accesibilidad al Contenido Web (WCAG) del W3C y otros estándares internacionales de accesibilidad
• Los principios de accesibilidad: Perceptible, Operable, Comprensible y Robusto (POUR)
• Cómo puede consultar las páginas web para algunos problemas básicos de accesibilidad y mejorar la accesibilidad
• Dónde encontrar los recursos adecuados para que los desarrolladores y diseñadores implementen la accesibilidad
• Enfoques para planificar la gestión de la accesibilidad en su proyecto y en su organización
• Dónde encontrar recursos del W3C para que los desarrolladores y diseñadores implementen la accesibilidad

Plan de estudios

Este curso se basa en el plan de estudios abierto de la Iniciativa de Accesibilidad Web (WAI) del W3C.

Módulo 1: Qué es la accesibilidad web (2 secciones)

• Introduce el amplio alcance de la accesibilidad digital a través de historias reales de personas con discapacidad.
• Ejemplos de cómo la accesibilidad afecta la vida de la interacción en el mundo digital

Módulo 2: Personas y tecnología digital (5 secciones)

• Explora cómo las personas con diferentes discapacidades utilizan diversas tecnologías de asistencia y estrategias de adaptación.
• Introduce barreras de accesibilidad y soluciones de accesibilidad.
• Explora cómo las decisiones de diseño impactan en las interacciones.
• Explica los componentes esenciales de la accesibilidad web.

Módulo 3: Caso de negocio y beneficios (2 secciones)

• Presenta el retorno directo e indirecto de la inversión y el caso de negocio organizacional.
• Explica los beneficios más amplios para todos, con o sin discapacidad.

Módulo 4: Principios, estándares y comprobaciones (5 secciones)

• Cubre los estándares internacionales de accesibilidad de la Iniciativa de Accesibilidad Web (WAI) del W3C
• Explica los principios rectores de la accesibilidad web: perceptible, operable, comprensible y robusto (POUR)
• Guías a través de los primeros pasos para verificar la accesibilidad y las aplicaciones.

Módulo 5: Introducción a la accesibilidad (2 secciones)

• Explica los enfoques para integrar la accesibilidad en sus procesos de diseño y desarrollo.
• Brinda consejos para comenzar con la accesibilidad de inmediato.

¡ÚNETE AL CURSO !

7. Introducción a la autenticación web

Este curso presenta a los desarrolladores la API de autenticación web (WebAuthn) del W3C, que proporciona las herramientas para reemplazar nombres de usuario y contraseñas en favor de la autenticación criptográficamente segura respaldada por hardware.

Los alumnos explorarán conceptos básicos como el registro y la autenticación, y cómo WebAuthn frustra los ataques modernos como el phishing para garantizar la seguridad y la privacidad.
Después de familiarizarse con los bloques de construcción de WebAuthn, como los autenticadores, los clientes y las partes que responden, los alumnos pasarán a montar un servidor WebAuthn y aprenderán los diferentes flujos admitidos por WebAuthn.

Finalmente, los estudiantes revisarán la guía y las recomendaciones para operar un entorno WebAuthn, culminando el curso con un proyecto interactivo que brinda a los desarrolladores una base sólida para proteger los activos y contemplar un futuro sin contraseña.

¡ÚNETE AL CURSO !

Lo que aprenderás en este curso

• ¿Qué es la autenticación web (también conocida como WebAuthn)?
• Conceptos clave de WebAuthn
• Cómo crear y usar credenciales de autenticación web
• Construcción de una infraestructura de servidores
• Comprender e implementar los requisitos del lado del servidor

Plan de estudios

Módulo 1: Introducción a la autenticación web

Después de completar este módulo, los estudiantes comprenderán por qué el desarrollo de WebAuthn resuelve los problemas que afectan a las opciones de autenticación actuales. Los estudiantes obtienen una vista de alto nivel sobre cómo funciona WebAuthn en la web, junto con un vistazo al código necesario para admitir un servidor WebAuthn.

Módulo 2: Implementación de un servidor WebAuthn

Este módulo trata sobre la implementación de una implementación Web de muestra de WebAuthn. Incluye experiencia práctica con WebAuthn, tanto en la implementación de un servidor WebAuthn básico como en la integración de WebAuthn en un contexto más amplio.

Los estudiantes reemplazarán un nombre de usuario y una contraseña de inicio de sesión utilizando una arquitectura de muestra de WebAuthn. Al final de este módulo, los estudiantes tendrán la experiencia necesaria para utilizar WebAuthn en nuevas implementaciones, así como en la adaptación de servicios existentes.

¡ÚNETE AL CURSO !

---

Además, estos cursos están incluidos dentro de la Certificación Profesional de la W3C. Que vas a poder cursar desde la propia plataforma de EDX e impartida en su totalidad por la W3C.

Master en lenguajes de programación fundamentales ¡ÚNETE AL PROGRAMA COMPLETO DE LA W3C! PVP. 793 €