HTML+CSS+Javascript para principiantes - Desarrollo Web

Name: HTML+CSS+Javascript para principiantes - Desarrollo Web
Rating: 4.6 (158 reviews)

Aprende a crear tu propia pagina web, añadele estilos de presentación con CSS y eventos con javascript.

Created byAlejandro Guzmán Castellanos

Last updated 2/2021

Spanish

SpanishSpanish

What you'll learn

Desarrollaras tus propias paginas web, con contenidos de calidad.
Podras montar tu propio negocio y desarrollar paginas web para tener ingresos adicionales.
Aprenderás no sólo HTML, sino también CSS para crear páginas web atractivas.
Incluir al final un valor agregado a este curso, una inducción básica para Javascript.

Course content

8 sections • 46 lectures • 5h 58m total length

Estructura Básica de HTML4:11
Aprenderás a codificar la estructura básica HTML que conforman cualquier pagina web.
Taller 17:40
Taller 1 - Crea tu primera pagina web
Guardar tus paginas HTML2:24
Aprenderás a guardar tus archivos HTML para ir creando tu pagina web.
Practica guiada4:37
Aprenderás a dar formato a una pagina web mediante una practica guiada paso a paso.
Tablas en HTML3:46
Aprenderemos a crear tablas de datos con HTML
Taller de Tablas en HTML4:43
Taller de creación de tablas con HTML para tu pagina web (paso a paso).
Practica Tablas en HTML4:14
En tu editor favorito, haremos juntos una tabla en html

Introducción al CSS17:35
Analizaremos las diferentes formas de asociar CSS al contenido HTML, veremos el concepto de cajas en HTML.
Taller 1 - CSS4:56
Iniciaremos un taller completamente practico donde aplicaremos los atributos CSS para mejorar tu pagina web.
Taller 2 - Familias de Fuentes5:25
Aprenderás a definir tipos de fuentes, tamaños, alineación.
Taller 3 - Margenes, Rellenos, Agrupación de objetos5:25
Aprenderás sobre el concepto de caja y como aplicar los conceptos de márgenes, rellenos y creación de agrupaciones de elementos HTML.
Taller 4 - Aplicación de Propiedades CSS a Cajas6:57
Continuaras practicando y agregando propiedades CSS a contenedores HTML
Taller 5 - Bordes, Márgenes, Rellenos, Textos, todo junto - parte 15:57
Aplicaremos los conceptos de propiedades a grupos de objetos HTML - parte 1
Taller 6 - Bordes, Márgenes, Rellenos, Textos, todo junto - parte 27:10
Aplicaremos los conceptos de propiedades a grupos de objetos HTML - parte 2
Evaluación guiada HTML y CSS11:43
Vamos a realizar una evaluación guiada, esto quiere decir que no estas solo, yo te ayudo.

Video en HTML9:00
Analizaremos la estructura de los videos, compatibilidades y tipos permitidos para tu pagina web.
Imágenes en HTML2:12
Analizaremos la estructura de las imágenes para tu pagina web.
Sonido en HTML5:02
Analizaremos la estructura necesario para incluir audios en tu pagina web.
Taller practico Imagen y Sonido7:07
Mediante el taller practico, aprenderás a incorporar tus propias imágenes y sonido en tu pagina web

Introducción a los formularios con HTML8:00
Veremos los conceptos básicos de los formularios y enteras la interacción en el mundo web.
Captura de datos con Botones de Radio3:43
Aprenderemos a utilizar los botones de radio para capturar información especifica en nuestro formulario HTML
Envío de Información al servidor de tu Sitio Web - Submit2:53
Aprenderás a usar el botón para envío de información contenida en los formularios HTML.
Entendiendo el mundo Web3:45
En una explicación sencillas, veremos como interactúan los diferentes lenguajes en el mundo Web.
Resumen previo de nuestra próxima sección - Formularios mas a Fondo1:59
Aun no hemos terminado con formularios, nos espera mucho trabajo, vamos a realizar un resumen de los que veremos en la próxima sección, llena de talleres y practicas para tu aprendizaje.

Entrada de datos tipo Texto en formularios9:19
Analizaremos en detalle la captura de información en campos tipo texto en HTML y haremos un taller practico.
Entrada de datos tipo Botón de Radio en formularios8:14
Analizaremos en detalle la captura de información mediante cajas de chequeo y haremos un taller practico.
Agrupaciones de datos en los formularios HTML3:43
Analizaremos como se pueden agrupar en HTML los campos para mejorar la visualización de nuestra pagina web
Entrada de datos tipo Archivo en formularios6:18
Analizaremos la forma de capturar archivos de imágenes en HTML, permitiendo que los usuarios suban fotos a tu pagina web.
Entrada de datos con mascara en formularios4:40
Analizaremos en detalle la captura de información en campos enmascarados (tipo claves de acceso).
Envío de Información de datos de formularios al nuestro sitio web4:59
Analizaremos el uso de botones para envío de información capturada en formularios a nuestro sitio web. Incluye también un taller con mejoras en CSS.
Limpieza del contenido de campos en los formularios4:05
Analizaremos como limpiar el contenido de todos los campos de un formulario en HTML, incluye taller con mejoras en CSS.
Entrada de datos tipo caja de chequeo en los formularios7:25
Analizaremos en detalle la captura de información en campos tipo caja de chequeo en HTML y haremos un taller practico con mejoras en CSS.
Validación de campos tipo email en los formularios al enviar datos4:53
Analizaremos el uso de validaciones para campos tipo correo electrónico al realizar el envío de datos del formulario a nuestros sitio web, incluye taller.
Entrada de datos para captura de colores por paleta4:40
Analizaremos en detalle una utilidad de HTML que permite seleccionar un color de la paleta de colores. Haremos un taller practico con mejoras en CSS.
Entrada de datos tipo fecha en los formularios3:49
Analizaremos en detalle la captura de información en campos tipo fecha en HTML y haremos un taller practico para su uso.
Validación de campos tipo numérico en los formularios al enviar datos5:50
Analizaremos el uso de validaciones para campos tipo numérico al realizar el envío de datos del formulario a nuestros sitio web, incluye taller con mejoras en CSS.
Utilización de botones en HTML9:40
Analizaremos en detalle el uso de botones en nuestra pagina web para realizar acciones especificas, incluí un taller con algo de javascript no muy profundo, pero nos servirá de base para nuestro próximo curso.
Validación de campos tipo URL en los formularios el enviar5:29
Analizaremos el uso de validaciones para campos tipo URL al realizar el envío de datos del formulario a nuestros sitio web, incluye taller con mejoras en CSS.
Tarea completa sobre formularios para afianzar conocimientos

Solución a la tarea en casa fase-110:40
Realizaremos la fase-1 de la tarea que realizaste y aprenderemos algo de Javascript para interactuar con los formularios en HTML.
Solución a la tarea en casa fase-24:48
Realizaremos la fase-2 de la tarea que realizaste y aprenderemos algo de Javascript para interactuar con los formularios en HTML.
Solución a la tarea en casa fase-312:05
Realizaremos la fase-3 de la tarea que realizaste y aprenderemos algo de Javascript para interactuar con los formularios en HTML. Incluye javascript.
Introducción a Javascript - leyendo formularios20:41
Analizaremos la interacción de javascript con HTML para obtener los datos que digita un usuario en los formularios.
Introducción a Javascript - Modificando elementos HTML16:41
Analizaremos como se utiliza javascript para modificar elementos HTML y estilos CSS por eventos.

Taller de interacción Javascript con JSON.20:54
Gracias a las solicitudes de mis estudiantes, he agregado este nuevo capitulo en Marzo 2021 para ayudarles con el tema de la creación de paginas Web dinámicas desde Javascript utilizando como base JSON.
Taller de interacción Javascript con JSON - Parte 227:30
Sigue paso a paso las indicaciones en este taller y aprender a crear paginas web dinámicas con Javascript.

Requirements

No se requieren conocimientos en programación
Se utilizaran editores gratis en línea para los talleres y prácticas

Description

En este curso, veremos en detalle las capacidades de HTML 5 para crear paginas web, aprenderás también CSS 3 para darle mejor presentación a tu pagina web e incluí 2 clases adicionales para mis estudiantes donde veremos conceptos básicos de Javascript y su interacción con HTML y CSS. El curso incluye varios talleres prácticos y código para algunas practicas complejas. Que esperas ?, ingresa a este curso y aprender a desarrollar paginas web atractivas y comienza tu propio negocio como desarrollador web.

Who this course is for:

Estudiantes que deseen aprender html5 y css3 sin necesidad de saber programar.
Diseñadores que utilizaran html5 y ccs3 para crear paginas web de alto impacto.
Personas que hayan visto HTML y deseen integrarlo con CSS
Estudiantes interesados en integrar HTML5, CCS3 y Javascript básico

HTML+CSS+Javascript para principiantes - Desarrollo Web

What you'll learn

Explore related topics

Course content

Introducción HTML7 lectures • 32min

Introduccion CSS8 lectures • 1hr 5min

Video, Imagen y Audio en HTML4 lectures • 23min

Formularios HTML y captura de datos5 lectures • 20min

Formularios mas a Fondo14 lectures • 1hr 23min

Introducción al Javascript (valor agregado de este curso)5 lectures • 1hr 5min

Vinculos - Links1 lecture • 12min

Desarrollo de paginas Web dinámicas con Javascript2 lectures • 48min

Requirements

Description

Who this course is for: