• Ayuda
  • Cómo Ayudar
  • Contacto
  • Instructores
  • Descargas

CursosenHD.comCursosenHD.com

  • INICIO
  • DESTACADOS
  • AUDIO & VIDEO
    • AUDITION & AUDACITY
    • ADOBE AFTER EFFECTS
    • ADOBE PREMIERE
    • UTILIDADES
  • PROGRAMACIÓN
    • HTML y HTML5
    • JAVASCRIPT Y JAVA
    • C, C++ y C#
    • PHP
  • DISEÑO WEB / GRÁFICO
    • PHOTOSHOP
    • DREAMWEAVER
    • FLASH
    • CORELDRAW
    • ILLUSTRATOR
    • DISEÑO WEB
    • DISEÑO GRÁFICO
  • INTERNET
    • SEGURIDAD
    • WORDPRESS & BLOGGING
    • P2P Y DESCARGAS
    • UTILIDADES
  • VARIOS
    • WINDOWS
      • UTILIDADES
      • MICROSOFT OFFICE
      • TOP FREEWARE
    • IDIOMAS
    • FOTOGRAFÍA
    • IPHONE & IPAD
Inicio » Destacados » Curso de HTML5 con CSS3 y JavaScript

Curso de HTML5 con CSS3 y JavaScript

Por Juan Díaz en Destacados, Diseño Web, HTML y HTML5, Internet, JavaScript y Java septiembre 12

  • Descripción
  • Indice
En este curso aprenderás a usar HTML5 junto con otras tecnologías como CSS3 y JavaScript, su autor, Juan Gómez, nos enseñará desde las bases hasta cosas avanzadas como el uso de audio y video, la creación de barras de progreso, subir y descargar archivos y más. Es un curso muy completo de casi 30 horas de duración.

¿Qué es HTML5?

Es la última versión disponible del ya conocido HTML, esta revisión incluye muchas mejoras, como variantes en su sintaxis y nuevos elementos o etiquetas que nos facilitarán el trabajo.

Algunos de esos elementos tienen un significado semántico, por ejemplo nav, que encierra la navegación de un sitio web, footer, para el pie de página de la misma o audio y video para insertar archivos de ese tipo respectivamente. Otra de las grandes novedades, es la de poder crear animación sin necesidad de usar JavaScript o Flash.

Debido a que HTML5 es una revisión relativamente nueva, muchos navegadores web antiguos no lo reconocen, por eso es recomendable actualizar a la última versión disponible. Muchos sitios web modernos, están hechos enteramente en HTML5 por las grandes ventajas que ofrece sobre las versiones anteriores.

Algunas de las Novedades

Existen varias novedades muy interesantes en HTML5, por ejemplo la posibilidad de dibujar y animar objetos gracias a la etiqueta canvas, puede ser una animación en 2D o en 3D, el insertar archivos de audio y video directamente sin necesidad de script o plugins de terceros.

Los formularios se han actualizado, ahora podrá hacerse diferencia clara entre datos concretos: email, números, direcciones web, fechas y más. También es posible la validación de dichos formularios sin necesidad de usar JavaScript.

Web Semántica

Gracias a las etiquetas que usa HTML5, es muy fácil poder identificar cada zona de un sitio web, incluso saber para qué es cada una de estas, así como conocer su importancia, finalidad y las relaciones que existen entre dichas zonas, esto es especialmente útil para los buscadores y el buen posicionamiento web (SEO) de una página web.

Actualización a CSS3

Juan Gómez también nos hablará sobre CSS y las novedades que existen en la tercera revisión, es decir en CSS3. Algunas de estas novedades son los selectores, el modelo caja, los fondos y bordes, efectos de texto, transformaciones en 2D y 3D, animaciones, sombras y más.

JavaScript con HTML5

Aunque en otro de los cursos publicados en el sitio, ya existe uno sobre JavaScript, podrás ver otros videos sobre este lenguaje pero en esta ocasión en HTML5, al combinar ambos, se puede realizar infinidad de cosas interesantes.

Curso de HTML5 con CSS3 y JavaScript Duración
1 Introducción al Curso 10:24
2 Conceptos básicos 29:09
3 Nuevos elementos Title, Header y Nav 25:14
4 Estructura del cuerpo Article, Header y Hgroup 28:06
5 Figure figcaption y Nuevos elementos 26:00
6 CSS Primera Parte 28:54
7 CSS II Modelo caja contenedor Float, Margin y Padding 24:36
8 CSS3 I Nuevas reglas Selectores, Esquinas Redondeadas, Sombra 31:22
9 CSS3 II Degradados y transiciones 29:25
10 Ejercicio guiado I 28:19
11 Ejercicio guiado II 21:57
12 JavaScript Introducción 24:16
13 JavaScript Identificación de elementos, getElementsByClassName 24:09
14 JavaScript Identificación de elementos II. QuerySelector y QuerySelectorAll 21:27
15 Eventos en HTML5 con JavaScript I addEventListener 26:51
16 Eventos en HTML5 con JavaScript II addEventListener 21:42
17 Inserción de Vídeos I Etiqueta Video 24:05
18 Inserción de Vídeos II 31:52
19 Inserción Vídeos III. Barra de Progreso 29:00
20 Inserción de Audio 15:19
21 Formularios I Atributo Type 29:43
22 Formularios II Validación y nuevos atributos 32:43
23 Formularios III Datalist, setCustomValidity y API forms 27:31
24 Formularios IV Evento invalid y API forms 33:10
25 Formularios V Estados de validación API forms 13:00
26 API Canvas I Dibujando con HTML5 31:27
27 API Canvas II Degradados Lineales, createLinearGradient 26:14
28 API Canvas III Degradados Lineales y Radiales, createRadialGradient 16:03
29 API Canvas IV Trazados 29:29
30 API Canvas V Trazados curvos: arc, quadraticCurveTo y bezierCurveTo 31:36
31 API Canvas VI Tipos de líneas 28:22
32 API Canvas VII Texto en Canvas 19:46
33 API Canvas VIII Transformaciones, translate, rotate y scale 20:43
34 API Canvas IX Transformaciones II Transform, SetTransform, Save y Restore 24:48
35 API Canvas X Superposiciones e imágenes 22:52
36 API Canvas XI Imágenes como datos, getImageData y putImageData 27:01
37 API Canvas XII Animaciones en Canvas I 23:39
38 API Canvas XIII Animaciones en Canvas II 22:29
39 API Drag Drop I Dragstart, Drag y Dragend 24:49
40 API Drag Drop II preventDefault() dragenter, dragover 24:36
41 API Drag Drop III Perfeccionando ejemplo 23:20
42 API Drag Drop IV Galería de imágenes 30:21
43 API Drag Drop V Galería de imágenes II 14:14
44 API Drag Drop VI Arrastrando archivos, dataTransfer 24:42
45 API Geolocation Averiguando mi ubicación 25:56
46 API Geolocation II Tratamiento de errores 20:59
47 API Geolocation III Llevando posición al mapa 9:33
48 API Web Storage Almacenando información 24:18
49 API Web Storage II Almacenando Y leyendo información 28:56
50 API Web Storage III Almacenando información casi permanente Local Storage 8:24
51 API IndexedDB I Creando BD 24:22
52 API IndexedDB II Almacenando información 21:23
53 API IndexedDB III Leyendo información 17:08
54 API File I Accediendo archivos en local 24:00
55 API File II Propiedades de archivos 20:29
56 API File III Creando archivos 29:10
57 API File IV Leyendo archivos 33:44
58 API File V Moviéndonos por directorios 17:11
59 API File VI Moviendo archivos, moveTo 18:18
60 API File VII Eliminando archivos, remove() y removeRecursively() 13:58
61 API File VIII Escribiendo archivos 26:04
62 API File IX Escribiendo archivos II 14:52
63 API Communication I 22:15
64 API Communication II 24:19
65 API Communication III Enviando datos, FormData 25:13
66 API Communication IV Enviando archivos 24:24
67 API Communication V Comunicación entre aplicaciones 33:24
68 API Communication VI Comunicación entre aplicaciones II 19:57
69 API Web Worker I 24:50
70 API Web Worker II Trabajadores compartidos 33:55
71 API History I Urls falsas 20:07
72 API History II Urls falsas, State, Popstate 17:04
73 API Offline Último Video 24:35
css diseño Diseño Gráfico y Web diseño web HTML html5 Internet 2014-09-12
Juan Díaz

Juan Díaz

Es maestro de informática, imparte clases en su país, España, también crea y sube video cursos y tutoriales gratuitos a su canal de YouTube y en su página web del mismo nombre pildorasinformaticas.com, habla sobre diferentes programas de computación y de lenguajes de programación.

Otros Cursos

Curso de SQL en Español

161 Tutoriales y Recursos Gratuitos de After Effects

Curso de Microsoft PowerPoint 2013

6 Comentarios

  1. geivi
    agosto 11 at 7:28 pm

    quiero tomar el curso de HTML5 Y EL DE CSS3 completo.

    Responder
  2. jaime hernan castillo salas
    febrero 19 at 8:27 pm

    Hola deseo saber como poder tomar los cursos de HTML5 Y JAVASCRIPT por internet y cuando empiezan los cursos gracias

    Responder
  3. Carlos Vera Sánchez
    febrero 17 at 1:13 pm

    Al finalizar el curso otorgan algún certificado?

    Responder
  4. Javier
    noviembre 18 at 2:53 am

    Hola. El curso de CSS que dices de apoyo es “Curso de HTML, XHTML y CSS Básico-Intermedio”?
    https://www.cursosenhd.com/featured/curso-de-html-xhtml-y-css-basico-intermedio/ ?

    Saludos
    Javier

    Responder
  5. Ines Ruiz
    agosto 10 at 7:18 am

    Un curso muy completo. Gracias por tan estupendo trabajo.

    Responder
    • ana
      noviembre 3 at 3:29 am

      son certificados?

      Responder

Dejar Comentario Cancelar

Tu email no será publicado. Los campos requeridos están marcados *

*

*

  • Popular
  • Recientes
  • Destacados
  • Videocurso Completo Adobe Photoshop CS6 Capítulo 1

  • 34 Tips, Trucos y Secretos de Windows 8 , 8., 10

  • Curso Flash Professional CS6 Capítulo 1: Introducción

  • Curso de SQL en Español

  • 161 Tutoriales y Recursos Gratuitos de After Effects

  • Curso de Microsoft PowerPoint 2013

  • Curso de SQL en Español

  • 161 Tutoriales y Recursos Gratuitos de After Effects

  • Curso de Microsoft PowerPoint 2013

Iniciar sesión


¿olvidaste la contraseña?

Contraseña olvidada

Cancelar

Register For This Site

A password will be e-mailed to you. Cancelar

Suscríbete al Canal

Lo más buscado

PHOTOSHOP AUDIO INTERNET MICROSOFT OFFICE CC IPAD TRUCOS ADOBE DISEÑO CS6 DESTACADOS EXCEL DISEÑO WEB HTML PROGRAMACIÓN ACCESS
Copyright © 2012-2021 por Carlos Berman