Introducción
  • Introducción
  • Temario del curso
  • Conoce a tu instructor, Juan Gabriel Gomila
  • Sobre las tecnologías de front end y back end
  • Acerca de la valoración prematura del curso en Udemy
  • Repositorio Git con todos los proyectos del curso
HTML5, el lenguaje de etiquetas de web
  • Acerca de HTML5
  • Un editor de texto para gobernarlos a todos
  • Mi primer fichero HTML
  • Un recorrido histórico por HTML4.01 y XHTML
  • El estándar del siglo XXI: HTML 5
  • Cómo comentar nuestro código en HTML
  • Las meta etiquetas de la cabecera y los buscadores web
  • Las marcas principales de texto en HTML
  • Las divisiones lógicas y spans
  • Más etiquetas de HTML 5
  • Formas de cambiar el color
  • Las formas de declarar un CSS
  • Decoradores de los textos
  • Diferentes formatos en el texto
  • Ejercicio final: donde quiero viajar y qué quiero comer
Organización y estilo en HTML5
  • Acerca de la organización en base a etiquetas
  • Listas ordenadas
  • Listas sin ordenar
  • Estilizando las listas
  • Ejercicio: compañías tecnológicas y medios de transporte
  • Links externos
  • Links internos
  • Creando anclas dentro de nuestras páginas
  • Estilizando los links
  • Más sobre links
  • Más sobre listas
  • Ejercicio final: mis lugares favoritos y empresas tecnológicas (parte 2)
  • ¿Te gusta el curso de HTML5?
Recursos multimedia en las webs
  • Las webs con recursos multimedia
  • La etiqueta para incluir imágenes en HTML
  • Imágenes con links
  • Audios incrustados en HTML
  • Videos incrustados en HTML
  • Videos de YouTube y Vimeo con iFrames
  • Ejercicio final: lugares a los que quiero ir (y ver)
Tablas y datos
  • La información en tablas
  • Las tablas en HTML
  • Los spans y captions de una tabla
  • Tablas con bordes estilizados y colapsados
  • Filas con colores alternos en una tabla
  • Ajustar el tamaño de una tabla y el estilo de sus captions
  • Otras formas de crear tablas
  • Ejercicio final: Las acciones de las empresas tecnológicas
Formularios y entrada de datos en HTML
  • Los formularios en internet
  • Crear un formulario en HTML 5
  • La entrada de datos
  • Los radio buttons
  • Los check boxes
  • Nuevos elementos de formulario de HTML5
  • Desplegables en HTML
  • Ejercicio final: un formulario de ingreso a un hospital
Distribuciones en el canvas con CSS
  • El papel del CSS en la distribución de objetos
  • El modelo de caja del CSS
  • Bordes y márgenes
  • Los paddings
  • Ejercicio sobre márgenes, bordes y paddings
  • Display block vs inline
  • Los distintos tipos de overflow
  • Divisiones fijas vs absolutas
  • Float left, float right y clear both para hacer dos columnas
  • Cómo hacer una barra de navegación
  • Ejercicio final: tu propia web
  • Un breve repaso de las etiquetas en HTML
Introducción a Javascript
  • Javascript, el lenguaje de la comunicación
  • Hola Javascript!
  • Javascript interno y externo
  • Las variables en Javascript
  • Ejercicio: en la granja de Pepito
  • Solución del ejercicio
  • Operadores en Javascript
  • Ejercicio sobre operadores de JS
  • Las bases de Javascript
Operadores de decisión en Javascript
  • ¿Cómo puede un ordenador tomar decisiones?
  • Las condiciones más sencillas
  • Los operadores de comparación
  • Combinar condiciones booleanas con AND y OR
  • If y Else
  • If y Else combinados
  • Switch y Case
  • La toma de decisiones
Los diálogos entre usuario y javascript
  • Acerca de la comunicación usuario y ordenador
  • Alertas
  • Confirmaciones
  • Cuadros de avisos