55320 Programming with HTML, CSS, and JavaScript
Descripción
Este curso se centra en el uso de HTML, CSS y JavaScript para desarrollar páginas web, implementar lógica de programación, definir y usar variables, realizar bucles y ramificaciones, capturar y validar entradas de usuario, almacenar datos y crear aplicaciones bien estructuradas.
Objetivos
- Describir las tecnologías involucradas en el desarrollo web.
- Crea páginas HTML con enlaces e imágenes.
- Explica los beneficios de CSS.
- Diseña páginas HTML con CSS.
- Explicar los conceptos de objetos, métodos y propiedades.
- Trabajar con variables de JavaScript.
- Cree sus propias funciones personalizadas en JavaScript.
- Escribir lógica de control de flujo en JavaScript.
- Escriba código JavaScript que escuche y controle eventos, como clics del mouse y cargas de página.
- Crea formularios con HTML y valídalos con JavaScript.
- Utilice expresiones regulares en JavaScript para la validación avanzada de formularios.
Audiencia
Este curso está dirigido a estudiantes nuevos en la programación de computadoras o programadores experimentados que son nuevos en el desarrollo web del lado del cliente.
Prerequisitos
- Habilidades básicas de computación y mecanografía.
Contenido del Curso
- HTML es parte de un equipo
- Programación del lado del cliente
- Programación del lado del servidor
- Tecnologías de Desarrollo Web
- Ejercicio: Un documento HTML simple
- Primeros pasos con un documento HTML sencillo
- Elementos, atributos y comentarios HTML
- El esqueleto HTML
- Visualización de la fuente de la página
- Caracteres especiales
- Elementos HTML y caracteres especiales
- Historia de HTML
- El atributo lang
- Párrafos
- Niveles de encabezado
- Saltos y reglas horizontales
- Ejercicio: Párrafos, encabezados y texto
- La etiqueta div
- Creación de una página HTML
- Texto citado
- Texto preformateado
- Elementos semánticos en línea
- Ejercicio: Adición de elementos en línea
- Enlaces Introducción
- Enlaces de texto
- Rutas absolutas frente a rutas relativas
- Segmentación de nuevas pestañas
- Enlaces de correo electrónico
- Ejercicio: Añadir enlaces
- Lorem Ipsum
- El atributo title
- Enlace a una ubicación específica de la página
- Segmentación por una ubicación específica de la página
- Inserción de imágenes
- Enlaces de imágenes
- Adición de imágenes al documento
- Ejercicio: Añadir imágenes a la página
- Proporcionar imágenes alternativas
- Listas desordenadas
- Listas ordenadas
- Listas de definiciones
- Ejercicio: Creación de listas
- Beneficios de las hojas de estilo en cascada
- Reglas CSS
- Selectores
- Combinadores
- Precedencia de los selectores
- Cómo los navegadores estilizan las páginas
- Restablecimientos de CSS
- Normalizadores CSS
- Hojas de estilo externas, hojas de estilo incrustadas y estilos en línea
- Ejercicio: Creación de una hoja de estilo externa
- Ejercicio: Creación de una hoja de estilo incrustada
- Ejercicio: Adición de estilos en línea
- div y span
- Ejercicio: Estilizar div y span
- Tipos de medios
- Unidades de medida
- Herencia
- familia-fuente
- @font cara
- tamaño-fuente
- estilo de fuente
- font-variant
- peso-fuente
- altura-de-línea
- Taquigrafía de fuentes
- Ejercicio: Estilizar las fuentes
- Acerca del color y la opacidad
- Valores de color y opacidad
- Color
- Opacidad
- Ejercicio: Añadir color y opacidad al texto
- Espaciado entre letras
- Alineación de texto
- Texto-decoración
- Sangría de texto
- Sombra-texto
- Transformación de texto
- Espacio en blanco
- Ruptura de palabras
- Espaciado entre palabras
- Ejercicio: Propiedades del texto
- JavaScript vs. EcmaScript
- El DOM HTML
- Sintaxis de JavaScript
- Acceso a los elementos
- ¿Dónde se escribe el código JavaScript?
- Objetos, métodos y propiedades de JavaScript
- Ejercicio: alertas, escritura y cambio de color de fondo
- JavaScript Variables
- Un lenguaje vagamente tipado
- Herramientas de desarrollo de Google Chrome
- Almacenamiento de datos introducidos por el usuario
- Ejercicio: Uso de variables
- Constantes
- Matrices
- Ejercicio: Trabajar con matrices
- Matrices asociativas
- Jugando con métodos de matriz
- Operadores de JavaScript
- El operador de módulo
- Jugar con operadores
- El operador predeterminado
- Ejercicio: Trabajar con operadores
- Objetos y funciones globales
- Ejercicio: Trabajar con funciones globales
- Funciones definidas por el usuario
- Ejercicio: Escribir una función JavaScript
- Devolver valores de funciones
- Laboratorio 1: Ejercicios incluidos a lo largo de la lección
- Instrumentos de cuerda
- Matemática
- Fecha
- Funciones auxiliares
- Ejercicio: Devolver el día de la semana como una cuerda
- Condicionales
- Cortocircuito
- Interruptor / Caja
- Operador Ternario
- Veraz y falso
- Ejercicio: Procesamiento condicional
- Bucles mientras que y hacer… while Bucles para bucles
- Pausa y continúa
- Ejercicio: Trabajar con bucles
- Matriz: forEach()
- Controladores en eventos
- Ejercicio: Uso de controladores en eventos
- El método addEventListener()
- Funciones anónimas
- Captura de eventos clave
- Ejercicio: Adición de agentes de escucha de eventos
- Beneficios de los oyentes de eventos
- Temporizadores
- Prueba de mecanografía
- Selectores CSS
- La propiedad innerHTML
- Nodos, NodeLists y HTMLCollections
- Acceso a los nodos de elementos
- Ejercicio: Acceso a los elementos
- Notación de puntos y notación de corchetes
- Acceso jerárquico a los elementos
- Ejercicio: Trabajar con elementos jerárquicos
- Acceso a los atributos
- Creación de nuevos nodos
- Enfocándose en un campo
- Aplicación de lista de compras
- Ejercicio: Registro
- Ejercicio: Adición de EventListeners
- Ejercicio: Agregar elementos a la lista
- Ejercicio: Agregar dinámicamente botones de eliminación a los elementos de la lista
- Ejercicio: Eliminar elementos de la lista
- Ejercicio: Prevención de duplicados y nombres de productos de longitud cero
- Manipulación de tablas
- Cómo funcionan los formularios HTML
- El elemento de forma
- Elementos de formulario
- Botones
- Ejercicio: Creación de un formulario de registro
- Casillas de verificación
- Botones de radio
- Ejercicio: Agregar casillas de verificación y botones de radio
- Conjuntos de campos
- Seleccionar Menús
- Áreas de texto
- Ejercicio: Agregar un menú de selección y un área de texto
- Formularios HTML y CSS
- Validación de formularios del lado del servidor
- Validación de formularios HTML
- Acceso a los datos del formulario
- Validación de formularios con JavaScript
- Ejercicio: Comprobación de la validez de los campos de correo electrónico y URL
- Comprobación de la validez de los eventos de entrada y envío
- Adición de mensajes de error
- Validación de áreas de texto
- Validación de casillas de verificación
- Validación de botones de radio
- Validación de menús seleccionados
- Ejercicio: Validar el formulario de pedido de helados
- Dar una oportunidad al usuario
- Empezar
- Sintaxis de expresiones regulares
- Referencias inversas
- Validación de formularios con expresiones regulares
- Limpieza de entradas de formulario
- Ejercicio: Limpieza de entradas de formulario
- Un ejemplo un poco más complejo
Curso de Seguimiento
- Course 55340 Developing ASP.NET Core Web Applications
