Curso basico de lenguaje de marcas lección 5

 

Uniones en SQL: Combinando resultados de múltiples tablas

Introducción

Las uniones en SQL son una herramienta fundamental para combinar datos de dos o más tablas relacionadas. Esto permite realizar consultas más complejas y obtener información valiosa a partir de diferentes fuentes de datos.

Conceptos clave

• Tipos de uniones:
• INNER JOIN: Devuelve solo las filas que tienen un valor común en ambas tablas.
• LEFT JOIN: Devuelve todas las filas de la tabla izquierda y las filas coincidentes de la tabla derecha.
• RIGHT JOIN: Devuelve todas las filas de la tabla derecha y las filas coincidentes de la tabla izquierda.
• FULL OUTER JOIN: Devuelve todas las filas cuando hay una coincidencia en alguna de las columnas.
• Claves primarias y foráneas: La relación entre las tablas se establece mediante claves primarias y foráneas.

Ejemplos prácticos

SQL

-- Ejemplo de INNER JOIN

SELECT clientes.nombre, pedidos.fecha

FROM clientes

INNER JOIN pedidos ON clientes.id_cliente = pedidos.id_cliente;

Usa el código con precaución.

Ejercicios

1. Crea una consulta que muestre el nombre de los productos y el nombre de la categoría a la que pertenecen.
2. Obtén una lista de todos los clientes, incluso aquellos que no han realizado ningún pedido.

Consideraciones adicionales

• Rendimiento: Las uniones pueden afectar el rendimiento de las consultas, especialmente en bases de datos grandes.
• Optimización: Utiliza índices para mejorar la velocidad de las uniones.
• Alias: Utiliza alias para hacer las consultas más legibles.

Subconsultas en SQL: Consultas anidadas para obtener resultados más complejos

Introducción Las subconsultas son consultas SQL incrustadas dentro de otras consultas. Permiten realizar consultas más complejas y obtener información detallada a partir de múltiples tablas.

Conceptos clave

• Subconsultas escalares: Devuelven un único valor.
• Subconsultas correlacionadas: Se refieren a filas de la consulta externa.
• Subconsultas en cláusulas WHERE, HAVING, FROM, etc.

Sintaxis SQL

SQL

SELECT columna1

FROM tabla1

WHERE columna2 IN (SELECT columna3 FROM tabla2);

Usa el código con precaución.

Ejemplos prácticos

• Encontrar empleados cuyo salario sea mayor que el salario promedio.
• Obtener los productos más vendidos de cada categoría.

Ejercicios

1. Encuentra los clientes que hayan realizado pedidos en los últimos 3 meses.
2. Obtén el nombre del empleado que ha realizado más ventas.

Consideraciones adicionales

• Rendimiento: Las subconsultas pueden afectar el rendimiento de las consultas, especialmente en bases de datos grandes.
• Alternativas: En algunos casos, se pueden utilizar JOINs para obtener los mismos resultados de forma más eficiente.

Algunos temas adicionales que podríamos abordar:

• Ventanas: Funciones de ventana para realizar cálculos sobre conjuntos de filas.
• Índices: Cómo crear y utilizar índices para mejorar el rendimiento de las consultas.
• Optimización de consultas: Técnicas para escribir consultas SQL eficientes.
• Procedimientos almacenados: Creación y ejecución de procedimientos almacenados.
• Triggers: Automatización de tareas mediante triggers.

Audibles: Tu biblioteca Personal Siempre Contigo Escucha en Cualquier Lugar

 

Descubre el mundo de los audiolibros con Audibles: Tu biblioteca personal siempre contigo

¿Te encanta escuchar historias mientras conduces, haces ejercicio o simplemente te relajas? Audibles, la plataforma de audiolibros de Amazon, te ofrece un universo de posibilidades para disfrutar de tus autores favoritos en formato audio.

¿Por qué elegir Audibles?

• Amplio catálogo: Accede a millones de títulos de todos los géneros: novelas, ensayos, biografías, infantiles... ¡Hay algo para todos los gustos!
• Comodidad: Escucha tus libros favoritos en cualquier dispositivo: smartphone, tablet, ordenador o incluso en dispositivos Echo.
• Personalización: Crea tu propia biblioteca, marca tus favoritos y sincroniza tu progreso en todos tus dispositivos.
• Funciones avanzadas: Disfruta de funciones como la velocidad de reproducción ajustable, marcadores y la opción de escuchar muestras antes de comprar.

¿Cómo funciona Audibles?

Audibles ofrece dos modalidades principales para disfrutar de sus contenidos:

• Suscripción mensual:
• Beneficios:
• Acceso a un libro al mes.
• Descuentos exclusivos en títulos seleccionados.
• Acceso a la biblioteca de Audible Originals.
• Opción de cambiar de libro cuando quieras.
• ¿Para quién es ideal? Para aquellos que disfrutan de escuchar un libro al mes y quieren aprovechar al máximo el catálogo de Audibles.
• Compra de libros individuales:
• Beneficios:
• Libertad para elegir cualquier título del catálogo.
• Opción de comprar créditos adicionales para adquirir más libros.
• ¿Para quién es ideal? Para aquellos que prefieren comprar los libros que realmente les interesan y no quieren estar atados a una suscripción mensual.

¿Cómo empezar?

1. Crea una cuenta: Regístrate haciendo clic aquí: Audible a través de la web o la app.
2. Explora el catálogo: Descubre los miles de títulos disponibles y crea tu lista de deseos.
3. Elige tu plan: Decide si prefieres la suscripción mensual o la compra de libros individuales.
4. ¡Empieza a escuchar! Descarga tus libros y disfruta de la experiencia Audible.

¿A qué esperas para sumergirte en un nuevo mundo de historias? Con Audibles, llevar tu biblioteca contigo es más fácil que nunca.

Audibles: Tu biblioteca personal siempre contigo

¿Imaginas disfrutar de tu novela favorita mientras caminas al trabajo, haces ejercicio o simplemente te relajas en casa? Con Audibles, la plataforma de audiolibros de Amazon, esto es posible. Llévate tu biblioteca contigo a donde quieras y sumérgete en apasionantes historias a cualquier hora y lugar.

¿Por qué elegir Audibles?

• Flexibilidad: Escucha tus libros favoritos mientras realizas otras actividades: en el transporte público, mientras haces ejercicio o incluso mientras trabajas.
• Amplio catálogo: Accede a millones de títulos de todos los géneros.
• Comodidad: Disfruta de tus audiolibros en cualquier dispositivo.
• Personalización: Crea tu propia biblioteca y sincroniza tu progreso en todos tus dispositivos.

Dos formas de disfrutar Audible:

• Suscripción mensual:
• Ideal para: Amantes de los libros que buscan una opción flexible y económica.
• Beneficios:
• Un libro al mes.
• Descuentos exclusivos.
• Acceso a la biblioteca de Audible Originals.
• Compra de libros individuales:
• Ideal para: Quienes prefieren comprar solo los libros que les interesan.
• Beneficios:
• Libertad para elegir cualquier título.
• Opción de comprar créditos adicionales.

¿Cómo elegir el plan adecuado?

• Si eres un ávido lector: La suscripción mensual te permite descubrir nuevos títulos cada mes.
• Si prefieres comprar libros de vez en cuando: La opción de compra individual te ofrece más flexibilidad.

¡Comienza tu aventura literaria con Audibles hoy mismo!

[Incluir aquí una imagen de alguien escuchando un audiolibro mientras camina]

[Añadir un botón de llamada a la acción que redirija a la página de suscripción de Audible]

¿En qué te gustaría profundizar más? Aquí tienes algunas opciones:

• Beneficios de escuchar audiolibros: Podemos explorar cómo los audiolibros pueden mejorar la concentración, reducir el estrés y expandir el vocabulario.
• Recomendaciones de títulos: Sugerir títulos populares o personalizados según los intereses del lector.
• Comparación con otras plataformas: Destacar las ventajas competitivas de Audible frente a otras opciones del mercado.
• Funciones adicionales: Explorar características como las listas de reproducción personalizadas, las recomendaciones basadas en tus gustos y la posibilidad de escuchar fragmentos de libros antes de comprarlos.

 

Curso basico de lenguaje de marcas lección 4

 Módulo 3: JavaScript Básico

Lección 1: Introducción a JavaScript

Objetivos:

·         Entender qué es JavaScript y su importancia en la web.

·         Aprender la sintaxis básica y la creación de variables.

1. ¿Qué es JavaScript?

JavaScript es un lenguaje de programación que se utiliza para crear contenido dinámico en las páginas web. Esencialmente, permite que las páginas web sean interactivas y respondan a las acciones de los usuarios.

2. Sintaxis básica de JavaScript

La sintaxis de JavaScript define cómo se estructuran las declaraciones y comandos. Aquí tienes algunos elementos básicos:

·         Comentarios: Se utilizan para dejar notas en el código.

javascript

// Este es un comentario de una sola línea.

/* Este es un comentario

   de varias líneas. */

·         Variables: Almacenan datos que pueden cambiar durante la ejecución del programa.

javascript

var nombre = "Juan";

let edad = 25;

const PI = 3.14;

3. Tipos de datos

JavaScript admite varios tipos de datos básicos, como:

·         Números: Enteros y decimales.

javascript

let numero = 42;

let decimal = 3.14;

·         Cadenas de texto: Texto delimitado por comillas.

javascript

let saludo = "Hola, mundo!";

·         Booleanos: Valores verdaderos o falsos.

javascript

let esVerdadero = true;

let esFalso = false;

4. Operadores

JavaScript utiliza operadores para realizar cálculos y comparaciones.

·         Aritméticos:

javascript

let suma = 5 + 3;       // 8

let resta = 10 - 7;     // 3

let multiplicacion = 4 * 2;  // 8

let division = 20 / 5;  // 4

·         Comparación:

javascript

let igual = 5 == 5;     // true

let diferente = 5 != 3; // true

let mayor = 7 > 4;      // true

5. Ejemplo de script básico

Veamos un pequeño ejemplo de JavaScript que muestra un mensaje en la consola del navegador:

html

<!DOCTYPE html>

<html>

<head>

  <title>Práctica de JavaScript</title>

</head>

<body>

  <h1>Bienvenido a JavaScript</h1>

  <script>

    // Este es un mensaje en la consola

    console.log("Hola, mundo!");

   

    // Definir una variable y mostrarla en la consola

    let nombre = "Juan";

    console.log("Hola, " + nombre);

  </script>

</body>

</html>

Abre el archivo en tu navegador y usa la herramienta de desarrollador (F12 o Ctrl+Shift+I) para ver la consola y el mensaje.

·         Ejercicio práctico:

Crea un archivo HTML y escribe el código anterior. Experimenta cambiando el nombre y observa cómo afecta el mensaje en la consola.

Curso basico de lenguaje de marcas lección 3

 

Módulo 3: CSS Básico

Lección 3: Introducción a CSS

Objetivos:

·         Entender qué es CSS y su importancia en el diseño web.

·         Conocer la sintaxis básica de CSS.

1. ¿Qué es CSS?

CSS (Cascading Style Sheets) es el lenguaje utilizado para describir la presentación de un documento HTML. CSS permite separar el contenido (HTML) de la presentación (CSS), lo que facilita el mantenimiento y la actualización de los estilos.

2. Sintaxis básica de CSS

Un archivo CSS consiste en reglas de estilo que se aplican a elementos HTML. Cada regla tiene un selector y un bloque de declaraciones. Aquí tienes un ejemplo básico:

selector {

  propiedad: valor;

}

• Selector: El elemento HTML al que se aplican las reglas de estilo.
• Propiedad: La característica que se va a modificar (color, fuente, margen, etc.).
• Valor: El valor asignado a la propiedad.

3. Ejemplo de regla CSS

Aquí tienes un ejemplo de cómo aplicar estilos a un encabezado y a un párrafo:

h1 {

  color: blue;

  font-size: 24px;

}

 

p {

  color: gray;

  font-family: Arial, sans-serif;

}

El selector h1 aplica las reglas de estilo al elemento <h1>. En este caso, el color del texto será azul y el tamaño de la fuente será de 24 píxeles.

·         El selector p aplica las reglas de estilo al elemento <p>. El color del texto será gris y la fuente será Arial (con un respaldo de sans-serif).

4. Incluir CSS en un documento HTML

Hay varias formas de incluir CSS en un documento HTML:

CSS en línea (inline): Se utiliza el atributo style dentro de un elemento HTML.

html

<h1 style="color: blue; font-size: 24px;">Título en Azul</h1>

CSS interno (internal): Se coloca dentro de una etiqueta <style> en la sección <head> del documento HTML.

html

<head>

  <style>

    h1 {

      color: blue;

      font-size: 24px;

    }

  </style>

</head>

CSS externo (external): Se coloca en un archivo .css separado y se enlaza en el documento HTML utilizando la etiqueta <link>.

<head>

  <link rel="stylesheet" type="text/css" href="estilos.css">

</head>

5. Selectores en CSS

Los selectores en CSS se utilizan para aplicar reglas de estilo a elementos específicos en un documento HTML. Aquí tienes algunos de los selectores más comunes:

Selector de tipo: Aplica estilo a todos los elementos de un tipo específico.

css

p {

  color: blue;

}

Selector de clase: Aplica estilo a todos los elementos con una clase específica. Las clases se definen con un punto (.) seguido del nombre de la clase.

css

.miClase {

  color: red;

}

Selector de ID: Aplica estilo a un elemento con un ID específico. Los IDs se definen con un hash (#) seguido del nombre del ID.

css

#miID {

  color: green;

}

Selector universal: Aplica estilo a todos los elementos del documento.

css

Copiar

* {

  color: purple;

}

6. Propiedades básicas

Color: Cambia el color del texto.

css

p {

  color: blue;

}

Fondo: Cambia el color de fondo de un elemento.

css

div {

  background-color: yellow;

}

Fuente: Cambia la fuente del texto.

css

h1 {

  font-family: Arial, sans-serif;

}

Tamaño de fuente: Cambia el tamaño de la fuente.

css

h2 {

  font-size: 20px;

}

Margen: Define el espacio exterior de un elemento.

css

p {

  margin: 10px;

}

Padding: Define el espacio interior de un elemento.

css

div {

  padding: 10px;

}

3. Ejemplo práctico

Aquí tienes un ejemplo práctico que combina varios selectores y propiedades:

css

body {

  background-color: lightgray;

}

 

h1 {

  color: blue;

  font-size: 24px;

}

 

.miClase {

  color: red;

  font-family: Arial, sans-serif;

}

 

#miID {

  background-color: yellow;

  padding: 10px;

}

En tu archivo HTML, puedes utilizar estas clases e IDs de la siguiente manera:

html

<!DOCTYPE html>

<html>

<head>

  <title>Práctica de CSS</title>

  <link rel="stylesheet" type="text/css" href="estilos.css">

</head>

<body>

  <h1>Encabezado Azul</h1>

  <p class="miClase">Este es un párrafo rojo con fuente Arial.</p>

  <div id="miID">Este es un div con fondo amarillo y padding.</div>

</body>

</html>

Ejercicio práctico:

Crea un archivo HTML y un archivo CSS. Enlaza el archivo CSS al documento HTML y escribe las reglas de estilo mencionadas. Luego, ábrelo en tu navegador para ver el resultado.

Ejercicio práctico:

Crea un archivo HTML y un archivo CSS. Enlaza el archivo CSS al documento HTML y escribe las reglas de estilo mencionadas. Luego, ábrelo en tu navegador para ver el resultado.

Curso basico de lenguaje de marcas lección 1

 Módulo 1: HTML Básico

Lección 1: Introducción a HTML

Objetivos:

·         Entender qué es HTML y su importancia en la web.

·         Conocer la estructura básica de un documento HTML.

·         Aprender las etiquetas más comunes.

1. ¿Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje de marcado estándar para crear páginas web. Describe la estructura de una página web utilizando una serie de elementos y etiquetas. Cada elemento tiene un propósito específico y define una parte del contenido de la página web.

2. Estructura básica de un documento HTML

Un documento HTML tiene una estructura definida con varias etiquetas que organizan su contenido. Aquí tienes un ejemplo básico:

<!DOCTYPE html>

<html>

<head>

  <title>Mi Primera Página Web</title>

</head>

<body>

  <h1>¡Hola, mundo!</h1>

  <p>Este es mi primer párrafo en HTML.</p>

</body>

</html>

• Espacio de trabajo.

Te preguntaras que es el espacio de trabajo. Este espacio de trabajo es una carpeta donde tendrás que guardar tu trabajo.En esta carpeta tendrás todos tus archivos es decir el html.index el css, javascript, php, spq, imágenes.

Programas para practicar en este curso.

Visual Studio code: Enlace para su descarga. https://www.mediafire.com/file/s729nbhnnda02pr/VSCodeUserSetup-x64-1.94.2.exe/file

Las etiquetas más utilizadas

·         <!DOCTYPE html>: Declara el tipo de documento y la versión de HTML.

·         <html>: El contenedor principal de todo el documento HTML.

·         <head>: Contiene metadatos sobre el documento, como el título.

·         <title>: Define el título de la página que aparece en la barra del navegador.

·         <body>: Contiene todo el contenido visible de la página web.

·         <h1>: Define un encabezado de nivel 1.

·         <p>: Define un párrafo de texto.

 

3. Etiquetas más comunes en HTML

Aquí hay algunas etiquetas básicas que se utilizan con frecuencia en HTML:

Encabezados: <h1> a <h6>

html

<h1>Encabezado 1</h1>

<h2>Encabezado 2</h2>

Párrafos: <p>

html

<p>Este es un párrafo.</p>

Enlaces: <a>

html

<a href="https://www.ejemplo.com">Visita Ejemplo</a>

Imágenes: <img>

html

<img src="imagen.jpg" alt="Descripción de la imagen">

Listas: <ul> para listas no ordenadas y <ol> para listas ordenadas

html

<ul>

  <li>Elemento de lista</li>

</ul>

<ol>

  <li>Elemento de lista</li>

</ol>

Ejercicio práctico:

Crea un archivo HTML y escribe el siguiente código. Luego, ábrelo en tu navegador para ver el 

resultado.

      <!DOCTYPE html>

<html>

<head>

  <title>Práctica HTML Básica</title>

</head>

<body>

  <h1>Bienvenido a mi página web</h1>

  <p>Este es un párrafo de ejemplo para practicar HTML.</p>

  <a href="https://www.tusitiofavorito.com">Visita mi sitio favorito</a>

  <img src="imagen.jpg" alt="Una imagen de ejemplo">

  <ul>

    <li>Elemento de lista 1</li>

    <li>Elemento de lista 2</li>

  </ul>

</body>

</html>

Prueba a cambiar los textos y observa cómo cambia la página web. ¡Diviértete practicando!.